Diminuire velocità di visualizzazione elementi

**bencre** · 14-04-2011, 10:51

Salve a tutti... Era un bel po che non passavo a fare un salto sul forum...Comunque lavorando mi si è presentato un problema:mi serviva un menu a cascata per fare la mappa di un sito, e cercando per la rete ho trovato un semplice ma carino menù in javascript:

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="it">
<head>
<title>.ConStile | DHTML | Menu ad albero in JS/CSS: esempio</title>
<style type="text/css">
<!--
body {font: .80em verdana, helvetica, sans-serif;}
ul {
list-style: disc url(doc.gif); 	
margin:0;padding:0 2em;
}
li.menu { list-style: square url(cartellachiusa.gif); }
-->
</style>
<script type="text/javascript">
<!--
function mmenu(mID) { 	
var menu = document.getElementById(mID); 	
var display = menu.style.display; 	
menu.style.display = (display == "block") ? "none" : "block"; 	               menu.parentNode.style.listStyleImage = (display == "block") ? "url(cartellachiusa.gif)" : "url(cartellaaperta.gif)"; }

window.onload = function() { 	

var uls = document.getElementsByTagName("ul"); 	
for (i=0;i<uls.length;i++) { 		
if(uls[i].className=="submenu")uls[i].style.display = "none"; 	
}
} //-->
</script>
</head>
<body>
<ul>  <li class="menu">Canale 1  	
<ul class="submenu" id="submenu-1">  		[*]Link  		[*]Link  		
<li class="menu">Sotto menu Canale 1  			
<ul class="submenu" id="submenu-1-1">[*]Link s1.1[*]Link s1.2[*]Link s1.3[*]Link s1.4
<li class="menu">Sotto Sotto menu Canale 1  					
<ul class="submenu" id="submenu-1-1-1">  						[*]Link s1.1.1[*]Link s1.1.2[*]Link s1.1.3[*]Link s1.1.4[/list]				[*]							 			[/list]		
  	[/list]
[/list]
</body>
</html>

La mia domanda è: con javascript posso velocizzare o rallentare la velocità con cui vado a visualizzare gli elementi nascosti? O devo ricorrere a jQuery?

Grazie in anticipo per eventuali risposte

**bencre** · 19-04-2011, 08:57

up

**cavicchiandrea** · 19-04-2011, 09:34

Originariamente inviato da bencre
La mia domanda è: con javascript posso velocizzare o rallentare la velocità con cui vado a visualizzare gli elementi nascosti?

Si prova a lavorare sul setTimeout

O devo ricorrere a jQuery?

E' sicuramente più semplice e rapido, ma solo se la usi già x il menu lo ritengo sbagliato

**bencre** · 20-04-2011, 11:41

Questo è il codice js che viene eseguito per far funzionare il menu:

codice:

function mmenu(mID) {
 	var menu = document.getElementById(mID);
 	var display = menu.style.display;
 	menu.style.display = (display == "block") ? "none" : "block";
	menu.parentNode.style.listStyleImage = (display == "block") ? "url(img/map/cartellachiusa.gif)" : "url(img/map/cartellaaperta.gif)"; 
}  

window.onload = function() {
 	var uls = document.getElementsByTagName("ul");
 	for (i=0;i<uls.length;i++) {
 		if(uls[i].className=="submenu")uls[i].style.display = "none"; 	
        } 
}

Dovrei andare ad agire nel menu.parentNode.style facendo una cosa del genere?

codice:

menu.parentNode.style.listStyleImage = (display == "block") ? setTimeout("url(img/map/cartellachiusa.gif)",1000) : "url(img/map/cartellaaperta.gif)";

Discussione: Diminuire velocità di visualizzazione elementi

Strumenti discussione

Ricerca discussione

Visualizza

Diminuire velocità di visualizzazione elementi

Re: Diminuire velocità di visualizzazione elementi

Permessi di invio