Joomla.it Forum

Componenti per Joomla! => Gestione Form => : ANNIBAL82 16 Apr 2012, 22:53:12

: Form con diverse voci e diverso testo collegato a ciascuna di esse
: ANNIBAL82 16 Apr 2012, 22:53:12

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 ;)

: Re:Form con diverse voci e diverso testo collegato a ciascuna di esse
: ANNIBAL82 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  :)

: Re:Form con diverse voci e diverso testo collegato a ciascuna di esse
: giusebos 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

: Re:Form con diverse voci e diverso testo collegato a ciascuna di esse
: vales 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

:

<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

:

function SelectVoce() {

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

}


: Re:Form con diverse voci e diverso testo collegato a ciascuna di esse
: ANNIBAL82 21 Apr 2012, 21:39:08

: vales  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

:

<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

:

function SelectVoce() {

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

}


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