ciao,
non so se il titolo è sufficiente a dare l'idea di quello che sto cercando di realizzare...
in una pagina html ho un menu statico dove per pulsanti ci sono delle immagini in rollover, ad uno di questi pulsanti ho bisogno di associare un sottomenu a comparsa che si apra cliccandoci sopra...
sono partito da questo codice che mi funziona ma è buono solo per pulsanti testuali e non per immagini in rollover. sapreste dirmi come devo intevenire sul codice per ottenere un pulsante rollover delle dimensioni che voglio io??? ho fatto un pò di prove ma niente...
mi appello ai più esperti...
questo è il codice, ci sono due pulsanti, il primo è testuale, il secondo è associato ad un immagine, quell'immagine vorrei renderla rollover e darle altezza e larghezza:
<head>
<title>...</title>
<style type="text/css">
.menutitle{
cursorointer;
margin-bottom: 5px;
background-color:#FFFF00;
color:#000000;
width:120px;
padding:2px;
text-align:center;
font-weight:bold;
/*/*/border:0px solid #00FF00;/* */
}
.submenu{
margin-bottom: 0.5em;
}
</style>
<script type="text/javascript">
if (document.getElementById){
document.write('<style type="text/css">\n')
document.write('.submenu{display: none;}\n')
document.write('</style>\n')
}
function sottomenu(obj){
if(document.getElementById){
var el = document.getElementById(obj);
var ar = document.getElementById("maindiv").getElementsByTa gName("span");
if(el.style.display != "block"){
for (var i=0; i<ar.length; i++){
if (ar[i].className=="submenu")
ar[i].style.display = "none";
}
el.style.display = "block";
}else{
el.style.display = "none";
}
}
}
</script>
</head>
<body>
<div id="maindiv">
<div class="menutitle" onclick="sottomenu('sub1')">testo</div>
<span class="submenu" id="sub1">
>> link1
>> link2
>> link3
</span>
[img]immagine.gif[/img]
<span class="submenu" id="sub2">
>> link1
>> link2
>> link3
</span>
</div>
</body>
Rispondi quotando
