Back to top

Autore Topic: Dove inserire javascript in Chronforms v4  (Letto 2568 volte)

Offline Canarino

  • Esploratore
  • **
  • Post: 137
    • Mostra profilo
Dove inserire javascript in Chronforms v4
« il: 25 Gen 2012, 03:44:25 »
ciao a tutti

allora copio incollo quello che ti chiesto per mp

Citazione
ho trovato molto utile il tuo contirbuto con ChronoForms perchè ho bisogno proprio di una soluzione del genrre per un sito intrnet che sto costruendo

quando però vado a mettere la parte dei codici, quello html e il javascript, c e solo la parte per inserire l'html,mentre non trovo da nessuna parte quella per inserire il javascript


e qui metto la tua risposta

Citazione
presumo dal tipo di domanda che usi la versione v4 di chronoforms.

Il javascript va inserito nell'action Load Js che puoi usare nell'area On Load come prima action, per andare sul sicuro.


ora, dove lo trovo questo Load JS che menzioni? non l'ho trovato nel menu del componente nel backend di joomla

Offline vales

  • Global Moderator
  • Instancabile
  • *****
  • Post: 8012
  • Sesso: Maschio
    • Mostra profilo
Re:Dove inserire javascript in Chronforms v4
« Risposta #1 il: 25 Gen 2012, 19:24:26 »
Ho modificato l'oggetto del post ed ho creato una nuova discussione.

Load Js lo trovi fra le action di chronoforms.
Download e demo di Albo Pretorio On Line per Joomla 1.5 e Joomla 2.5 e 3
Moduli scuola On Line v1 per Joomla 3
http://valesweb.altervista.org

Offline r.vanoni

  • Nuovo arrivato
  • *
  • Post: 18
    • Mostra profilo
Re:Dove inserire javascript in Chronforms v4
« Risposta #2 il: 29 Gen 2012, 09:51:34 »
Ottimo. Ma volendo ripercorrere l'esempio relativo alle dropdown collegate anche per chronoforms V4 Rc3 come si modifica il codice per puntare alla form visto che non si usa più ChronoContact???

Codice: [Seleziona]
//questo è il codice da inserire nella TAB Form Code sezione javascript

function fillCategory(){
removeAllOptions(document.getElementById('ChronoContact_provadropdown').sezione);


 addOption(document.getElementById('ChronoContact_provadropdown').sezione, '1', 'sezione 1');
 addOption(document.getElementById('ChronoContact_provadropdown').sezione, '2', 'sezione 2');
 addOption(document.getElementById('ChronoContact_provadropdown').sezione, '3', 'sezione 3');
}

function SelectCategoria(){
// Funzione chiamata dopo la selezione della Sezione - ON or after selection of category this function will work

removeAllOptions(document.getElementById('ChronoContact_provadropdown').categoria);
//addOption(document.getElementById('ChronoContact_provadropdown').categoria, "", "Seleziona", "");

// Raccoglie tutti gli elementi della categoria per id - Collect all element of subcategory for various id


 if (document.getElementById('ChronoContact_provadropdown').sezione.value == '1'){
 addOption(document.getElementById('ChronoContact_provadropdown').categoria,'1', 'categoria 1 sez 1');
 addOption(document.getElementById('ChronoContact_provadropdown').categoria,'2', 'categoria 2 sez 1');
 addOption(document.getElementById('ChronoContact_provadropdown').categoria,'6', 'categoria 3 sez 1');
 addOption(document.getElementById('ChronoContact_provadropdown').categoria,'7', 'categoria 4 sez 1');
}
 if (document.getElementById('ChronoContact_provadropdown').sezione.value == '2'){
 addOption(document.getElementById('ChronoContact_provadropdown').categoria,'3', 'categoria 1 sez 2');
 addOption(document.getElementById('ChronoContact_provadropdown').categoria,'4', 'categoria 2 sez 2');
 addOption(document.getElementById('ChronoContact_provadropdown').categoria,'5', 'categoria 3 sez 2');
}
 if (document.getElementById('ChronoContact_provadropdown').sezione.value == '3'){
 addOption(document.getElementById('ChronoContact_provadropdown').categoria,'9', 'categoria 1 sez 3');
 addOption(document.getElementById('ChronoContact_provadropdown').categoria,'10', 'categoria 2 sez 3');
}



}
//////////////////

function removeAllOptions(selectbox)
{
   var i;
   for(i=selectbox.options.length-1;i>=1;i--)
   {
      selectbox.options[i]=null;
      //selectbox.remove(i);
   }
}


function addOption(selectbox, value, text )
{
   var optn = document.createElement("option");
       
        optn.text = text;
   optn.value = value;

   selectbox.options.add(optn);
          //selectbox.appendChild(optn,where);

}


Offline vales

  • Global Moderator
  • Instancabile
  • *****
  • Post: 8012
  • Sesso: Maschio
    • Mostra profilo
Re:Dove inserire javascript in Chronforms v4
« Risposta #3 il: 29 Gen 2012, 17:32:18 »
Il nuovo id del form è 'chronoform_nomeform'
Download e demo di Albo Pretorio On Line per Joomla 1.5 e Joomla 2.5 e 3
Moduli scuola On Line v1 per Joomla 3
http://valesweb.altervista.org

 



Web Design Bolzano Kreatif