Tutti i sistemi di controllo antispam basati su CAPTCHA prevedono un pulsante per cambiare la combinazione di lettere e/o numeri, qualora non si riuscisse a leggere bene l'attuale combinazione.
In WebSite X5 questo pulsante non c'è e per cambiare la combinazione siamo costretti a ricaricare l'intera pagina.
Con un po' di codice CSS e jQuery possiamo inserire un'immagine cliccabile per, appunto, ricaricare solo il sistema CAPTCHA:
[ Guests cannot view attachments ]
Qui la demo:
http://quellidelcucuzzolo.altervista.org/appunti/ws-reload-captcha/In
Proprietà Pagina - Esperto - Prima della chiusura del tag HEAD incolliamo questo codice:
<style>
#reloadCpt {
display: block;
width: 50px;
padding: 10px;
cursor: pointer;
margin: 0 auto;
}
</style>
<script>
$(document).ready(function() {
x5engine.boot.push(function() {
$('.x5captcha-wrap').after('<img id="reloadCpt" src="files/refresh.png" />');
$('#reloadCpt').click(function() {
$('.captcha-container').remove();
x5engine.imForm.showCaptcha('#imObjectForm_1');
});
});
});
</script>
Personalizzare i valori in rosso con, rispettivamente, il percorso e nome dell'immagine scelta come pulsante (da allegare nel progetto con gli strumenti del programma) ed il numero contenuto nell'id del form che si può ricavare dal sorgente della pagina oppure usando strumenti tipo "Ispeziona codice" in "Anteprima".
Ovviamente la regola CSS è completamente personalizzabile.
