reCaptcha custom! Grösse anpassen, filter:Invert & recaptcha_only_if_incorrect_sol

Obsidian · 02.11.2011, 10:47

Hi..
Ich hab einige Zeit damit verbracht ein geeignetes Captcha zu suchen.
Mein Fazit nach der Suche: Nur reCaptcha is wirklich brauchbar ^^

Allerdings, das Teil ist Standart zu gross, die Farben passen nicht etc..
also kurzerhand mal das Captcha Theme auf Custom gestellt und etwas gebastelt.. Resultat:

Code:

<table><tr><td>  
   <div id="recaptcha_widget" style="display:none">
   <div class="recaptcha_only_if_incorrect_sol" style="color:red">Incorrect please try again</div>
   <span class="recaptcha_only_if_image">Enter the words behind: <br /></span>
   <span class="recaptcha_only_if_audio">Enter the numbers you hear: <br /></span>
   <input type="text" id="recaptcha_response_field" name="recaptcha_response_field" />
   <div class="recaptcha_only_if_image"><a href="javascript:Recaptcha.switch_type(\'audio\')">Get an audio CAPTCHA</a></div>
   <div class="recaptcha_only_if_audio"><a href="javascript:Recaptcha.switch_type(\'image\')">Get an image CAPTCHA</a></div></td><td>
   <div id="recaptcha_image"></div></td><td>
   <div><a href="javascript:Recaptcha.reload()">Get another CAPTCHA</a></div>
   <div><a href="javascript:Recaptcha.showhelp()">Help</a></div>
   </div>
</td></tr></table>

So ist das ganze schonmal besser an das Kontaktformular (in dem das Captcha verwendet wird) angepasst..

3 Probleme bleiben jedoch:

1. Das Captcha img ist zu gross (auch wenn ich mir dessen bewusst bin, dass mit verkleinern des Captchas auch die lesbarkeit abnimmt)
2. Das Captcha Img ist Schwarzer Text auf weissem Hintergrund, die Page ist aber BGC BLACK und da sieht das irgendwie kacke aus ^^
3. recaptcha_only_if_incorrect_sol macht seinen Job nicht, find ich garnicht Toll!! beim auseinandernehmen war das auch schon etwas anderst eingereiht, mal tat es seinen Job korrekt, mal stand der Text immer da, was ja auch nicht sein sollte..

Meine Lösungsansätze:

zu 1.

Code:

<style type="text/css">
div#recaptcha_image > img{
height:46px;
width:240px;
}
</style>

Am Anfang des Scripts und damit ist Problem 1 gelöst

zu 2.

Da ich keine eigenen Captcha Img's verwenden will (würd irgendwie die Vorteile von reCaptcha zu nichte machen ^^) muss eine andere Lösung her.. gesucht und irgendwie Teilweise auch gefunden..:

Code:

filter:Invert()

macht im IE nen super Job, genau das was ich will, NUR im FF macht das rein garnichts..

MEINE FRAGE ALSO: Wie krieg ich das im FF oder anderen Browsern ebenfalls hin?

zu 3.... ich habe keine Ahnung, um jede Hilfe dankbar

Freu mich auf eure Antworten & Hilfestellungen

Obsidian · 02.11.2011, 10:56

http://www.nihilogic.dk/labs/imagefx/ könnte 2 Lösen, schau ich mir grad an... danke ^^

edit..:

ja das wär ja wirklich toll wenns funktionieren würd ^^

Code:

<script type="text/javascript" src="pixastic/pixastic.core.js"></script>
<script type="text/javascript" src="pixastic/actions/invert.js"></script>
<script type="text/javascript">
var img = new Image();
img.onload = function() {
	Pixastic.process(img, "invert");}
document.body.appendChild(img);
img.src = document.getElement("recaptcha_image");</script>

macht es aber nicht.. kann es sein das ich document.getElement("recaptcha_image"); irgendwie falsch anspreche?

Wär echt super wenn irgenwer ne Lösung für mich hätte, wie ich das reCaptcha img auf XBrowser invertieren kann, ich komm hier ned weiter ^^

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Tabellen sollen sich der grösse des Browserfensters anpassen	'progman'	HTML, Usability und Barrierefreiheit	2	02.11.2004 14:50
[Erledigt] iframe nach Formulareingaben an neue Grösse anpassen		HTML, Usability und Barrierefreiheit	2	17.06.2004 16:25

