problemas navegadores funcionan en uno y en otro no

xilad · #1 (**permalink**) 26/11/2009, 10:27

hola amigos con todo el respeto que se merecen me gustaria que me dieran una mano tengo un problema que no he podio resolver y ya no se que hacer, tengo un codigo en ajax que me funciona bien en IE pero en mozilla y chrome no me va imagino que tengo un error pues no es solamente en un navegador si no dos los que me presentan problemas les mostrare a continuacion todo el codigo y me gustaria que me ayudaran si esta en sus manos.

Código html:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional/>
<html>
 
<head>
    <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
    <meta http-equiv="cache-control" content="no-cache"/> 
    <meta http-equiv="expires" content="Tue, 01 Jan 1980 1:00:00 GMT"/>
    <link rel="stylesheet" type="text/css" href="estilo1.css"/> 
    <script language="javascript" src="javascript/curvycorners.js" type="text/javascript"></script>
    <script type="text/javascript" src="javascript/bordes.js"></script>
    <script type="text/javascript" src="javascript/login.js"></script>
    <script type="text/javascript" src="javascript/recpass.js"></script>
    <script type="text/javascript" src="javascript/registro.js"></script>
 
    <script type="text/javascript">
    function mostrar(){
        var cli=document.getElementById("recmail");
        cli.style.display="block";
        var us=document.getElementById("usuamail");
         us.focus();
        
        }
    function ocultar(){
        var cli=document.getElementById("recmail");
        cli.style.display="none";
        document.getElementById("usuamail").value="";
        document.getElementById("mailr").value="";
        document.getElementById("mensajemail").innerHTML="";
                
        }   
 
    </script>
 
 
 
 
    <title>OEBPSI.NET</title>
</head>
 
<body>
 
<div id="cab"></div>
<div id="melog">
          <ul id="login">
          <li>Uusuario&nbsp;</li>
          <li><input type="text" maxlength="20" id="usu"  onfocus="ocul();"/>&nbsp;</li>
          <li>Contraseña &nbsp;</li>
          <li><input type="password" maxlength="20" id="pass" onfocus="ocul();"/> &nbsp;</li>
          <li><input type="button"  title="Entrar" class="bin" value="Ingresar" onclick="login();" /></li>
          <li>&nbsp;</li><li>&nbsp;</li><li>&nbsp;</li>
         <li><label><a  onclick="mostrar();" id="mailrec">Olvide Mi Contraseña</a></label></li>
         </ul></div>
<div id="conte">
<div id="mensaje"></div>    
        <label class="bvni">&nbsp; BIENVENIDOS A LA COMUNIDAD PARA EGRESADOS DEL PROGRAMA DE PSICOLOGIA</label><br />
        <label class="bvni">&nbsp; UNIVERSIDAD SIMON BOLIVAR</label><br /><br />
           <div id="recmail">
                <div >
                <label> Escribe tu correo y usuario</label><br/>
                <label> Te enviaremos una nueva contraseña</label><br /> 
                <table>
                <tr><td><label>Usuario</label></td><td><input type="text" id="usuamail" title="Usuario" /></td></tr>
                <tr><td><label>Correo</label></td><td><input type="text" id="mailr" title="Escriba Correo" /></td></tr>
                <tr><td><input type="button" value="Enviar" class="botm" onclick="rescatecontra();" />
                </td><td> <input type="button" value="Cancelar" class="botm" onclick="limpiar();"/></td></tr>
                </table>
                <label id="mensajemail"></label>
              <input type="image" src="imagenes/notification_error.ico" width="25" height="25" title=                       "Ocultar" onclick="ocultar();"align="right"/>
               
                <br/>
                </div>
            </div><br />
<div id="form">
        <div><label class="binu"> Debe registrarse si quiere ingresar </label><br />
            <label class="menas">Todos los campos son necesarios</label>     
            
        </div>
   <form action="" name="regis" onsubmit="registro();return false;">     
    <table>
      <tr><td><label>Usuario</label></td><td><input type="text" id="usuario" name="usuario" onblur="comp();" onfocus="ocult();"/></td></tr>
      <tr><td><label >Contraseña</label></td><td><input type="password" id="passw" name="passw" onkeypress="quitar();"/></tr>
      <tr><td><label >Confirmar Contraseña</label></td><td><input type="password" id="rpass" name="rpass"/></td></tr>
      <tr><td><label >Correo Electronico</label></td><td><input type="text" id="mail" name="mail"/></td></tr>
      <tr><td><label >Sexo</label></td><td>
      
          <select id="sexo" name="sexo">                
                <option>M</option>
                <option>F</option>
          </select>
      </td></tr>
    </table>
        <table id="botn" >
                <tr ><td><div><input type="submit" value="Registrar"  class="bin"/></div></td>
                <td><div><input type="reset"  value="Cancelar" class="bin" onclick="cnacelar();" /></div></td></tr>
    </table>
    </form>
