El problema es el siguiente:
Tengo una pagina HTML con codigo javascript, cuando acceso a ella en el servidor ( se llama HP1) por medio de localhost la pagina me aparece normal y todo funciona de maravilla, el problema es cuando acceso a la pagina desde cualquier otra maquina de la red y es que cuando pongo el nombre del servidor me descuadra la tabla que cree con javascript es decir si pongo http://192.168.0.1/convenio/convenios.html la pagina me parece normal y todo se ve bien, pero al poner http://hp1/convenio/convenios.html la tabla se descuadra y no se ve bien
Se me descuadra en la celda7 que es a la que le doy atributo de rowspan=2 entonces la fila 2 ya me la deja todo descuadrado.
les dejo el codigo de la tabla a ver si alguien encuentra algun error.
Código Javascript:
Ver original
cont=1; function OtroDetalle() { cont++; var tabla = document.getElementById("detalles").tBodies[0]; var fila = document.createElement("TR"); fila.setAttribute("align","center"); var celda1 = document.createElement("TD"); var nivel = document.createElement("INPUT"); nivel.setAttribute("type","text"); nivel.setAttribute("size","15"); nivel.setAttribute("maxlength","23"); nivel.setAttribute("id","nivel" + cont); celda1.appendChild(nivel); var celda2 = document.createElement("TD"); var turno = document.createElement("INPUT"); turno.setAttribute("type","text"); turno.setAttribute("size","8"); turno.setAttribute("maxlength","20"); turno.setAttribute("id","turno" + cont); celda2.appendChild(turno); var celda3 = document.createElement("TD"); var sistema = document.createElement("INPUT"); sistema.setAttribute("type","text"); sistema.setAttribute("size","15"); sistema.setAttribute("maxlength","20"); sistema.setAttribute("id","sistema" + cont); celda3.appendChild(sistema); var celda4 = document.createElement("TD"); var modalidad = document.createElement("INPUT"); modalidad.setAttribute("type","text"); modalidad.setAttribute("size","7"); modalidad.setAttribute("maxlength","20"); modalidad.setAttribute("id","modalidad" + cont); celda4.appendChild(modalidad); var celda5 = document.createElement("TD"); var ciclo = document.createElement("INPUT"); ciclo.setAttribute("type","text"); ciclo.setAttribute("size","10"); ciclo.setAttribute("maxlength","20"); ciclo.setAttribute("id","ciclo" + cont); celda5.appendChild(ciclo); var celda6 = document.createElement("TD"); var des_colegiatura = document.createElement("INPUT"); des_colegiatura.setAttribute("type","text"); des_colegiatura.setAttribute("size","3"); des_colegiatura.setAttribute("maxlength","4"); des_colegiatura.setAttribute("id","des_colegiatura" + cont); celda6.appendChild(des_colegiatura); var des_inscripcion = document.createElement("INPUT"); des_inscripcion.setAttribute("type","text"); des_inscripcion.setAttribute("size","3"); des_inscripcion.setAttribute("maxlength","4"); des_inscripcion.setAttribute("id","des_inscripcion" + cont); celda6.appendChild(des_inscripcion); var celda7 = document.createElement('TD'); var imagen = document.createElement('IMG'); celda7.setAttribute("rowspan","2"); celda7.setAttribute("bgcolor","#0066FF"); imagen.setAttribute('src','images/delete.png'); imagen.setAttribute('width','16'); imagen.setAttribute('height','16'); imagen.setAttribute('alt','Eliminar'); imagen.setAttribute("id", "imagen"+cont); imagen.setAttribute("name", "imagen"+cont); imagen.onClick=function() { borrarFila(this,1); }; celda7.appendChild(imagen); var fila2 = document.createElement("TR"); fila2.setAttribute("align","center"); fila2.setAttribute("id","fila"+cont); var celdaN = document.createElement("TD"); var obs = document.createElement("TEXTAREA"); obs.setAttribute("cols","45"); obs.setAttribute("rows","2"); obs.setAttribute("id","obs" + cont); var texto = document.createTextNode("Observaciones:"); celdaN.setAttribute("colspan","3"); celdaN.appendChild(texto); celdaN.appendChild(obs); fila.appendChild(celda1); fila.appendChild(celda2); fila.appendChild(celda3); fila.appendChild(celda4); fila.appendChild(celda5); fila.appendChild(celda6); fila.appendChild(celda7); fila2.appendChild(celdaN); tabla.appendChild(fila); tabla.appendChild(fila2); }
Código HTML:
Ver original
En el evento onLoad del body mando a llamar la funcion para que me agregue las 2 filas iniciales que necesito pero ocurre lo que les comente al principio.
El chiste es agregar dinamicamente las filas y borrarlas, todo eso funciona muy bien pero el problema es que se me descuadra