Ich verwende ein einfaches Captcha auf meiner Kontaktseite. Ich möchte eine Aktualisierungsfunktion mit Javascript / jQuery hinzufügen. Die Funktion, die das Captcha-Bild erstellt, befindet sich in einer separaten Datei. Wenn die Seite geladen wird, funktioniert das CAPTCHA gut, aber ich kann die Aktualisierung nicht durchführen. Mein Code ist:
<head>
...
$(document).ready(function(){
$("#reload").click(function(){
$("#captcha").load("functions/captcha.php"); // function that creates the NEW CAPTCHA
$("#captcha").attr("src", "images/captcha.jpg?"+(new Date()).getTime());
});
});
...
</head>
<body>
<?php
require(functions/captcha.php);
?>
// form
...
<label for="captcha_code">ENTER CAPTCHA</label>
<img src="/images/images/captcha.jpg" id="captcha" />
<a id="reload">Refresh now</a>
<input type="text" name="captcha_code" value="captcha_code">
...
Ich würde deine Hilfe wirklich schätzen. Danke fürs Lesen.
Antworten:
0 für die Antwort № 1Sie sollten warten, bis "functions / captcha.php" vollständig geladen ist.
Probieren Sie dieses Beispiel aus:
<div id="loader"></div> <!-- hide this div by css -->
$("#reload").click(function() {
$("#loader").load("functions/captcha.php", function() {
$("#captcha").attr("src", "images/captcha.jpg?refr="+(new Date()).getTime());
});
});
Aber ist es nicht besser zu erschaffen? functions/captcha.php das gibt ein Bild aus und aktualisiert nur die src Parameter?