Back to top

Autore Topic: Form con diverse voci e diverso testo collegato a ciascuna di esse  (Letto 1696 volte)

Offline ANNIBAL82

  • Nuovo arrivato
  • *
  • Post: 3
    • Mostra profilo
Ho da poco scoperto Joomla e sconosco il linguaggio Javascript. Dovrei creare nel mio sito un form in cui inserire (tramite un menu a tendina dropdown) diversi valori e collegare a ciascuno di essi un testo diverso che dovrebbe apparire sotto il form.
Esempio: seleziono una voce, clicco sul pulsante invia e mi compare sotto il form un determinato testo, che sparisce e viene sostituito da altro testo se cambio la voce selezionata.

Ho installato l'estensione chronoform ma ci ho capito ben poco  :(
Ringrazio anticipatamente chiunque voglia aiutarmi ;)

Offline ANNIBAL82

  • Nuovo arrivato
  • *
  • Post: 3
    • Mostra profilo
Re:Form con diverse voci e diverso testo collegato a ciascuna di esse
« Risposta #1 il: 18 Apr 2012, 10:52:35 »
Cerco di spiegarmi meglio, forse sono stato un pò oscuro  ;D


Devo fare un form drop down in cui inserire delle voci che corrispondano a dei valori (es. voce 1; voce 2; voce3).
Cliccando su ciascuna delle suddette voci deve apparire un determinato testo html in basso alla drop down


Esempio: se dal drop down seleziono la voce2 allora mi dovrà apparire testo2, se seleziono la voce3 testo3 ecc.


Vi prego aiutatemi  :)

Offline giusebos

  • Fuori controllo
  • *
  • Post: 21748
  • Sesso: Maschio
  • Giuseppe Serbelloni Mazzanti Viendalmare
    • Mostra profilo
Re:Form con diverse voci e diverso testo collegato a ciascuna di esse
« Risposta #2 il: 18 Apr 2012, 11:56:11 »
ci sono molte discussione da cui prendere spunto, basta cercare.

Questa è una:

http://forum.joomla.it/index.php/topic,95733.0.html
su www.icagenda.it guide e tutorial con esempi di chronoforms e chronoconnectivity

Offline vales

  • Global Moderator
  • Instancabile
  • *****
  • Post: 8012
  • Sesso: Maschio
    • Mostra profilo
Re:Form con diverse voci e diverso testo collegato a ciascuna di esse
« Risposta #3 il: 21 Apr 2012, 08:04:21 »
Benvenuto nella comunità italiana di Joomla ANNIBAL82,

Puoi risolvere inserendo il richiamo ad una funzione javascript nella select che ha il compito di scrivere il valore selezionato in un altro elemento del form.

esempio non testato scritto al volo:

codice campi del form
Codice: [Seleziona]
<div class="form_item">
        <div class="form_element cf_dropdown">
          <div><label class="cf_label">Voci</label>
           
<select id="voceid1" name="voci"   onChange="SelectVoce();" class="cf_inputbox validate-selection"  >

<Option value="Valore voce 1">Voce 1</option>
<Option value="Valore voce 2">Voce 2</option> <Option value="Valore voce 3">Voce 3</option>
</select>
       
 </div>   
    </div>
  <div class="cfclear">&nbsp;</div>
</div>

<div class="form_item">
  <div class="form_element cf_text">
<div><label class="cf_label">Voce</label>     <input id="voceid2" value="" name="voce" type="text" />
</div>
  </div>
  <div class="cfclear">&nbsp;</div>
</div>


codice javascript

Codice: [Seleziona]
function SelectVoce() {

document.getElementById("voceid2").value=document.getElementById("voceid1").value;

}
« Ultima modifica: 21 Apr 2012, 08:06:12 da vales »
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 ANNIBAL82

  • Nuovo arrivato
  • *
  • Post: 3
    • Mostra profilo
Re:Form con diverse voci e diverso testo collegato a ciascuna di esse
« Risposta #4 il: 21 Apr 2012, 21:39:08 »
Benvenuto nella comunità italiana di Joomla ANNIBAL82,

Puoi risolvere inserendo il richiamo ad una funzione javascript nella select che ha il compito di scrivere il valore selezionato in un altro elemento del form.

esempio non testato scritto al volo:

codice campi del form
Codice: [Seleziona]
<div class="form_item">
        <div class="form_element cf_dropdown">
          <div><label class="cf_label">Voci</label>
           
<select id="voceid1" name="voci"   onChange="SelectVoce();" class="cf_inputbox validate-selection"  >

<Option value="Valore voce 1">Voce 1</option>
<Option value="Valore voce 2">Voce 2</option> <Option value="Valore voce 3">Voce 3</option>
</select>
       
 <>   
    <>
  <div class="cfclear">&nbsp;<>
<>

<div class="form_item">
  <div class="form_element cf_text">
<div><label class="cf_label">Voce</label>     <input id="voceid2" value="" name="voce" type="text" />
<>
  <>
  <div class="cfclear">&nbsp;<>
<>


codice javascript

Codice: [Seleziona]
function SelectVoce() {

document.getElementById("voceid2").value=document.getElementById("voceid1").value;

}


Grazie mille per la cortese risposta!
Provo e ti faccio sapere ;)

 



Web Design Bolzano Kreatif