Ciao a tutti, sono ancora un neofita di questo linguaggio e continuo a sbattere la testa in cose che penso siano tanto semplici ma che mi sembrano tanto complicate...comunque questo è il codice semplificato su cui vorrei applicare la classe .attivo:
In pratica vorrei che la voce cliccata assumesse la classe 'attivo' mentre le altre la classe 'a', ho provato e riprovato ma senza successo...mi affido a voi, grazie in anticipo...
Il codice javascript che ho inserito serve solo per far apparire l'elemento con l'id rispettivo della voce cliccata nascondendo gli altri, vorrei integrare questa funzionalità con quella che ho spiegato qui sopra.
In pratica vorrei che la voce cliccata assumesse la classe 'attivo' mentre le altre la classe 'a', ho provato e riprovato ma senza successo...mi affido a voi, grazie in anticipo...
Il codice javascript che ho inserito serve solo per far apparire l'elemento con l'id rispettivo della voce cliccata nascondendo gli altri, vorrei integrare questa funzionalità con quella che ho spiegato qui sopra.
HTML:
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
div {font-size:50px; }
a {color:green; cursor:pointer; text-decoration:underline; font-size:20px; }
.none {display:none; }
.border {border:2px black solid; }
.attivo {color:black; cursor:text; text-decoration:none; font-size:20px; }
</style>
<script type="text/javascript">
function BaseScheda(){
document.getElementById('Cast').style.display = "none";
document.getElementById('Regista').style.display = "none";
document.getElementById('Distributore').style.display = "none";
document.getElementById('Trailer').style.display = "none";
}
function StartScheda(){
document.getElementById('Dettagli').style.display = "none";
BaseScheda();}
function Scheda(Id){
if(document.getElementById(Id).style.display == "none")
{
StartScheda();
document.getElementById(Id).style.display = "block";
}
}
window.onload=BaseScheda;</script>
</head>
<body>
<div>
<a onclick="return Scheda('Dettagli')"><p>Dettagli</p></a>
</div>
<div>
<a onclick="return Scheda('Cast')"><p>Cast</p></a>
</div>
<div>
<a onclick="return Scheda('Regista')"><p>Regista</p></a>
</div>
<div>
<a onclick="return Scheda('Distributore')"><p>Casa distributrice</p></a>
</div>
<div>
<a onclick="return Scheda('Trailer')"><p>Trailer</p></a>
</div>
<div id="Dettagli" class="border">
A
</div>
<div id="Cast" class="none border">
B
</div>
<div id="Regista" class="none border">
C
</div>
<div id="Distributore" class="none border">
D
</div>
<div id="Trailer" class="none border">
E
</div>
</body>
</html>
Ultima modifica di un moderatore: