display none display block javascript - css
Onorevole User Name,
forse la posso aiutare io.
Tempo fa avevo fatto qualkosa del genere che però
utilizzava i div.
Grazie ad una funzione javascript è possibile manipolare i css
facendo in modo di visualizzare il div o nasconderlo.
Allo stesso modo potresti provare con la riga della tua tabella
vedi se ci riesci, se le tue abilità professionali te lo consentono.
Codice:
<html>
<head>
<style>
#div1 {
display: none;
}
#div2 {
display: none;
}
</style>
<script language="javascript">
function display_block() {
document.getElementById('div1').style.display = "block";
}
function hide_block() {
document.getElementById('div1').style.display = "none";
}
//--------------------------------------------------------------------
function display_block2() {
document.getElementById('div2').style.display = "block";
}
function hide_block2() {
document.getElementById('div2').style.display = "none";
}
</script>
</head>
<body>
<div align="center">
<div id="div1" style="width:100px; text-align:justify" align="center">CAPITOLO 1<br>
nvmcn vmcnv mcn mcv nvmcn vmcnv mcn mcv nvmcn vmcnv mcn mcv nvmcn vmcnv mcn mcv
nvmcn vmcnv mcn mcv nvmcn vmcnv mcn mcv nvmcn vmcnv mcn mcv
<a href="javascript:hide_block();" style="color:red;">nascondi DIV</a><br>
</div>
<a href="javascript:display_block();">Mostra capitolo 1</a><br>
<div id="div2" style="width:100px; text-align:justify" align="center">CAPITOLO 2<br>
nvmcn vmcnv mcn mcv nvmcn vmcnv mcn mcv nvmcn vmcnv mcn mcv nvmcn vmcnv mcn mcv
nvmcn vmcnv mcn mcv nvmcn vmcnv mcn mcv nvmcn vmcnv mcn mcv
<a href="javascript:hide_block2();"><font color=red>nascondi DIV</font></a><br>
</div>
<div align="center">
<a href="javascript:display_block2();">Mostra capitolo 2</a><br>
</div>
</body>
</html>
io intanto mi rosicchio un pezzo di formaggio
mentre il gatto non c'è... ho via libera!
________
________