Foros del Web » Creando para Internet » HTML »

Problemas con etiquetas <div>

Estas en el tema de Problemas con etiquetas <div> en el foro de HTML en Foros del Web. Buenos Días! Estoy realizando un desarrollo y me he conseguido con un problema con el uso de las etiquetas <div> EL problema es el Siguiente: ...
  #1 (permalink)  
Antiguo 21/01/2008, 09:09
 
Fecha de Ingreso: enero-2008
Mensajes: 3
Antigüedad: 9 años, 10 meses
Puntos: 0
Problemas con etiquetas <div>

Buenos Días!

Estoy realizando un desarrollo y me he conseguido con un problema con el uso de las etiquetas <div>

EL problema es el Siguiente:

Estoy realizando el inicio de sesion de un Site, para lo cual utilizo ajax.

Es una tabla que contiene un formulario y este formulario contiene los datos para el inicio de sesion. Al pulsar el icono de envio el realiza la validacion de los campos con Javascript y luego, si esta todo ok, llama a la funcion que ejecuta el AJAX para validar los datos. Hasta aqui todo funciona de maravilla.

Posteriormente, si el resultado es positivo, el AJAX imprime dentro de las etiquetas DIV del formulario, en caso contrario escribe tambien pero otro texto.

Específicamente el problema es que en Mozilla funciona todo correctamente, pero en el IE no modifica los texto.

En principio las etiquetas <div> estaban ubicadas posteriormente a las Etiquetas <td> y funcionaba bien en ambos navegadores. (ejemplo: <td><div></div></td>).

Ahora las tengo ubicadas antes de un <tr> y como digo, solo en mozilla funciona.
(ejemplo: <div><tr><td></td></tr></div>). Tendra esto algo que ver???

Incluyo el Código:

HTML:

<table width="318" height="82" border="0" cellpadding="0" cellspacing="0" class="cuadro_sesion">
<form name="form" method="post" action="./index.php">
<div id="contenedor">
<tr>
<td width="293" height="8" class="inicio_sesion_rojo">&nbsp;&nbsp;Anonimo</td>
<td width="25" height="8" class="inicio_sesion_rojo"></td>
</tr>
</div>
<tr>
<td height="1" colspan="2" align="center" valign="middle"><img src="./imagenes/raya_login.gif" width="318" height="1"></td>
</tr>
<tr>
<td height="8" class="inicio_sesion_negro" colspan="2">&nbsp;&nbsp;&nbsp;Correo electrónico:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&n bsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Contraseña:</td>
</tr>
<tr>
<td height="8">&nbsp;&nbsp;
<input type="text" size="21" name="email" class="inicio_sesion_text"/>&nbsp;&nbsp;&nbsp;
<input type="password" size="21" name="password" class="inicio_sesion_text"/>
</td>
<td width="25" height="8" class="inicio_sesion" align="center">
<input type="image" src="./imagenes/botones/boton_login.gif" value="" onclick="return inicio_sesion()">
</td>
</tr>
<tr>
<td height="8" align="right" colspan="2" class="inicio_sesion_gris"><b>Olvido su contraseña | <a href="./index.php?id=1">Regístrese</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</b></td>
</tr>
</form>
</table>


Codigo Javascript:
//Funcion que valida el formulario y llama al ajax
function inicio_sesion() {
var txterrores='';
var error = false;

if(document.form.email.value==''){
txterrores+='- Debe ingresar su correo electrónico\n';
alert('Error al procesar el Formulario: \n'+txterrores);
document.form.email.focus();
return false;
}
if(document.form.password.value=='') {
txterrores+='- Debe ingresar su Contraseña\n';
alert('Error al procesar el Formulario: \n'+txterrores);
document.form.password.focus();
return false;
}
iniciar_sesion(document.form.email.value,document. form.password.value);
return false;
}




//funcion que ejecuta el ajax
function iniciar_sesion(mail,password) {

var contenedor1;
contenedor1 = document.getElementById("contenedor");
ajax=nuevoAjax();
ajax.open("GET", "./include/login.php?email="+mail+"&password="+password,true) ;
alert ('abrio conexion a ajax');
ajax.onreadystatechange=function() {
if (ajax.readyState==4) {

contenedor1.innerHTML = "Cargo"; //Este texto es solo de prueba
}else {
contenedor1.innerHTML="cargando!"; //Este texto es solo de prueba
}
}
ajax.send(null);
}

Mucho agradeceria su colaboración!

Saludos

kike
  #2 (permalink)  
Antiguo 21/01/2008, 14:00
Avatar de hades87  
Fecha de Ingreso: diciembre-2007
Ubicación: Barcelona - España
Mensajes: 3.194
Antigüedad: 10 años
Puntos: 68
Re: Problemas con etiquetas <div>

y si miras de dar estilo a los td y los tr sin necesidad de incluirlos en div y declarando el estilo solo para ellos?
__________________
No diseñes usando tablas.
  #3 (permalink)  
Antiguo 26/02/2008, 10:38
Avatar de ArturoGallegos
Moderador
 
Fecha de Ingreso: febrero-2008
Ubicación: Morelia, México
Mensajes: 5.825
Antigüedad: 9 años, 9 meses
Puntos: 952
Re: Problemas con etiquetas <div>

hola amigo cjkike jeje talves algo tarde pero igual te komento

si un muy grave error es corremper el codigo de la tabla

<table>
<tr>
<td></td>
</tr>
<tr>
<td></td>
</tr>
</table>


siempre respeta su estructuro todo lo k le kieras agregar ponlo entre las etiketas < td> tu contenido < /td> nunca ubiques otras cosas fuera de ai en cuanto son las tablas y como mensiono el otro compañero tus etiquetas div son incecesarias puedes aplicar el id="contenedor" directamente en el td de la celda al k deceas aplicar
  #4 (permalink)  
Antiguo 26/05/2008, 11:39
 
Fecha de Ingreso: mayo-2008
Mensajes: 1
Antigüedad: 9 años, 6 meses
Puntos: 0
Respuesta: Problemas con etiquetas <div>

Hola compadre, aqui le entrego mi humilde ayuda.

Primero vi tu código y quisiera decirte que hay cosas que deberias mejorar:

1.- lo primero es decir que las tablas no son una buena alternativa para crear contenido html, lo mejor es usar div y manejar sus atributos con css, esto te permite tener una mejor compatibilidad con los navegadores, a diferencia con las tablas que se comportan diferente casi en todos los navegadores.

2.- lo otro es que si vas a usar igual las tablas, debes aplicarle atributos a estas tablas por medio de css, por ejemplo tienes etiquetas con height, este atributo aplicado directamente a la tabla te va a generar incompatibilidades, además siempre deben seguir con px (pixeles), % (porcentaje) , etc.

Bueno ahora a lo que preguntas:
yo directamente lo haría con div y sacaría las tablas, pero si no es esa tu idea, prueba con asignarle a todas las tablas atributos, ejemplo

<td style="width:293px; height:8px" class="inicio_sesion_rojo">&nbsp;&nbsp;Anonimo</td>

Bueno, ojala que te sirva, cualquier cosa de css en profundidad que necesiten posteeeeeenlo.
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 08:43.