Back to top

Autore Topic: Come mostrare messaggio di attesa  (Letto 1846 volte)

Offline WillerCT

  • Appassionato
  • ***
  • Post: 415
  • Sesso: Maschio
    • Mostra profilo
Come mostrare messaggio di attesa
« il: 21 Ago 2014, 17:27:50 »
Ciao a tutti, ho da poco implementato nel mio form realizzato con Chronoform, il redirect a paypal. Poichè dopo l'invio dei dati raccolti sul form, tale redirect è un pò lento, desidero far comparire nel frattempo una scritta "Stai per essere reindirizzato su Pay Pal" o qualcosa di simile. Come posso fare ? Grazie
« Ultima modifica: 21 Ago 2014, 17:40:56 da WillerCT »

Offline mmleoni

  • Global Moderator
  • Instancabile
  • ********
  • Post: 5547
  • Sesso: Maschio
  • Just another *nix coder/sysadmin...
    • Mostra profilo
Re:Come mostrare messaggio di attesa
« Risposta #1 il: 29 Ago 2014, 18:04:36 »
un event handler js associato all'evento onsubmit della form che visualizza un div con la scritta preferita. la cosa è molto semplice se ci si appoggia ad una libreria come mootools o jquery, ma il codice dipende da quale framework js hai disponibile.

ciao,
marco
mmleoni web consulting - creazione siti web aziendali ed e-commerce avanzati - sviluppo moduli e componenti Joomla

Offline WillerCT

  • Appassionato
  • ***
  • Post: 415
  • Sesso: Maschio
    • Mostra profilo
Re:Come mostrare messaggio di attesa
« Risposta #2 il: 29 Ago 2014, 18:44:40 »
Ciao, grazie per la risposta, potresti indicarmi dove trovare "event handler js" ? La versione di Chronoform è la 5...sul menù di sx ho trovato l'event loop...è lo stesso ?

Offline mmleoni

  • Global Moderator
  • Instancabile
  • ********
  • Post: 5547
  • Sesso: Maschio
  • Just another *nix coder/sysadmin...
    • Mostra profilo
Re:Come mostrare messaggio di attesa
« Risposta #3 il: 29 Ago 2014, 21:56:37 »
l'event handler lo devi scrivere tu, non è di CF!

CF5 è basato su jQuery, quindi nello 'on load' aggiungi un 'load javascript' ed inserisci questo codice:

Codice: [Seleziona]
jQuery(function() {
    jQuery("#chronoform-nomedellaform").submit(function(event){
        jQuery("#HiddenDiv").show();
    });
});

ovviamente devi sostituire nomedellaform con il nome che hai usato per la stessa. poi devi anche inserire un div (in designer un 'container' o un 'custom') con id uquale a HiddenDiv e style impostato a display:hidden;.

ovviamente dentro il div devi anche metterci il messaggio.

buon divertimento.
ciao
mmleoni web consulting - creazione siti web aziendali ed e-commerce avanzati - sviluppo moduli e componenti Joomla

Offline mmleoni

  • Global Moderator
  • Instancabile
  • ********
  • Post: 5547
  • Sesso: Maschio
  • Just another *nix coder/sysadmin...
    • Mostra profilo
Re:Come mostrare messaggio di attesa
« Risposta #4 il: 29 Ago 2014, 22:03:33 »
ops:
display: none;

ecco perché il venerdì sera sarebbe più opportuno andare a spasso  ;D ;D
mmleoni web consulting - creazione siti web aziendali ed e-commerce avanzati - sviluppo moduli e componenti Joomla

Offline mmleoni

  • Global Moderator
  • Instancabile
  • ********
  • Post: 5547
  • Sesso: Maschio
  • Just another *nix coder/sysadmin...
    • Mostra profilo
Re:Come mostrare messaggio di attesa
« Risposta #5 il: 30 Ago 2014, 09:57:56 »
mmleoni web consulting - creazione siti web aziendali ed e-commerce avanzati - sviluppo moduli e componenti Joomla

 



Web Design Bolzano Kreatif