ciao a tutti!
ho uno script fatto da me (costruito sulla base di alcuni script persi da html.it) che agisce su una tabella costituita da due righe da 4 caselle.
Ogni volta che il mouse passa sopra ad una casella della prima riga (dove ci sono i link alle pagine) sotto "appare" un commento.
Tale commento è un testo che viene inserito nella casella (sulla seconda riga) e viene bordato di nero.
Sembra di grande effetto solo ha questi difetti:
- Con il buon firefox funziona a metà. (no bordi)
- Secondo me si può migliorare
- Vorrei metterlo in un file .js ed includerlo nella home.
ecco a voi lo scriptino:
<script language="JavaScript">
function colora(aaaa,cella,html){
if (aaaa=='over'){
document.getElementById(cella).bgColor='#000000';
document.getElementById(cella).style.fontWeight = 'bold';
//document.getElementById(cella).style.borderColor: solid #F0F0F0;
if (cella =='PERSONALI'){
//document.getElementById("PERSONALI_D").style.borde r ='2px solid'
document.getElementById("PERSONALI_D").style.borde rColor='#000000';
document.getElementById("PERSONALI_D").style.fontW eight = 'bold';
document.getElementById("PERSONALI_D").innerHTML=h tml
}
if (cella =='AUTO'){
document.getElementById("AUTO_D").style.fontWeight = 'bold';
document.getElementById("AUTO_D").innerHTML=html
document.getElementById("AUTO_D").style.borderColo r='#000000';
}
if (cella =='COMPUTER'){
document.getElementById("COMPUTER_D").style.fontWe ight = 'bold';
document.getElementById("COMPUTER_D").innerHTML=ht ml
document.getElementById("COMPUTER_D").style.border Color='#000000';
}
if (cella =='VARIE'){
document.getElementById("VARIE_D").style.fontWeigh t = 'bold';
document.getElementById("VARIE_D").innerHTML=html
document.getElementById("VARIE_D").style.borderCol or='#000000';
}
}
if (aaaa=='out'){
document.getElementById(cella).bgColor='336699';
document.getElementById(cella).style.fontWeight = 'normal';
PERSONALI_D.style.borderColor='#336699';
PERSONALI_D.innerHTML=''
AUTO_D.style.borderColor='#336699';
AUTO_D.innerHTML=''
COMPUTER_D.innerHTML=''
COMPUTER_D.style.borderColor='#336699';
VARIE_D.innerHTML=''
VARIE_D.style.borderColor='#336699';
}
}
// style="border-right: 2px solid #000080; border-bottom: 2px solid #000080">
</script>