Unofficial WebSite X5
Categoria generale => FAQ - HowTo - Tutorials => Topic aperto da: lemonsong - 12 Gennaio, 2017, 15:57:37
-
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:
[attachimg=1]
Qui la demo: http://quellidelcucuzzolo.altervista.org/appunti/ws-reload-captcha/ (http://quellidelcucuzzolo.altervista.org/appunti/ws-reload-captcha/index.html)
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.
-
Ciao, scusa se riapro questo thread.Non ho capito questa parte: il numero contenuto nell'id del form che si può ricavare dal sorgente della pagina oppure usando strumenti tipo "Ispeziona codice" in "Anteprima".
Dov'è e cos'è l'ID del form?Ho aperto Ispeziona codice ma non so dove trovarlo
-
Ciao, dopo aver aperto "Ispeziona codice" clicca sull'icona (freccia rossa nell'immagine allegata) e poi sull'oggetto che vuoi identificare.
Ricorda che se stai usando la versione 17, l'id del form ha il suffisso _form dopo il numero, esempio:
#imObjectForm_1_form
-
Grazie, trovato con la tua spiegazione! ;)
Si, uso la 17.
-
Scusa ancora...
Ma come allego l'immagine?
Ho messo un'immagine refresh.png nella cartella Preview - Files del Progetto ma non la vede
-
Il modo corretto per collegare/allegare file al progetto è quello descritto nella guida:
https://help.websitex5.com/it/v17/pro/finestra_file_collegato.htm (https://help.websitex5.com/it/v17/pro/finestra_file_collegato.htm)
È sempre stato così fin dai tempi della versione 7.
È sconsigliato se devi collegare/allegare un numero considerevole di file oppure di grandi dimensioni.