Problema con Javascript y Estilo
Saludos tengo un problema con Javascript y la hoja de Estilo CSS
Estoy agregando registros con Javascript a una tabla declarada en html y al agregarse el registro este no incluye el estilo asignado y declarados previamente.
Adjunto líneas de código abajo, agredecere mucho tu ayuda.
*!* Codigo Html : Tabla donde se visualizan registros agregados
<tbody id="aux_docadj">
*!* Inicio Registro Ejemplo
*!* Líneas en rojo corresponde a los estilos
<TR bgcolor="#ffffff" onMouseOver="javascript:style.backgroundColor='#feedd9'" onmouseout="javascript:style.backgroundColor='#ffffff'">
<TD class=txtres0>
<input type="checkbox" class="check" name="ids[1]"/>
</TD>
<TD class=txtres1>Expediente</TD>
<TD class=txtres1>2004-12345678901234567800</TD>
<TD class=txtres1>Reclamo Tributario y Aduanero</TD>
</TR>
*!* Fin Registro Ejemplo
</tbody>
*!* Codigo JavaScript : Para agregar registro a la Tabla
function fn_addrowtable(codnumero, desnumdoc, codnumdoc) {
var tbl = document.getElementById('aux_docadj');
var lastRow = tbl.rows.length;
var itemrow = lastRow;
if (tbl.rows[0].cells.length > 1)
for (var i=0; i<lastRow; i++){
alert(tbl.rows.cells[2].innerHTML);
if (tbl.rows.cells[2].innerHTML == codnumdoc){
alert("Documento ya se encuentra agregado");
return;
}
}
if (tbl.rows[0].cells.length==1) {
tbl.deleteRow(0);
}
var row = tbl.insertRow(lastRow);
var celda = row.insertCell(0);
celda.innerHTML="<input type='checkbox' class='check' name='ids["+itemrow+"]'/>";
celda = row.insertCell(1);
celda.innerHTML="Expediente";
celda = row.insertCell(2);
celda.innerHTML=codnumdoc;
celda = row.insertCell(3);
celda.innerHTML="Reclamo Tributario y Aduanero";
}
*!* Codigo CSS : Hoja de Estilo
.txtres0 {
BORDER-RIGHT: #777777 1px solid;
PADDING-RIGHT: 2px;
PADDING-LEFT: 2px;
FONT-WEIGHT: normal;
FONT-SIZE: 10px;
PADDING-BOTTOM: 3px;
VERTICAL-ALIGN: top;
BORDER-LEFT: #777777 1px solid;
COLOR: #000000;
PADDING-TOP: 3px;
BORDER-BOTTOM: #777777 1px solid;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
TEXT-ALIGN: center; TEXT-DECORATION: none
}
.txtres1 {
BORDER-RIGHT: #777777 1px solid;
PADDING-RIGHT: 5px;
PADDING-LEFT: 5px;
FONT-WEIGHT: normal;
FONT-SIZE: 10px;
PADDING-BOTTOM: 5px;
VERTICAL-ALIGN: top;
COLOR: #000000;
PADDING-TOP: 5px;
BORDER-BOTTOM: #777777 1px solid;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
TEXT-DECORATION: none
}
Gracias
Carlos
Estoy agregando registros con Javascript a una tabla declarada en html y al agregarse el registro este no incluye el estilo asignado y declarados previamente.
Adjunto líneas de código abajo, agredecere mucho tu ayuda.
*!* Codigo Html : Tabla donde se visualizan registros agregados
<tbody id="aux_docadj">
*!* Inicio Registro Ejemplo
*!* Líneas en rojo corresponde a los estilos
<TR bgcolor="#ffffff" onMouseOver="javascript:style.backgroundColor='#feedd9'" onmouseout="javascript:style.backgroundColor='#ffffff'">
<TD class=txtres0>
<input type="checkbox" class="check" name="ids[1]"/>
</TD>
<TD class=txtres1>Expediente</TD>
<TD class=txtres1>2004-12345678901234567800</TD>
<TD class=txtres1>Reclamo Tributario y Aduanero</TD>
</TR>
*!* Fin Registro Ejemplo
</tbody>
*!* Codigo JavaScript : Para agregar registro a la Tabla
function fn_addrowtable(codnumero, desnumdoc, codnumdoc) {
var tbl = document.getElementById('aux_docadj');
var lastRow = tbl.rows.length;
var itemrow = lastRow;
if (tbl.rows[0].cells.length > 1)
for (var i=0; i<lastRow; i++){
alert(tbl.rows.cells[2].innerHTML);
if (tbl.rows.cells[2].innerHTML == codnumdoc){
alert("Documento ya se encuentra agregado");
return;
}
}
if (tbl.rows[0].cells.length==1) {
tbl.deleteRow(0);
}
var row = tbl.insertRow(lastRow);
var celda = row.insertCell(0);
celda.innerHTML="<input type='checkbox' class='check' name='ids["+itemrow+"]'/>";
celda = row.insertCell(1);
celda.innerHTML="Expediente";
celda = row.insertCell(2);
celda.innerHTML=codnumdoc;
celda = row.insertCell(3);
celda.innerHTML="Reclamo Tributario y Aduanero";
}
*!* Codigo CSS : Hoja de Estilo
.txtres0 {
BORDER-RIGHT: #777777 1px solid;
PADDING-RIGHT: 2px;
PADDING-LEFT: 2px;
FONT-WEIGHT: normal;
FONT-SIZE: 10px;
PADDING-BOTTOM: 3px;
VERTICAL-ALIGN: top;
BORDER-LEFT: #777777 1px solid;
COLOR: #000000;
PADDING-TOP: 3px;
BORDER-BOTTOM: #777777 1px solid;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
TEXT-ALIGN: center; TEXT-DECORATION: none
}
.txtres1 {
BORDER-RIGHT: #777777 1px solid;
PADDING-RIGHT: 5px;
PADDING-LEFT: 5px;
FONT-WEIGHT: normal;
FONT-SIZE: 10px;
PADDING-BOTTOM: 5px;
VERTICAL-ALIGN: top;
COLOR: #000000;
PADDING-TOP: 5px;
BORDER-BOTTOM: #777777 1px solid;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
TEXT-DECORATION: none
}
Gracias
Carlos
1 Respuesta
Respuesta de toxico33
1