Ciao non riesco a cavarci fuori i piedi con questo codice che funziona perfettamente con Firefox ma non ne vuole sapere d'andare con IE 6
codice:
codice:
function MostraArea(tab){
var Linguette = document.getElementsByTagName("li")
for(var i=0; i<Linguette.length; i++){
if(tab == Linguette[i].id){
document.getElementById(tab).className='selected';
document.getElementById(tab.toUpperCase()).style.display='inline';
}
else if(Linguette[i].value!=0){
document.getElementById(Linguette[i].id).className='';
document.getElementById(Linguette[i].id.toUpperCase()).style.display='none';
}
}
}
Cosa fa: seleziona la linguetta corrispondente e visualizzare il div associato (se presente)
body:
css:
codice:
.shadetabs{
border-bottom: 1px solid gray;
/* width: 90%; width of menu. Uncomment to change to a specific width */
margin-bottom: 1em;
}
.shadetabs ul{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 12px Verdana;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}
.shadetabs li{
display: inline;
margin: 0;
}
.shadetabs li a{
text-decoration: none;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid #778;
color: #2d2b2b;
background: white url(gfx/shade.gif) top left repeat-x;
}
.shadetabs li a:visited{
color: #2d2b2b;
}
.shadetabs li a:hover{
text-decoration: underline;
color: #2d2b2b;
}
.shadetabs li.selected{
position: relative;
top: 1px;
}
.shadetabs li.selected a{ /*selected main tab style */
background-image: url(gfx/shadeactive.gif);
border-bottom-color: white;
}
.shadetabs li.selected a:hover{ /*selected main tab style */
text-decoration: none;
}
Il link al sito in sviluppo
Attendo vostri consigli o se avete un codice simile funzionate con IE 6 ve ne sarei grato.
Ciao e grazie a tutti.