Ciao,
ho scaricato da html.it uno degli script gratuiti x la realizzazione di un menu. L'hopersonalizzato inserendo le voci che interessano a me ma ora mi servirebbe una piccola modifica e nn so come farla.
In breve il menu è organizzato in voci principali (le categorie dei profotti) e cliccando su ognuna di quelle si apre il relativo sottomenu (i prodotti x ogni categoria). Ora nello script ke ho scaricato una volta cliccata su una delle voci la lista rimane aperta anche se poi clicco su una delle altre. Io vorrei che quando clicco x esempio sulla seconda voce mi si apre il relativo sottomenu ma che al tempo stesso la lista della prima voce si chiuda. Come fare a modicicare questo codice????????
<HTML>
<HEAD>
<!-- Codice scaricato gratuitamente da HTML.it, il sito italiano sul Web publishing
http://www.html.it -->
<TITLE>Demo Dynamic HTML: esempio pratico </TITLE>
<style>
<!--
#foldheader{cursor:hand ; font-weight:bold ;
list-style-image:url(fold.gif)}
#foldinglist{list-style-image:url(list.gif)}
//-->
</style>
<script language="JavaScript1.2">
<!--
var head="display:''"
img1=new Image()
img1.src="fold.gif"
img2=new Image()
img2.src="open.gif"
function change(){
if(!document.all)
return
if (event.srcElement.id=="foldheader") {
var srcIndex = event.srcElement.sourceIndex
var nested = document.all[srcIndex+1]
if (nested.style.display=="none") {
nested.style.display=''
event.srcElement.style.listStyleImage="url(open.gi f)"
}
else {
nested.style.display="none"
event.srcElement.style.listStyleImage="url(fold.gi f)"
}
}
}
document.onclick=change
//-->
</script>
<link href="menu.css" rel="stylesheet" type="text/css">
</HEAD>
<BODY bgcolor="white" >
<table width="218" border="0" cellpadding="3" cellspacing="0">
<tr>
<td width="212">
<ul>
<li class="menu-navir" id="foldheader">Binocoli
<ul id="foldinglist" style="display:none";>
<li class="menu-navir">Super 40 Red
<li class="menu-navir">Special 50 Yellow
<li class="menu-navir">Special 40 Green
<li class="menu-navir">Special 40 Black
<li class="menu-navir">Special 50 Black
<li class="menu-navir">Super 60 Black
<li class="menu-navir">Super 40 T
<li class="menu-navir">Panorama[/list]
<li class="menu-navir" id="foldheader">Bug Viewers
<ul id="foldinglist" style="display:none";>
<li class="menu-navir">World's Best Bug Viewer
<li class="menu-navir">Triple Bug Viewer
<li class="menu-navir">Super Bug Viewer
<li class="menu-navir">Triple Bug Viewer T
<li class="menu-navir">Super Bug Viewer T[/list]
<li class="menu-navir" id="foldheader">Microscopi
<ul id="foldinglist" style="display:none";>
<li class="menu-navir">Spider Eye
<li class="menu-navir">Zoomscope
<li class="menu-navir">Spider Eye T
<li class="menu-navir">Zoomscope T[/list]
</p>[/list]</td>
</tr>
</table>
<p class="menu-navir"></p>
</body>
</html>
Rispondi quotando
