Wanted: some easy system to display my 500+ bot checks (in Contests)

What I want you to make, in HTML or any similar 'simple' language, some sort of way for me to display in a pretty way (check CBstuff dot NL for the color theme) all my 500+ bot checks.

Requirements:

- The system has to be able to be searched in, example a search for cow should give you all bot checks with 'cow' in it (all bot checks are saved with TopwordBottomword.png)

- The system has to be in some sort of table way of displaying

- The system has to display every bot check centered in each 'cell'

- All 'cells' have to have the same sizes.

- The system has to be able to display ~20-40 bot checks per page (could be 4 or 5 in a row or something like it)


- When I think of something else I would need I will be listing it also, but for now I think this would be good enough for my demands





Winner will have my eternal gratitude, as well as a thank you note on CBstuff.nl AND the winner will win some nice amount of cash, being $100,000

Source for the bot checks, atm, is here

Additional requirement: - I have to be able to add in bot checks easily myself and also change paths of them.

perhaps you could use http://www.google.com/searchcode.html

Oh Shade, it's too late now for me, I'll get right on this tomorwow though, goight

I will add 150k for the winner.

/me is a BIG fan of bot checks.

My entry:
link
I tried to follow the style of CBstuff.nl, not fully though, and when you add new botcheck images, they automatically show up. The one thing that doesn't convince me are the sizes of thumbnails.
Let me know what you think. (I'm currently hosting it on my PC, so loading times might be a little slow)

Personally, I like how it is now. If I want to find a word, I just use the search function in my browser. Plus, I don't have to load a bunch of images.

Carbonize I don't think that will work.

Eden, It's a nice way of displaying it but I can't search them with a searchbox that only displays specific bot checks.

Pixelsage: well yeah the list looks nice, I can make that into a separate page when you don't want to slow down while looking for a specific one.

what sort of hosting you got? That would be mega easy to do in ASP / ASP.NET - also in PHP...

Quick'n'dirty:

<?php
define("COLS",5);
define("ROWS",5);

$cwd=dirname($_SERVER['SCRIPT_FILENAME']);
$dh=@opendir($cwd);
if ($dh) {
  while ($filename=readdir($dh)) {
    if (preg_match("/\.png$/",$filename)) $files[]=$filename;
  }
}
closedir($dh);

if($_GET['search']) {
  foreach($files as $file) {
    if(preg_match(sprintf("/%s/i",$_GET['search']),$file)) $temp[]=$file;
  }
  $files=$temp;
}

$page=($_GET['page']?$_GET['page']:0);
$perpage=ROWS*COLS;

echo "<table border>";
for ($row=0;$row<ROWS;$row++) {
  echo "<tr>";
  for ($col=0;$col<COLS;$col++) {
    $image=$col+$row*COLS+$perpage*$page;
    if($image<count($files)) echo "<td><img src=\"" . $files[$image] . "\"></td>";
  }
  echo "</tr>\n";
}echo "</table>";
$url=sprintf("%s?search=%s&page=",$_SERVER['PHP_SELF'],$_GET['search']);
if($page>0) echo "<a href=\"" . $url . ($page-1) . "\">Back</a>";
if(count($files) > ($page+1) * $perpage) echo "<a href=\"" . $url . ($page+1) . "\">Forward</a>";
?>


The 'equal size' requirement is best done in a CSS for the table cells.
The search can be activated by a simple html form (method="get") with an input element named search, pointing to this script.
The script expects to be in the same dir as the images. If not, then toy with the $cwd= line.

well, that looks quite nice bartjan, but that isn't as simple as I wanted it perhaps...
If i can see it working then it would make me feel much better :p

working?

Looking very good bartjan, and as you said the table alignment should be done with some CSS

and how about the the search box?

Just point an html form containing an input type named "search" to this script and you'll end up with something like this

Went testing the displayed code on my own web space i got this error:


Warning: Supplied argument is not a valid Directory resource in /home/.sites/26/site416/.users/144/illusion/web/Carnageblender/Botchecks/test.php on line 12


too bad I'm not good at coding :\

ok update: bartjan has helped me out a bit more with the php file, and it works now.

Just have to get an entry page with the search button. and the various page buttons

bump, still need the search box to be made :)

"Just point an html form containing an input type named "search" to this script and you'll end up with something like this"

do the button and the script need to be on the same site?

Nope

then check out the bot check page on cbstuff.nl , I don't think it's working...

you have this
<input type="text" name="user">
make it this
<input type="text" name="search">

Shade, I'm truly insane, please.. get me some professional help..

Here I threw this together, since I thought it might be useful for other people. Sorry BTW it is hosted on my server, so feel free to steal it and put it on your server, infact, PLEASE do.

http://defhoboz.biz/imagesearch.html

Wow, if you don't use Veri's... I'll be speechless

- 'stole' Verifex' Image Search Thingy.
- fixed the search function of bartjan's page.

Just need to know how exactly I can change the displaying of the page bartjan helped build or how to change the page verifex helped build

The results page is printed out on bart's site, so changing that would require access to that or pleading with bart.

Changing Verifex's script requires a Masters in AJAX.

Well, as bartjan said, I should be able to put in a CSS for that page, just need to figure out how :)

and as far as editing that script, i'd think a plea with Verifex would be needed perhaps :p

