"Reload" Funktion für Captcha-Bildchen

[Stefek]

Hallo!

Ich frage mich, ob es die Möglichkeit gibt, ein Captcha zu reloaden.
Bisweilen kommt es vor, dass man ein bestimmtes Captcha nicht "entziffern" kann, da wäre es gut, wenn man es reloaden könnte, um ein nächstes zu sehen, welches man dann eingibt.

Habe ich Tomatos auf den Augen, oder gibt es diese Möglichkeit tatsächlich nicht out-of-the-box?

MfG,
Stefek

[thorn]

Hallo,

hmm, stimmt. Captcha falsch oder garnicht eingeben ist die einzige Möglichkeit um an ein Neues zu gelangen.

thorn.

[Stefek]

Hallo Thorn!
Danke für Deine Antwort.

Würde es Sinn machen, es einzubauen?

Könnte man es "nachinstallieren" oder wäre es etwas für die nächste 2.7.x Version was?

MfG,
Stefek

[thorn]

Hallo,

das wird darauf hinauslaufen, daß alle Module angepasst werden müssen.
Ich denke da an einen reload der Seite (etwa mit http://...&captcha=reload).
Oder kann man das über javascript realisieren? (php-Funktion-skript aufrufen, Bild und Variable entgegennehmen,
bestehendes Bild austauschen, $_SESSION-variable setzten)

EDIT: ne, ok. $_SESSION-varibale per javascript setzten dürfte nun wirlich nicht gehen  )

thorn.

[Stefek]

das wird darauf hinauslaufen, daß alle Module angepasst werden müssen.

Das kann sein, leider fehlt mir für solche Ideen immer das Hintergrundwissen.
Kommt vor, dass ich eine Idee habe, die leicht realisierbar ist... 
Doch immer iauf gut Glück ns Schwarze zu treffen wäre auch zu viel erwartet. 

MfG,
Stefek

[Ralf Hertsch]

Hallo Thorn,

als Idee: den Captcha in einen iframe stellen und bei onclick per Javascript einen Reload durchführen?

Gruß
Ralf

[thorn]

Hallo,

den Captcha in einen iframe stellen

gute Idee, probier ich gerade aus.
<form>
  Daten
  Daten
  <iframe ...  src="captcha.php"> Ersatzsetxt </iframe>
</form>

Aber wie bekomme ich dann die Captcha-Eingabe zusammen mit den anderen Formular-Daten gesendet?


thorn.

[Ralf Hertsch]

Hallo Thorn,

Aber wie bekomme ich dann die Captcha-Eingabe zusammen mit den anderen Formular-Daten gesendet?

Aua, gute Frage. Da habe ich jetzt erst mal keine zündende Idee dazu...

Hmmm, manchmal taugen die besten Ideen nix 

Gruß
Ralf

[thorn]

Hallo,

vielleicht kann man sowas machen
<form>
  <input Daten>
  <input Daten>
  <iframe ...  src="captcha.php">Ersatztext</iframe> <input captcha>
  <submit>
</form>

Das sollte doch eigentlich gehen...

thorn.

[Ralf Hertsch]

Hallo Thorn,

stimmt, so sollte es funktionieren. Die $_SESSION['captcha'] wird vom iframe nicht beeinflußt und der input für den Captcha steht normal im Formular.

Ein wenig trickreich dürfte das CSS für die unterschiedlichen Captchas im iframe werden, damit der iframe nicht auffällt.

Ein Nebeneffekt, wenn das Ganze denn funktioniert, dürfte außerdem sein, dass es schwieriger zu überwinden sein dürfte, da sich Captcha und Eingabe auf unterschiedlichen Seiten befinden...

Gruß
Ralf

[thorn]

Hallo,

