Visualizzazione dei risultati da 1 a 3 su 3

Discussione: Toggle

  1. #1
    Utente di HTML.it
    Registrato dal
    Jan 2005
    Messaggi
    31

    Toggle

    Ciao a tutti.
    Io ho una serie di elementi nascosti identificati in questo modo:
    id=nascosto1
    id=nascosto2
    id=nascosto3
    ecc..

    E ho questa funzione javascript:
    codice:
    <script type="text/javascript">
    	function toggle() {
    	if (document.getElementById("nascosto").style.display=="none")
    		{
    		document.getElementById("nascosto").style.display="block";
                    document.getElementById("myLink").setAttribute('class', 'testo9_underline');
    		}
    	else
    		{
    		document.getElementById("nascosto").style.display="none";
                    document.getElementById("myLink").setAttribute('class', 'testo9');
    		}
    	}
    	</script>
    Questa funzione mi permette di rendere visibile/invisibile un singolo elemento.
    Ho bisogno invece che la funzione agisca su ogni elemento.

    Come posso fare?

  2. #2
    Moderatore di Annunci siti web, Offro lavoro/collaborazione, Cerco lavoro L'avatar di cavicchiandrea
    Registrato dal
    Aug 2001
    Messaggi
    26,131
    intendi cosi:
    codice:
    <script type="text/javascript">
    	function toggle(div) {
    	if (document.getElementById(div).style.display=="none")
    		{
    		document.getElementById(div).style.display="block";
                    document.getElementById("myLink").className='testo9_underline';
    		}
    	else
    		{
    		document.getElementById(div).style.display="none";
                    document.getElementById("myLink").className='testo9';
    		}
    	}
    	</script>
    richiamati cosi:
    nascosto1
    nascosto2
    etc...
    Cavicchi Andrea
    Problemi con javascript, jquery, ajax clicca qui

  3. #3
    Utente di HTML.it
    Registrato dal
    Jan 2005
    Messaggi
    31
    Grazie, lo sto provando ma non mi funziona
    Chissà dove sbaglio??

    Io avevo provato così:

    codice:
    <script type="text/javascript">
    function toggle(id){ 
    	var num = document.getElementsById('nascosto');
    	for (i = 0; i < num.length; i++) {
    		if (num[i].style.display=='none'){
    			num[i].style.display='block';
    		} else {
    			num[i].style.display='none';
    		}
    	}
    }
    	</script>
    
    <tr><td>Risposte ($totale[num])</td></tr>
    	<tr><td><table width="100%" border="0" id="nascosto1" style="padding:5px;display:none;">
    	<tr><td>
    	testo nascosto1
    	</td></tr>
    	</table></td></tr>
    <tr><td><font>Risposte ($totale[num])</font></td></tr>
    	<tr><td><table width="100%" border="0" id="nascosto2" style="padding:5px;display:none;">
    	<tr><td>testo nascosto2</td></tr>
    	</table>
    	</TD></TR>
    ..ma non mi funziona nemmeno questo..
    forse non si può fare?
    Che dite???

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 © 2024 vBulletin Solutions, Inc. All rights reserved.