Veselá captcha

Rozhodol som sa, že budem na tejto stránke uverejňovať zaujímavé obrázky vygenerované anti-spam systémom captcha. Niektoré kúsky sú naozaj zaujímavé a bola by škoda nepodeliť sa o ne s ostatnými. Projekt som nazval pracovne "Veselá captcha".

Celé si to predstavujem asi takto:


Svoje veselé captcha obrázky pridáte do komentára pod týmto článkom. Kedže blogger neumožnuje importovať obrázky, využije sa rozšírenie prehliadačov (okrem IE) zvané data-url, za pomoci ktorého sa dá obrázok po prekódovaní do správneho mime type vložiť do akejkoľvek stránky, podobne ako obrázky v majlovej komunikácií. Celkom zaujímavý príspevok o data-url sa vyskytol na abclinuxu v blogu petra_p. Niečo málo o data-url nájdete aj u mňa.

Prevod obrázka do base64 mime, ktorý je pre potreby data-url vhodný, najjednoduchšie vykonáte v Total Commanderi v menu:
File->Encode File (MIME,UUE,XXE)
Výsledok zo vzniknutého súboru zbavíte hlavičky a skopírujete ako obsah tagu <i></i> v komentári (blogger dovoľuje používať iba tagy: b,i,a). Pozor komentárový skript bloggera automaticky láme riadky tagom <BR> a teda najprv musíte celý zápis spojiť do jedného riadku. Dá sa to urobiť napríklad v PSPade označením celého zápisu CTRL+A a potom v menu:
Úpravy->Operácie s riadkami->Spoj riadky
Dôležité je predradiť parameter data. Mal by obsahovať typ vkladaného obrázka (image/gif, image/jpeg atď) a mime type (base64) nasledovaný čiarkou, oddeľujúcou samotné data-url (raw data). Firefox však zoberie image/gif aj pre jpeg obrázky. Javascript sa potom postará o konverziu: <i> na <img>. Veľký problém bude mať akurát IE, pretože ten data-url nepozná. Zápis vami napísaného komentára bude teda vyzerať takto:

<i>
   data:image/gif;base64,R0lGODdhMAAwAPAAAAAAAP///ywAAAAAMAAw
   AAAC8IyPqcvt3wCcDkiLc7C0qwyGHhSWpjQu5yqmCYsapyuvUUlvONmOZtfzgFz
   ByTB10QgxOR0TqBQejhRNzOfkVJ+5YiUqrXF5Y5lKh/DeuNcP5yLWGsEbtLiOSp
   a/TPg7JpJHxyendzWTBfX0cxOnKPjgBzi4diinWGdkF8kjdfnycQZXZeYGejmJl
   ZeGl9i2icVqaNVailT6F5iJ90m6mvuTS4OK05M0vDk0Q4XUtwvKOzrcd3iq9uis
   F81M1OIcR7lEewwcLp7tuNNkM3uNna3F2JQFo97Vriy/Xl4/f1cf5VWzXyym7PH
   hhx4dbgYKAAA7</i>

Táto captcha galéria bude náročná na pamäť počítača. Aspoň si otestujete tú svojú šunku a ja rýchlosť javascriptu Opera vs Firefox. Ešte spomeniem pre zaujímavosť, že skript je kombináciu DOM a kvôli rýchlosti bohužial aj innerHTML a ide o upravený skript firdom.

Kategórie:

• webdesign
• zábava