questa funzioncina qui sotto aggiunge dinamicamente righe ad una tabella, le righe vengono aggiunte correttamente ma non gli viene applicato lo stile, come mai? potete darmi una mano?
ecco la pagina
codice:<html><head> <style> TR.reportPari { color: black; background-color:#a7aed4; FONT-FAMILY: 'verdana', 'arial'; font-size: 10pt; } TD.intestazione { BACKGROUND-COLOR: #9a3200; COLOR: #ffffff; FONT-FAMILY: Verdana; FONT-SIZE: 13px; FONT-WEIGHT: bold; TEXT-ALIGN: center; } INPUT.prezzo { BACKGROUND-COLOR: lightgrey; CURSOR: hand; HEIGT: 18px; FONT-SIZE: 11px; WIDTH: 40px; } </style> </head> <script> function aggiungiArticolo() { //variabili per la generazione dinamica della riga var _riga; var _cella; var _boxPrezzo; _riga = tab_rep_articoli.insertRow(); // creo la riga [potrei fare anche cosi: _riga = document.createElement("<tr>");] _riga.setAttribute('id','miaRiga'); _riga.setAttribute('name','miaRiga'); _riga.setAttribute('class','reportPari'); // <------la classe di stile "reportPari" non viene applicata, perche???? //creao la cella "prezzoUnitario" _cella = document.createElement("<td>"); //creo il campo di inserimento _boxPrezzo = document.createElement("<INPUT>"); _boxPrezzo.setAttribute('type','text'); _riga.setAttribute('id','mioInput'); _boxPrezzo.setAttribute('value','5'); _boxPrezzo.setAttribute('class','prezzo'); // <------la classe di stile "prezzo" non viene applicata, perche???? _cella.appendChild(_boxPrezzo); //appendo il campo d'inserimento alla cella _riga.appendChild(_cella); //appendo la cella con con il campo text alla riga } </script> <body> <form name="modulo" id="modulo"> <div id="div_rep_articoli" name="div_rep_articoli" class="titolo"> <table id="tab_rep_articoli" name="tab_rep_articoli" border=1 cellpadding=2 cellspacing=0 bordercolorlight="#001682" bordercolordark="white"> <tr> <td class="intestazione">Prezzo</td> </tr> <tbody id="report"> <tr> <td><input type="text" class="prezzo" value='5'></td> </tr> <tbody> </table> </div> </form> <input type="button" value="premi" onclick="aggiungiArticolo();"> </body> </html>
Rispondi quotando