</div>
    <div id="noti"></div>   
    <br /><br/>
 
</div>
<div id="footer"> <label>oebpsi.net | 2009</label><br />
 
  <label>Desarrollado por *********</label>
    
</div>
</body>
</html>

este es el htm acontinuacion el ajax con e que trabajo la funcion de registro
no coloco las otras funciones pues estas funcionan bien

Código javascript:

Ver original// JavaScript Document
function nuevoAjax(){
var xmlhttp=false;
 try {
  xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
 } catch (e) {
  try {
   xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
  } catch (E) {
   xmlhttp = false;
  }
 }
 
if (!xmlhttp && typeof XMLHttpRequest!='undefined') {
  xmlhttp = new XMLHttpRequest();
}
return xmlhttp;
}
 
function registro(){
    var noti=document.getElementById("noti");
    var usua=document.regis.usuario.value;
    var pas=document.regis.passw.value;
    var pasr=document.regis.rpass.value;
    var mail=document.regis.mail.value;
    var sex=document.regis.sexo.value;
        ajax=nuevoAjax();
        ajax.open("POST","php/registro.php",true);
            ajax.onreadystatechange=function(){
            if(ajax.readystate==4){
                noti.style.display="block";
                noti.innerHTML=ajax.responseTEXT;   
            }}
            ajax.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
    ajax.send("nick="+usua+"&pass="+pas+"&passr="+pasr+"&email="+mail+"&sexo="+sex);
}

ahora el php

Código php:

Ver original<?php
 
require("conexion.php");
$link= conectar();
$nick= trim(strtolower($_POST['nick']));
$pass= trim($_POST['pass']);
$passr= trim($_POST['passr']);
$email= trim($_POST['email']);
$sexo= $_POST['sexo'];
 
$variables=array($pass,$nick,$email,$passr);
    if($variables){
            foreach($variables as $value){
        if($value==null){
            break;}
            }
    }
if($value == null){
    echo"Hay campos vacios";
}else{
    if($pass!=$passr)
    {
        echo "Las contraseñas no coinciden";
        }else{
                    
                    // peticiones hechas a la base de datos para la comparacion de los datos insertados
                    $result = mysql_query("select * from usuarios where usuario = '$nick'");
                    $usuario_existe= mysql_num_rows($result);
                    $result1= mysql_query("select * from usuarios where  pass = '$pass'");
                    $clave_existe= mysql_num_rows($result1);
                    $result2= mysql_query("select * from usuarios where mail= '$email'");
                    $email_existe= mysql_num_rows($result2);
                        if ($usuario_existe > 0){   //conparacion de datos existente sobre el usuario
                            echo"Debes tomar otro Usuario"; 
                        }else{
                            if($clave_existe > 0){ //comprobamos si el pasword ya existe
                                echo"Algunos datos ya existen";     
                                
                            }else{
                                if($email_existe >0){ //al igual que las anteriores tambien comprobamos que este mail no exista
                                    echo"Este correo esta en nuestro registro ";            
                                }else{
                                
                            $sql1="Insert into usuarios(usuario,pass,mail,sexo)values('$nick','$pass','$email','$sexo')";
                            $comp=mysql_query($sql1);//insercion de datos recogidos de las variables del formulario idex.htm siempre y cuando no se                                                             encuantren repetidos en la base de datos
                                if($comp>0){
                                    echo"Registro Existoso";
                                }else{
                                echo"Error al registrar el usuario";}
                            }
                            }
                        }
                        mysql_free_result($result);
                        mysql_close($link);
        }
}
?>

disculpen que se a tan largo tal vez algunos lo vena algo agotador pero considero que esta es la unica manera de que miren todo el panorama
de ante mano gracias
saludos.

iandrade · #2 (**permalink**) 02/12/2009, 17:38

Código HTML:

var usua=document.regis.usuario.value;
var pas=document.regis.passw.value;
var pasr=document.regis.rpass.value;
var mail=document.regis.mail.value;
var sex=document.regis.sexo.value;

Creo que el error esta por ahi

Para acceder a los elementos es conveniente que los recuperes con document.getElementById(), ya que el uso de otra codificacion NO ESTANDAR puede originar errores, ademas recordemos que Firefox esta basado en estandares e IE no.

Código HTML:

var usua=document.regis.usuario.value;
//Es su lugar puedes usar
var usua=document.getElementById("usuario").value;

Es importante que agreges el atributo id en el tag input ya que esta fucion solo accede a los elementos mediante el Id