Freakin IE doesn't like the method of making the regular expression case-insensitive, so to find the majority of the "lump" ones, you had to type capital L, I fixed it by using a eval trick to turn a regular expression string into a regular expression object. Hurray Internet for giving me this solution! ;)

BTW shade, in order to use the script properly, you need to do two things.

1. Change the path at top, big duh! And I think you figured that part out ;)
2. Make sure that the path you list doesn't have a index.html in it, the script works on the apache generated directory listing format to pull out each of those little img names and parse them properly. If you are familiar with Regular Expression syntax, you can also rewrite it to work for any directory listing/html page listing.

Shade to make your thingy work, you will need to change the /botchecks/ path to /Carnageblender/Botchecks/

1: The bot checks I am now referring to are located at www.cbstuff/botchecks/ so linking from /Carnageblender/botchecks/ wouldn't do much good now would it?

2: there is no html or any other page in it, just the .png files.

2a: If you are familiar with Regular Expression syntax, you can also rewrite it to work for any directory listing/html page listing.

erm, I am not familiar with it :)

Shade, you need to reference a directory that has a reference to all the images..

http://www.cbstuff.nl/botchecks/ does not reference a list of the botchecks, it just returns "Forbidden" when trying to access that directory. You need a directory that returns results that look EXACTLY what this link looks like: http://diltermeczky.parelnet.nl/Carnageblender/Botchecks/

so the directory has to be accessible by the public?

and if/when I'd add bot checks to the second link, then what?

Yes, if the directory with the bot check images in it is private, then yes, nobody will be able to see them. (duh?) Don't put a index.html or default.aspx or anything in that directory, so that the webserver (apache) generates a directory listing, that search thingy parses the html apache generates for a directory listing, incase you didn't catch that already. :)

I know of index.html or similar files will make it semi blocked, however i don't know how to make that path (referring to cbstuff.nl/botchecks/) public though.

Perhaps if you know what permission settings i should use?

I have some sort of permission setting things on my hosting:

code 755
code 644

though normal files and that directories all have code 755...

Trying to close this contest down.

I think bartjan's way of displaying would appeal to me most (mostly because it doesn't need a directory to be open to view.

Also because his way of making the tables for the bot checks to get filled seems to work better to be editable.


Many people have helped me so I will most likely split up the total prize money which is $250k now into smaller pieces.

Another item I'd like to address here is the following:

If I wanted all bot checks starting with the letter A to be displayed, but none of the others, how would I do this?

Help me out with this and you will get a share of the pot! $_ $

If you change the line:
if(preg_match(sprintf("/%s/i",$_GET['search']),$file)) $temp[]=$file;
into:
if(preg_match(sprintf("/^%s/i",$_GET['search']),$file)) $temp[]=$file;

(a caret (^) in front of the %s)

then you search for words starting with your search term.
Another method could be to change the search expression above into "/%s/" (without the i), so your search becomes case sensitive. This way, you can use a link like botcheck.php?search=A to search for all botchecks starting with an A (including the lower words).

I kinda forgot, but since I was using the match js function on my script thingy, that little search bar already has regex functions available to it, hehehe its just a matter of knowing how to use regex ;)

No matter how different our 2 approaches are, we both rely on Regular Expressions ;)

Ahh yes.. I just wanted to see if it would be feasible to make a search engine that didn't need to access the server to search, and I proved its possible, check out the version on there right now. I'm thinking I can modify it a little more and make it very useful for me in other areas.

updated the bot check home page, alas verifex' tests don't work on this server (they do on my other web space). Bartjan's tests seem to all work, except the buttons which I don't know how to activate (yet)

verifex' works also now!

If there's any botcheck that is appropriate, then it is this one:

;)

Ain't that the truth!

Now if we could put them all in one place, and have a giant super pile of them, we could make a program that would build sentences out of bot checks lol

Will end this contest / help very soon.

Will ask deifeln to send me his $150k prize so I can start thinking about who wins what ;)

Well deifeln has added his sum of money to the prize and I am wrapping this up:

The only 2 real contesters were bartjan and Verifex.


bartjan has made an amazing (imo) page for me including various ways to search on bot checks:
- Search by any name or letters
- Search by first word letters
- Case sensitive search by any name or letters


Verifex has also made an amazing page:
- Search by any name or letters
- Instantly displays all 'hits'



Alas search functions have a minor bug, when searching on png you get all bot checks to be displayed, but bartjan's version can circumvent this issue by searching on the first word or letters of the bot check.

Also bartjan's search function allows me to use a few different approaches, in which I can make some sort of alphabetical list.


So the overall winner is bartjan and he wins $200,000
But a good second place is Verifex who will still win $50,000

sprintf("/%s/i",$_GET['search'])

should become

sprintf("/%s.*\.png$/i",$_GET['search'])

to fix that "png" bug.

Seems that bartjan more than enough has earned his prize, the png bug has been fixed :)

Well, my entry was more a "proof of concept" for me, since I figured a real-time search would be possible, and fun to use, and why the hell not.

Now, I'm just gunna improve on mine and use it for just general "media". I have another version up on my site that lets you search images. I can't give you the link because of the occasional un-pg content, but I'm sure you can find it VERY easily. :)

Your idea definitely beats mine on the coolness factor, and all things that Shade wanted to have can be implemented in it; but I'm afraid for that dialup user, who wants to search for images ;)

Maybe someone could write something to read the actual bot check cursive text rather than relying on the filename. That would make it more flexible for searching? ;)