Salve a tutti,
credo sia la prima volta che scrivo in questa sezioneAllora, al momento uso su un sito che stò creando un rollover javascript per lo sfondo di alcuni div, punto all'id diretto, quindi ho tante classi e/o id inutili (che son tutti uguali tra di loro), sò che per fare il rollover dello sfondo di un tag html o punto all'id all'item all'interno di una classe giusto? O vi son altre soluzioni?
non è che sei stato chiaro chiaro chiaro...
esempio pratico?
p.s.: non sempre sei obbligato ad usare id e/o classi ... se la situazione lo permette puoi anche passare l' oggett DOM alla funzione js .. se la situazione te lo permette!
Non sempre essere l'ultimo è un male... almeno non devi guardarti le spalle
il mio profilo su PHPClasses e il mio blog laboweb
ti incollo la funzione che javascript che ho creato e l'effettivo utilizzo ^_^
Codice PHP:<script type="text/javascript">
function sopra(id, id2) {
document.getElementById(id2).style.backgroundColor="#FFFFFF";
document.getElementById(id).style.textDecoration="underline";
}
function sotto(id, id2) {
document.getElementById(id2).style.backgroundColor="#666666";
document.getElementById(id).style.textDecoration="none";
}
</script>
Per vedere la pagina completa:Codice PHP:<div id="mn_sx_<?php print $row['nome']; ?>">
<p class="noclass" onclick="location.href='index.php?zona=<?php print $row['nome']; ?>'" onmouseover="sopra('mn_sx_a_<?php print $row['nome']; ?>','btn_sx_<?php print $row['nome']; ?>')" onmouseout="sotto('mn_sx_a_<?php print $row['nome']; ?>','btn_sx_<?php print $row['nome']; ?>')">
::<a id="mn_sx_a_<?php print $row['nome']; ?>" href="index.php?zona=<?php print $row['nome']; ?>"><?php print $row['nome']; ?></a>
</p>
</div>
http://fafmir.com/onima/index.php?zona=Home
sarebbe il menù di navigazione di sinistra, ciclicamente creo il codice html di tutte le sezioni sulla sx, sempre in modo dinamico mi passo i target, l'altra soluzione possibile che avevo intravisto era simile a
Codice PHP:onmouseover="document.getElementById('menu').getElementsByTagName('TD').item(11).style.backgroundColor='#FFFFFF'; document.getElementById('menu').getElementsByTagName('A').item(4).style.textDecoration='underline'"
ciao goi
eccoti un esempio da cui prendere spunto
codice:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=windows-1250"> <meta name="generator" content="PSPad editor, www.pspad.com"> <style> .menu_voce { border: 1px solid red; height: 35px; width: 170px; color: green; } #voce { float: left; border: 1px solid gray; width: 138px; } #side_block_off { float: left; width: 30px; height: 35px; background-color: black; } #side_block_on { float: left; width: 30px; height: 35px; background-color: red; } </style> <script> function init() { var coll=document.getElementsByTagName('div'); for (var x=0; x < coll.length; x++) { if (coll[x].className == 'menu_voce') { coll[x].onmouseover=function(){this.getElementsByTagName('div')[1].id='side_block_on'} coll[x].onmouseout=function(){this.getElementsByTagName('div')[1].id='side_block_off'} } } } </script> <title></title> </head> <body onload="init()"> <div class="menu_voce"> <div id="voce">voce di menu</div> <div id="side_block_off"></div> </div> </body> </html>
Non sempre essere l'ultimo è un male... almeno non devi guardarti le spalle
il mio profilo su PHPClasses e il mio blog laboweb
vediamo che mi invento dai
ti vengo a controllare
Non sempre essere l'ultimo è un male... almeno non devi guardarti le spalle
il mio profilo su PHPClasses e il mio blog laboweb
Permessi di invio
Rispondi quotando