ich habe mal eine erste Testversion gemacht.
einfach die vorhandene Datei include/captcha/captcha.php gegen die Datei im Anhang austauschen.
Funktioniert zur Zeit nur mit Modulen die call_captcha() benutzen (also alle Core-Module mit Captcha).
Bei dem Captcha-Typ 'Rechnung als Text' muß noch die Captcha-Datei selbst verändert werden (Sprachdateien laden), das fehlt hier noch.
Um das Captcha neu zu laden, einfach auf das Bild oder den Text (bei Textcaptcha) klicken.

Ein wenig trickreich dürfte das CSS für die unterschiedlichen Captchas im iframe werden, damit der iframe nicht auffällt.

Hmm, eigentlich und ursprünglich bin ich 'Skript-Schreiber', daher kenne ich mich mit CSS&Co überhaupt nicht aus und breche mir jedesmal was ab, wenn ich mich daran versuche.
Wäre nett wenn du das CSS machen könntest, wenn du Lust und Zeit hast natürlich nur.

Beispiel-Code: Edit: Eigenschaften frameborder,marginheight,... hinzu, da es dafür keine richtigen CSS-Entsprechungen zu geben scheint

Code: [Select]

<table class="captcha_table"><tr>
<td class="image_captcha">
  <iframe class="captcha_iframe" marginheight="0" marginwidth="0" frameborder="0" name="captcha_iframe" src="http://localhost/wbtest/include/captcha/captcha.php?display_captcha_X986E21=1">
  <img class="captcha_image_real" src="http://localhost/wbtest/include/captcha/captchas/ttf_image.php?t=1220645882" alt="Captcha" />
  </iframe>
</td>
<td></td>
<td><input type="text" name="captcha" maxlength="10" style="width:50px;" /></td>
<td class="captcha_expl">Bitte Text eintragen</td>
</tr></table>

und im iframe dann:

Code: [Select]

<a href="http://localhost/wbtest/include/captcha/captcha.php?display_captcha_X986E21=2">
  <img class="captcha_image_real" src="http://localhost/wbtest/include/captcha/captchas/ttf_image.php?t=1220645882" alt="Captcha" />
</a>

thorn.

Edit: wie im Bild zu sehen, besteht das Problem darin die Größe des iframe richtig festzulegen (hier mal mit Rahmen):


[gelöscht durch Administrator]

[Ralf Hertsch]

Hallo Thorn,

Wäre nett wenn du das CSS machen könntest, wenn du Lust und Zeit hast natürlich nur.

ich schaue es mir am Wochenende an.

Gruß
Ralf

[Ralf Hertsch]

Hallo Thorn,

meine ursprüngliche Idee war, die Abmaße der Captchas on the fly auszulesen und damit die Größe des iframe festzulegen, damit wäre es insgesamt flexibel gewesen. Das funktioniert leider nicht, weil erst der iframe definiert werden muss und anschließend das Captcha erzeugt wird... 

Also sind die iframes jetzt erst mal hartcodiert, d.h. wenn irgendwann die Bildchen verändert werden müssen auch die iframes angepasst werden, aber es funktioniert erst mal.

Für mich stellt sich die Frage, ob für den TEXT-CAPTCHA die iframe Lösung überhaupt angeboten werden sollte. In der Praxis wird es hier wohl immer wieder Probleme geben, weil die Texte eine willkürliche Länge haben können (und ja auch sollen) und iframes alles andere als flexibel sind. Hier könnte man sich überlegen, ob man einen Link an den Text anfügt: 'Andere Frage...' oder so ähnlich...

Anpassung Captcha Typ "Rechnung als Text" fehlt noch.

Die überarbeitete captcha.php ist in der Anlage-

Gruß
Ralf

[gelöscht durch Administrator]

[thorn]

Hallo,

danke, ich hab heute Abend Zeit damit weiter zu machen.
Die Idee, das iframe auf die Bilder zu beschränken scheint mir gut zu sein, werd ich wohl so machen.

thorn.

[thorn]

Hallo Stefek,

