Visualizzazione dei risultati da 1 a 3 su 3

Discussione: parte di form nascosta

  1. #1

    parte di form nascosta

    Ciao a tutti!

    Io dovrei fare un form con una parte di campi nascosti/disattivati, che si attivano in base alla scelta di una select.....

    per esempio:
    nome:
    cognome:
    attività:
    scelta (select)

    se scelta è si, viene visualizzata anche la seconda parte di form, mentre se è no la seconda parte resta nascosta......

    si può fare con asp?
    oppure bisogna usare javascript?

    aiutoooooooooooooo..........


  2. #2

    è js

    Ti posto 1 esempio x una select

    questa la parte in JS
    codice:
    <script type="text/javascript">
    	function controlla_confezione(){
    		if (document.registrati.confezione.selectedIndex!="0") showHideAnswer(document.registrati.confezione.selectedIndex);
    		else initShowHideContent();
    	}
    
    	function showHideAnswer(ciccio)
    	{
    		var numericID = ciccio;
    		var obj = document.getElementById('a' + numericID);
    		if(obj.style.display=='block'){
    			obj.style.display='none';
    		}else{
    			obj.style.display='block';
    		}
    	}
    
    
    	function initShowHideContent()
    	{
        var z1=document.getElementById('a1');
        var z2=document.getElementById('a2');
        var z3=document.getElementById('a3');
        z1.style.display='none';
        z2.style.display='none';
        z3.style.display='none';
    	}
    	window.onload = initShowHideContent;
    </script>
    questa la select visibile
    codice:
    	<select name="confezione" onchange="initShowHideContent();controlla_confezione();">
    	<option></option>
    	<option value="tuo valore">Tuo valore</option>
    	<option value="valore 2">valore 2</option>
    	</select>
    poi inizi a fare i vari DIV nascosti grazie al foglio di stile, dentro ai quali metti i tuoi contenuti

    <div id="a1" class="answer">risposta 1</div>
    <div id="a2" class="answer">risposta 2</div>
    ............


    questo il foglio di stile
    codice:
    <style type="text/css">
    
    .answer{
    display:none;
    }
    </style>
    Tanto...lo fanno tutti... posso farlo anche io vero?

  3. #3
    Grandissimo!

    non ho capito perfettamente il funzionamento, ma poi me lo studio con calma!
    ci avevo perso una giornata per niente!!!

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.