+ Rispondi alla Discussione
Risultati da 1 a 3 di 3

campi a scomparsa con javascript

Ultimo Messaggio di emanuele_lvl il:
  1. #1
    User L'avatar di emanuele_lvl
    Data Registrazione
    Mar 2007
    Messaggi
    80

    campi a scomparsa con javascript

    Ciao a tutti,
    ho provato a creare in un form un campo a selezione multipla, dove in base all'opzione che viene selezionata, compare un' altro campo a selezione multipla.

    Il problema è questo : Con Mozilla Firefox funziona, con Internet Explorer no

    Se io uso una <radio box> al posto du una <select option> tutto funziona perfettamente sia con Firefox che con Explorer, ma ho esigenza di usare una
    <select option> e deve essere visualizzato correttamente con Internet Explorer

    il codice è il seguente :
    Codice:
    <script language="javascript">
    	function toggleMe(obj, a){
    	  var e=document.getElementById(a);
    	  if(!e)return true;
    		e.style.display="block"
    	  return true;
    	}
    	
    	function toggleMe2(obj, a){
    	  var e=document.getElementById(a);
    	  if(!e)return true;
    		e.style.display="none"
    	  return true;
    	}
    </script>
    
    
    <form name="form">
    Scegli uno dei 2 casi: 
    <!--Se selezioni caso 1 non appare niente
    	se selezioni caso 2 appare la tabella con l'altro campo a selezione multipla
    -->
    		<select name="prova">
              <option value="" selected>- Seleziona</option>
              <option value="uno" onfocus="return toggleMe2(this, 'esempioInfo')">caso 1 </option>
              <option value="due" onfocus="return toggleMe(this, 'esempioInfo')">caso 2</option>
             </select>       
      
      <div id="esempioInfo" style="display: none;">         
     	<table width="100%"  border="1" cellspacing="2" cellpadding="4" >
          	<tr class="scomparsa">
           		<td class="form" width="45%">hai selezionato caso 2, sei convinto?</td>
           		<td>
            		<select name="prova2" class="form1">
    			 		<option value="" selected>- Seleziona</option>
    			  		<option value="si">si</option>
    					<option value="no">no</option>
                	</select>
                </td>
            </tr>
          </table>
      </div>
    </form>

    Grazie per il vostro aiuto

  2. #2
    Esperto L'avatar di autodafe
    Data Registrazione
    Dec 2006
    Località
    Monza
    Messaggi
    1,848
    Segui autodafe su Twitter Aggiungi autodafe su Google+ Aggiungi autodafe su Facebook Visita il canale Youtube di autodafe
    ciao emanuele...
    forse IE non gestisce l'evento "onfocus"?
    prova con gli eventi "onchange" o "onclick" (sulla select non sulle option)
    io uso onchange per fare una cosa simile alla tua e mi funziona ovunque...

  3. #3
    User L'avatar di emanuele_lvl
    Data Registrazione
    Mar 2007
    Messaggi
    80
    Ho risolto così:
    Codice HTML:
    <script language="javascript">
    	function toggleMe(obj, a){
    	  var e=document.getElementById(a);
    	  if(obj=="due"){
    		e.style.display="block";
    	  }else{
    	e.style.display="none";
    }
    	}
    </script>
    
    
    <form name="form">
    Scegli uno dei 2 casi: 
    <!--Se selezioni caso 1 non appare niente
    	se selezioni caso 2 appare la tabella con l'altro campo a selezione multipla
    -->
    		<select name="prova" onchange="toggleMe(this.options[this.selectedIndex].value, 'esempioInfo')">
              <option value="" selected>- Seleziona</option>
              <option value="uno" >caso 1 </option>
              <option value="due">caso 2</option>
             </select>       
      
      <div id="esempioInfo" style="display: none;">         
     	<table width="100%"  border="1" cellspacing="2" cellpadding="4" >
          	<tr class="scomparsa">
           		<td class="form" width="45%">hai selezionato caso 2, sei convinto?</td>
           		<td>
            		<select name="prova2" class="form1">
    			 		<option value="" selected>- Seleziona</option>
    			  		<option value="si">si</option>
    					<option value="no">no</option>
                	</select>
                </td>
            </tr>
          </table>
      </div>
    </form>

+ Rispondi alla Discussione

^ Permessi di Scrittura

  • Tu non puoi inviare nuove discussioni
  • Tu non puoi inviare risposte
  • Tu non puoi inviare allegati
  • Tu non puoi modificare i tuoi messaggi
  •  
  • Il codice BB è Attivato
  • Le faccine sono Attivato
  • Il codice [IMG] è Attivato
  • Il codice [VIDEO] è Attivato
  • Il codice HTML è Disattivato
  • Trackbacks Attivato
  • Pingback Attivato
  • Refback Attivato

SEO by vBSEO 3.6.0 PL2 ©2011, Crawlability, Inc.