kannst du das jetzt mal ausprobieren?
Im Anhang findest du in dem Zip die Dateien captcha.php und calc_text.php.
Diese einfach gegen die vorhandenen austauschen.

Um einen reload herbeizuführen, bei Bild-Captchas einfach auf das Bild klicken, bei Rechnung als Text auf den Text Klicken. Bei Text-Captchas gibt es diese Möglichkeit aber nicht.

Das funktionert nun bei allen Captchas die per call_captcha() erzeugt werden (also z.B. bei Gästebuch, News, Form, Sign-In).
Wer sein Captcha in Einzelteilen baut (call_captcha('image', $style); call_captcha('input', $style); ...) kann nun statt call_captcha('image'); alternativ call_captcha('image_iframe'); benutzen.
Siehe hierzu auch hier.

thorn.

[gelöscht durch Administrator]

[Stefek]

Hallo Thorn,
danke für all die Mühen.
Auch Dir Bernd.

Ich werde mir das morgen anschauen.
Danach lasse ich Euch hier wissen.

MfG,
Stefek

P.S. Da gibts ein kleines Modul von Aldus, mit dem man ganz nett den Quellcode mit Syntax Highlighting ausgeben kann.
Leicht zu installieren. Die Ausgabe kann einfach über CSS noch angepasst werden wenn nötig:
https://forum.WebsiteBaker.org/index.php/topic,10898.0.html

Nur als Tipp für jene, die auf Seiten Beispiele mit Snippets bereitstellen 

[Stefek]

Hallo Thorn,
ich habe zuerst ein backup von den Dateien:
[wb_root]/include/captcha/captchas/calc_text.php
[wb_root]/include/captcha/captcha.php
erstellt und dann Deine installiert.

Es funktioniert super, genau wie oben von Dir beschrieben.

Auch das Captcha "Rechnung als Text" funktioniert blendend.

Jetzt ein paar Fragen:
1)  Meinst Du, dass es in die nächste Version der 2.7.x Reihe aufgenommen werden sollte?
2) Gibt es zusätzliche Vorteile daduch? (z.B. die Spammer-Programme können das G-Book nicht mehr so dichtsch**ßen) Oder ist es nur für die User ein Vorteil, falls sie ein Captcha nicht entziffern können?

3) Könnte man noch etwas derartiges machen wie "anderes Bildchen, (andere Frage) hier klicken" ?
 (Hierbei sehe ich das Problem mit den verschiedenen Sprachen)

Falls ich bei (3) irgendwie behilflich sein kann, lass mich wissen.

MfG,
Stefek

[thorn]

Jetzt ein paar Fragen:
1)  Meinst Du, dass es in die nächste Version der 2.7.x Reihe aufgenommen werden sollte?
2) Gibt es zusätzliche Vorteile daduch? (z.B. die Spammer-Programme können das G-Book nicht mehr so dichtsch**ßen) Oder ist es nur für die User ein Vorteil, falls sie ein Captcha nicht entziffern können?

3) Könnte man noch etwas derartiges machen wie "anderes Bildchen, (andere Frage) hier klicken" ?
 (Hierbei sehe ich das Problem mit den verschiedenen Sprachen)

Falls ich bei (3) irgendwie behilflich sein kann, lass mich wissen.

Ich hätte die Änderungen schon ins SVN übertragen, wenn es nur gehen würde ..., aber der Projekt-Server ist immer noch down.

Spam-Schutz? Die Spam-Bots werden das <iframe> sicher nicht laden, aber dann bekommen sie das Captcha-Bild ohne <iframe> angezeigt (als Ersatztext des iframes) - das ist eigentlich für den Fall, dass ein Browser keine <iframe> unterstützt.
Aber mal anders gefragt: gibt es heute noch Browser (die Text-Browser [w3m,lynx,...] können mit dem Bild sowieso nichts anfangen) die kein <iframe> unterstützen (mal Screenreader ausgenommen, aber für die gilt das gleiche wie für Text-Browser)?

