Ciao a Tutti,
ho il seguente problema:
<head>
<script type="text/javascript">
function add_row() {
var i = 1;
i++;
document.getElementById('act'+i).style.display='';
}
function del_row() {
}
</script>
</head>
<body>
ho la mia tabella:
all' inizio quando apro la pagina ho solo la prima tr id="act1" visibile.
vorrei fare una funzione che, ad ogni click, sul pulsante "+" mi renda visibile la seconda - la terza riga e cosi' via ... fino ad un max di 10 righe.
la stessa cosa col pulsante "-" : nascondere le righe, se in precedenza aperte, fino ad un minimo di 1.
Mi piacerebbe poi che quando uno salva la pagina, le righe visibili selezionate (ad esempio 2) rimanessero visibili alla successiva apertura della pagina (quindi pensavo ad una funzione nel body onload)
<table>
<tr>
<td><button style="width:22px;" onClick="add_row()">+</button></td>
<td><button style="width:22px;" onClick="del_row()">-</button></td>
</tr>
<tr id="act1"><td>....</td></tr>
<tr id="act2" style="display:none"><td>....</td></tr>
....
<tr id="act10" style="display:none"><td>....</td></tr>
</table>
Ho provato una bozza di funzione ma non riesco ...
Ho guardato prima i vari topics su questo forum ma purtroppo, per quanto ho preso spunto indirettamente per arrivare a cio', ancora non riesco a trovare la soluzione ...
Grazie in anticipo per l' aiuto !!!
Rispondi quotando
