Autore Topic: [v13] Inserire un pulsante di reload per il CAPTCHA di Website X5  (Letto 3585 volte)

lemonsong

  • Anziani
  • Utente storico
  • *
  • Post: 1867
    • lemonsong's world
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:

Citazione

<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.

boyot

  • Nuovo arrivato
  • *
  • Post: 41
Re:[v13] Inserire un pulsante di reload per il CAPTCHA di Website X5
« Risposta #1 il: 05 Marzo, 2019, 19:20:12 »
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


- OS: Windows 10 x64
- Website X5 Evolution 11
- Website X5 Evolution 13

lemonsong

  • Anziani
  • Utente storico
  • *
  • Post: 1867
    • lemonsong's world
Re:[v13] Inserire un pulsante di reload per il CAPTCHA di Website X5
« Risposta #2 il: 06 Marzo, 2019, 12:59:07 »
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

boyot

  • Nuovo arrivato
  • *
  • Post: 41
Re:[v13] Inserire un pulsante di reload per il CAPTCHA di Website X5
« Risposta #3 il: 06 Marzo, 2019, 17:43:55 »
Grazie, trovato con la tua spiegazione!  ;)
Si, uso la 17.
- OS: Windows 10 x64
- Website X5 Evolution 11
- Website X5 Evolution 13

boyot

  • Nuovo arrivato
  • *
  • Post: 41
Re:[v13] Inserire un pulsante di reload per il CAPTCHA di Website X5
« Risposta #4 il: 06 Marzo, 2019, 19:35:06 »
Scusa ancora...
Ma come allego l'immagine?
Ho messo un'immagine refresh.png nella cartella Preview - Files del Progetto ma non la vede
- OS: Windows 10 x64
- Website X5 Evolution 11
- Website X5 Evolution 13

lemonsong

  • Anziani
  • Utente storico
  • *
  • Post: 1867
    • lemonsong's world
Re:[v13] Inserire un pulsante di reload per il CAPTCHA di Website X5
« Risposta #5 il: 07 Marzo, 2019, 12:44:53 »
Il modo corretto per collegare/allegare file al progetto è quello descritto nella guida:
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.
« Ultima modifica: 07 Marzo, 2019, 12:47:20 da lemonsong »