Ein Text, damit der User weiß das er das Captcha neu laden kann, wäre schon schön. Fragt sich nur wohin damit.
Vielleicht kann man, dar wir ja sowieso schon eine Tabelle für das Captcha haben, noch eine weitere Zeile einfügen für den Text.
Wenn du da einen passenden Text erstellen könntest (am besten in DE, EN, NL, NO, RU - das sind die vorhandenen Sprachen  ) wäre das ganz toll. Naja, DE und EN würde schon mal reichen 
Optisch am besten wäre vielleicht wenn der Text unter das Captcha-Bild passt.

thorn.

[Stefek]

Ein Text, damit der User weiß das er das Captcha neu laden kann, wäre schon schön. Fragt sich nur wohin damit.
Vielleicht kann man, dar wir ja sowieso schon eine Tabelle für das Captcha haben, noch eine weitere Zeile einfügen für den Text.
Wenn du da einen passenden Text erstellen könntest (am besten in DE, EN, NL, NO, RU - das sind die vorhandenen Sprachen  ) wäre das ganz toll. Naja, DE und EN würde schon mal reichen 
Optisch am besten wäre vielleicht wenn der Text unter das Captcha-Bild passt.
thorn.

Das werde ich glatt machen (hab ich mir ja jetzt auch so eine Änderung doch gewünscht  ).
In den nächsten Tagen, hab gegenwärtig einiges auf der Platte.

MfG,
Stefek

[Ralf Hertsch]

Wie wäre es, wenn wir noch ein wenig tüfteln und anstatt einem Text ein Reload Icon neben dem Captcha platzieren, dann wär's optisch glaube ich ansprechender (Die Erläuterungen sollten dann ins title bzw. alt tag des Reload Icons).

Ich hänge mal ein Bildchen an, wie ich mir das vorstelle.

Gruß
Ralf

[gelöscht durch Administrator]

[Stefek]

Das habe ich tatsächlich auch überlegt.
Da würden auch die "Sprachen" wegfallen.
Das einzige "Problem" was ich sah, war, falls jemand über !important im css die Hintergrundfarbe ändert. Dann ist das Bildchen etwas fehlplatziert.

Was meinst Du?

Ansonsten wäre es aber kein Problem auch 2-3 Bildchen für verschiedene Hintergründe reinzulegen.

Stefek

[thorn]

Hallo,

na das sieht doch mal richtig gut aus

Fehlt nur noch der Text für das <alt>-tag. "Captcha neu laden" oder so.
Stefek?

thorn.

[thorn]

Hallo,

Das einzige "Problem" was ich sah, war, falls jemand über !important im css die Hintergrundfarbe ändert. Dann ist das Bildchen etwas fehlplatziert.

kann man das nicht über Transparenz lösen? - Muß ja kein jpeg sein.

EDIT: ah, das ist ja schon ein transparentes png 

thorn.

[Stefek]

Fehlt nur noch der Text für das <alt>-tag. "Captcha neu laden" oder so.

Hallo Thorn.
Leider bin ich noch nicht dazu gekommen... aber wird die Tage.

Ist ja nicht viel.

Jedenfalls, mit dem alt tag für das Bildchen:
ja daskann man machen, kommen wir aber wieder in "Schwulitäten" wegen des Language Files".
Wobei "Reload" in den Sprachfiles wäre sicher nicht verkehrt.

Lass mich wissen.

MfG,
Stefek

[thorn]

Hallo,

hab das ganze jetzt mal ins SVN hochgeladen http://projects.WebsiteBaker.org/websitebaker2/changeset/858
Mit dem Reload-Pfeil von Ralf - Danke dafür.

Alle Bilder-Captchas kommen nun mit dem Pfeil daher, zum Rechnung-als-Text-Captcha ist mir aber nicht eingefallen (der Text ist gleichzeitig der Link zum reload).

thorn.