nascondere riga di tabella se valore campo =...
- Creatore Discussione User Name
- Data di inizio
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.
io intanto mi rosicchio un pezzo di formaggio
mentre il gatto non c'è... ho via libera!
________
________
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!
________
Ultima modifica:
Nascondere riga tabella.Css - javascript
e allora shakespeare ci sei riuscito a nascondere la riga della tabella?
io per non lasciare punti interrogativi ????? per altri lettori che stanno leggendo
ho fatto un esempio
http://max400scuola.altervista.org/aaa/asasa.html
non ci fare caso alla zampa, in pratica ho modificato quello script
in base alla tua esigenza nasconde la prima riga della tabella che
ho messo dentro il DIV.
Cliccado su di esso nasconde il contenuto e quindi scompare la riga.
Semplice?
ecco lo script
Per il gatto... il sorcio è ancora vivo
e ti sta beffando...ih ih ih
(vedi foto in basso)
e allora shakespeare ci sei riuscito a nascondere la riga della tabella?
io per non lasciare punti interrogativi ????? per altri lettori che stanno leggendo
ho fatto un esempio
http://max400scuola.altervista.org/aaa/asasa.html
non ci fare caso alla zampa, in pratica ho modificato quello script
in base alla tua esigenza nasconde la prima riga della tabella che
ho messo dentro il DIV.
Cliccado su di esso nasconde il contenuto e quindi scompare la riga.
Semplice?
ecco lo script
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">
<table border=1 width=700>
<tr><td>
<div id="div1" style="width:100px; text-align:justify" align="center">
<font color=red><b>prima riga</b></font><br>
</div>
</td></tr>
<tr><td>seconda riga</td></tr>
<tr><td>terza riga</td></tr>
<tr><td>quarta riga</td></tr>
<tr><td>
<div align="center">
<a href="javascript:display_block();"><font color=green><b>Mostra Prima Riga</b></a></font> - <a href="javascript:hide_block();" style="color:red;">nascondi Prima Riga</a><br>
</div>
</td></tr>
<tr><td>
<div id="div2" style="width:100px; text-align:justify; cursor: url(zampa.cur), pointer;" 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
<br>
</div>
</td></tr>
<tr><td>
<div align="center" >
<a style="cursor: url(zampa.cur), pointer;" href="javascript:display_block2();">Mostra capitolo 2</a> - <a href="javascript:hide_block2();"><font color=red>nascondi DIV</font></a><br>
</div>
</td></tr>
</table>
</body>
</html>Per il gatto... il sorcio è ancora vivo
e ti sta beffando...ih ih ih
(vedi foto in basso)