02.11.2011, 10:47
Obsidian Benutzer Registriert seit: 20.04.2011 Beiträge: 45 PHP-Kenntnisse: Anfänger	reCaptcha custom! Grösse anpassen, filter:Invert & recaptcha_only_if_incorrect_sol Hi.. Ich hab einige Zeit damit verbracht ein geeignetes Captcha zu suchen. Mein Fazit nach der Suche: Nur reCaptcha is wirklich brauchbar ^^ Allerdings, das Teil ist Standart zu gross, die Farben passen nicht etc.. also kurzerhand mal das Captcha Theme auf Custom gestellt und etwas gebastelt.. Resultat: Code: <table><tr><td> <div id="recaptcha_widget" style="display:none"> <div class="recaptcha_only_if_incorrect_sol" style="color:red">Incorrect please try again</div> <span class="recaptcha_only_if_image">Enter the words behind: <br /></span> <span class="recaptcha_only_if_audio">Enter the numbers you hear: <br /></span> <input type="text" id="recaptcha_response_field" name="recaptcha_response_field" /> <div class="recaptcha_only_if_image"><a href="javascript:Recaptcha.switch_type(\'audio\')">Get an audio CAPTCHA</a></div> <div class="recaptcha_only_if_audio"><a href="javascript:Recaptcha.switch_type(\'image\')">Get an image CAPTCHA</a></div></td><td> <div id="recaptcha_image"></div></td><td> <div><a href="javascript:Recaptcha.reload()">Get another CAPTCHA</a></div> <div><a href="javascript:Recaptcha.showhelp()">Help</a></div> </div> </td></tr></table> So ist das ganze schonmal besser an das Kontaktformular (in dem das Captcha verwendet wird) angepasst.. 3 Probleme bleiben jedoch: 1. Das Captcha img ist zu gross (auch wenn ich mir dessen bewusst bin, dass mit verkleinern des Captchas auch die lesbarkeit abnimmt) 2. Das Captcha Img ist Schwarzer Text auf weissem Hintergrund, die Page ist aber BGC BLACK und da sieht das irgendwie kacke aus ^^ 3. recaptcha_only_if_incorrect_sol macht seinen Job nicht, find ich garnicht Toll!! beim auseinandernehmen war das auch schon etwas anderst eingereiht, mal tat es seinen Job korrekt, mal stand der Text immer da, was ja auch nicht sein sollte.. Meine Lösungsansätze: zu 1. Code: <style type="text/css"> div#recaptcha_image > img{ height:46px; width:240px; } </style> Am Anfang des Scripts und damit ist Problem 1 gelöst zu 2. Da ich keine eigenen Captcha Img's verwenden will (würd irgendwie die Vorteile von reCaptcha zu nichte machen ^^) muss eine andere Lösung her.. gesucht und irgendwie Teilweise auch gefunden..: Code: filter:Invert() macht im IE nen super Job, genau das was ich will, NUR im FF macht das rein garnichts.. MEINE FRAGE ALSO: Wie krieg ich das im FF oder anderen Browsern ebenfalls hin? zu 3.... ich habe keine Ahnung, um jede Hilfe dankbar Freu mich auf eure Antworten & Hilfestellungen


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

02.11.2011, 10:56
Obsidian Benutzer Registriert seit: 20.04.2011 Beiträge: 45 PHP-Kenntnisse: Anfänger	http://www.nihilogic.dk/labs/imagefx/ könnte 2 Lösen, schau ich mir grad an... danke ^^ edit..: ja das wär ja wirklich toll wenns funktionieren würd ^^ Code: <script type="text/javascript" src="pixastic/pixastic.core.js"></script> <script type="text/javascript" src="pixastic/actions/invert.js"></script> <script type="text/javascript"> var img = new Image(); img.onload = function() { Pixastic.process(img, "invert");} document.body.appendChild(img); img.src = document.getElement("recaptcha_image");</script> macht es aber nicht.. kann es sein das ich document.getElement("recaptcha_image"); irgendwie falsch anspreche? Wär echt super wenn irgenwer ne Lösung für mich hätte, wie ich das reCaptcha img auf XBrowser invertieren kann, ich komm hier ned weiter ^^ Geändert von Obsidian (02.11.2011 um 11:58 Uhr).