[SOLUCIONADO] No me carga la página.

satjaen · #1 (**permalink**) 12/02/2013, 03:22

Hola, por favor si pueden ayudarme se lo agradecería. Tengo un div(datos_usuario) en el cual cargo una página(modificar_datos_usuario.php) cuando llamo una funcion(modificar_datos_cliente), pero no me carga. Que tengo mal

index.html

Código HTML:

Ver original<a class="dock-item" href=''><span>Modificar datos personales del Cliente</span><img src="imagenes_menu/almacen3.jpg" alt="Almacen Cliente" onclick="modificar_datos_cliente()" style="cursor:pointer"  /></a> 
 
 
<div class="datos_usuario" id="datos_usuario">   
<form method="POST" name="form1" id="form1" action="<?php echo $editFormAction; ?>">
          <table width="79%">
            <tr>
              <th scope="col" width="57">Teléfonos</th>
 <th scope="col" width="52"><input name="telefonos" id="telefonos "type="text" size="9" maxlength="9" value="<?php echo $row_usuarios['telefonos']; ?>" /></th>
              <th scope="col" width="52"><input name="movil" type="text" size="9" maxlength="9" value="<?php echo $row_usuarios['movil']; ?>" /></th>
              <th scope="col" width="52"><input name="telefonos3" type="text" size="9" maxlength="9" value="<?php echo $row_usuarios['telefonos3']; ?>" /></th>
              <th scope="col" width="245">&nbsp;</th>
              <th scope="col" width="245"><label for="dni"></label>
              DNI
                <input name="dni" type="text" id="dni" size="9" maxlength="9" value="<?php echo $row_usuarios['dni']; ?>"/></th>
            </tr>
</table>
<table width="296">
            <tr>
             <th scope="col" width="46">Nombre</th>
              <th scope="col" width="88"><input name="name" type="text" id="name" size="25" value="<?php echo utf8_encode($row_usuarios['name']); ?>"/></th>
              <th scope="col" width="403"><input name="apellidos" type="text" id="apellidos" size="35" value="<?php echo utf8_encode($row_usuarios['apellidos']); ?>" /></th>
            </tr>
</table>
</div>

index.js

Código Javascript:

Ver originalfunction modificar_datos_cliente(id_aviso)
{
 
     var boton = confirm("¿Modificar datos usuario?");////Como puedo darle CSS a esta ventana?
     
 
if (boton){
       
    var id_aviso = $('#id_aviso') .val();   
    createAjax();
    xmlhttp.onreadystatechange=function()
    {
        if (xmlhttp.readyState==4 && xmlhttp.status==200)
        {
            document.getElementById("datos_usuario").innerHTML=xmlhttp.responseText;
        }
    }
   xmlhttp.open("GET","modificar_datos_usuario.php?ID=" + id_aviso,true);
   xmlhttp.send(null);
 }
}

modificar_datos_usuario.php

Código PHP:

Ver original<?php 
require_once('Connections/conexion.php');
$id_aviso=$_GET['ID'];
mysql_select_db($database_conexion, $conexion);
$query_usuarios = "(SELECT id_aviso,telefonos,telefonos3,name,apellidos,dni,movil
FROM usuarios
WHERE id_aviso = '$id_aviso')
UNION ALL
(SELECT id_aviso,telefonos,telefonos3,name,apellidos,dni,movil
FROM avisos
WHERE id_aviso = '$id_aviso')";
$usuarios = mysql_query($query_usuarios, $conexion) or die(mysql_error());
$row_usuarios = mysql_fetch_assoc($usuarios);
$totalRows_usuarios = mysql_num_rows($usuarios);
$result = mysql_query($query_usuarios); 
$numero = mysql_num_rows($result);
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body>
<form method="POST" name="form4" action="<?php echo $editFormAction; ?>">
          <table width="79%">
            <tr>
              <th scope="col" width="57">M.Teléfonos</th>
 <th scope="col" width="52"><input name="telefonos" id="telefonos "type="text" size="9" maxlength="9" value="<?php echo $row_usuarios['telefonos']; ?>" /></th>
              <th scope="col" width="52"><input name="movil" type="text" size="9" maxlength="9" value="<?php echo $row_usuarios['movil']; ?>" /></th>
              <th scope="col" width="52"><input name="telefonos3" type="text" size="9" maxlength="9" value="<?php echo $row_usuarios['telefonos3']; ?>" /></th>
              <th scope="col" width="245">&nbsp;</th>
              <th scope="col" width="245"><label for="dni"></label>
              DNI
                <input name="dni" type="text" id="dni" size="9" maxlength="9" value="<?php echo $row_usuarios['dni']; ?>"/></th>
            </tr>
</table>
<table width="296">
            <tr>
             <th scope="col" width="46">Nombre</th>
              <th scope="col" width="88"><input name="name" type="text" id="name" size="25" value="<?php echo utf8_encode($row_usuarios['name']); ?>"/></th>
              <th scope="col" width="403"><input name="apellidos" type="text" id="apellidos" size="35" value="<?php echo utf8_encode($row_usuarios['apellidos']); ?>" /></th>
            </tr>
</table>
</form>
</body>
</html>

Un saludo

emprear · #2 (**permalink**) 12/02/2013, 05:27

@satjaen
cosas como la que ponés no se pueden analizar, a menos que uno se ponga a reconstruir datos faltantes, sin hacer un análisis mayor, que tal si tu función createAjax(); tiene un error?
Al margen, modificar_datos_usuario.php no debería incluir ningun head, solo el html del form.
Te aconsejo que pases todoel html generado del index, incluyendo en este todo el javascript en un bloque <script>
Saludos

satjaen · #3 (**permalink**) 12/02/2013, 06:27

Cita:

Iniciado por emprear

@satjaen
cosas como la que ponés no se pueden analizar, a menos que uno se ponga a reconstruir datos faltantes, sin hacer un análisis mayor, que tal si tu función createAjax(); tiene un error?
Al margen, modificar_datos_usuario.php no debería incluir ningun head, solo el html del form.
Te aconsejo que pases todoel html generado del index, incluyendo en este todo el javascript en un bloque <script>
Saludos

Gracias emprear, mas bien creo que el que tengo mal es este:

Código Javascript:

Ver originalfunction modificar_datos_cliente(id_aviso)
{
 
     var boton = confirm("¿Modificar datos usuario?");
     
 
if (boton){
       
    var id_aviso = $('#id_aviso') .val();   
    createAjax();
    xmlhttp.onreadystatechange=function()
    {
        if (xmlhttp.readyState==4 && xmlhttp.status==200)
        {
            document.getElementById("datos_usuario").innerHTML=xmlhttp.responseText;
        }
    }
   xmlhttp.open("GET","modificar_datos_usuario.php?ID=" + id_aviso,true);
   xmlhttp.send(null);
 }
}

Pero no se donde?

chuidiang · #4 (**permalink**) 12/02/2013, 06:40

Abre la página con google chrome y una vez la tengas (con error), abre la consola de javascript (Ctrl + Mays + J) . Abajo a la derecha te saldrá un iconillo rojo si hay error en javascript y pinchando el enlace te dirá donde. Si te sale el código todo seguido en una sola línea, tienes un simbolo {} para formatearlo correctamente.

Puedes hacer esto con cualquier otro navegador, pero el debugger de javascript de internet explorer no me gusta y firefox necesita un plugin adicional (firebug). Por aquí tienes algo de cómo hacerlo con Chrome http://chuwiki.chuidiang.org/index.p...ipt_con_Chrome

Se bueno.

satjaen · #5 (**permalink**) 12/02/2013, 06:58

Cita:

Iniciado por chuidiang

Abre la página con google chrome y una vez la tengas (con error), abre la consola de javascript (Ctrl + Mays + J) . Abajo a la derecha te saldrá un iconillo rojo si hay error en javascript y pinchando el enlace te dirá donde. Si te sale el código todo seguido en una sola línea, tienes un simbolo {} para formatearlo correctamente.

Puedes hacer esto con cualquier otro navegador, pero el debugger de javascript de internet explorer no me gusta y firefox necesita un plugin adicional (firebug). Por aquí tienes algo de cómo hacerlo con Chrome http://chuwiki.chuidiang.org/index.p...ipt_con_Chrome

Se bueno.

Gracias chuidiang, al abrirlo en firebug me da error en rojo:

GET http://localhost:8888/sitiopruebas/m...php?ID=2600163

Me aparecen los parámetros pero falta la respuesta. Puede ser eso?

Un saludo

emprear · #6 (**permalink**) 12/02/2013, 07:08

Cita:

Iniciado por satjaen

Gracias emprear, mas bien creo que el que tengo mal es este:

Código Javascript:

Ver originalfunction modificar_datos_cliente(id_aviso)
{
 
     var boton = confirm("¿Modificar datos usuario?");
     
 
if (boton){
       
    var id_aviso = $('#id_aviso') .val();   
    createAjax();
    xmlhttp.onreadystatechange=function()
    {
        if (xmlhttp.readyState==4 && xmlhttp.status==200)
        {
            document.getElementById("datos_usuario").innerHTML=xmlhttp.responseText;
        }
    }
   xmlhttp.open("GET","modificar_datos_usuario.php?ID=" + id_aviso,true);
   xmlhttp.send(null);
 }
}

Pero no se donde?

Te repito, para la próxima pasá todo, no puedo estar reconstruyendo tus omisiones porque se pierde mucho tiempo
Ejemplo de una aplicación completa

index.html

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>titulo</title> 
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript">
//<![CDATA[
 
function enviarDatos() {
  // Objeto Ajax
  if(window.XMLHttpRequest) {
    peticion_http = new XMLHttpRequest();
  }
  else if(window.ActiveXObject) {
    peticion_http = new ActiveXObject("Microsoft.XMLHTTP");
  }
 
  // Preparar la funcion de respuesta
  peticion_http.onreadystatechange = muestraContenido;
 var id_aviso = $('#id_aviso') .val();   
  // Realizar peticion HTTP
  peticion_http.open('GET', "modificar_datos_usuario.php?ID=" + id_aviso, true);
  peticion_http.send(null);
 
  function muestraContenido() {
    if(peticion_http.readyState == 4) {
      if(peticion_http.status == 200) {
        alert(peticion_http.responseText);
      }
    }
  }
}
 
 
function modificar_datos_cliente(){
var boton = confirm("¿Modificar datos usuario?");
    if(boton){
enviarDatos();
    }
}
 
//]]>
</script>
</head>
<body>
<form action="#">
ingrese un ID de usuario: <input type="text" value="888" id="id_aviso"/>
</form>
<button onclick="modificar_datos_cliente();">verificar</button>
</body>
</html>

modificar_datos_usuario.php

Código PHP:

Ver original<?php
$id_usuario = $_GET['ID'];
echo "Se modificarán datos de usuario de id: $id_usuario";
?>

Además espero que no estés usando jQuery solo para obtener el value de un input

SAludos

satjaen · #7 (**permalink**) 12/02/2013, 08:06

Ok, emprear me parece que lo he complicado más de lo que parece.
Pruebo y comento.
Muchas gracias.

satjaen · #8 (**permalink**) 12/02/2013, 11:43

emprear, el ejemplo que me has puesto esta muy bien pero lo que yo quiero es que modificar_datos_usuario.php me aparezca en un div que tengo en el index.html.

index.html

Código HTML:

Ver original<div class="datos_usuario" id="datos_usuario"></div>

Código HTML:

Ver originaldocument.getElementById("datos_usuario").innerHTML=xmlhttp.responseText;

Gracias

emprear · #9 (**permalink**) 12/02/2013, 12:01

Cita:

Iniciado por satjaen

emprear, el ejemplo que me has puesto esta muy bien pero lo que yo quiero es que modificar_datos_usuario.php me aparezca en un div que tengo en el index.html.

index.html

Código HTML:

Ver original<div class="datos_usuario" id="datos_usuario"></div>

Código HTML:

Ver originaldocument.getElementById("datos_usuario").innerHTML=xmlhttp.responseText;

Gracias

Justamente se hace asi, reemplazás el
alert(peticion_http.responseText);
por
document.getElementById("datos_usuario").innerHTML =peticion_http.responseText;

Cual es el problema?
Saludos

satjaen · #10 (**permalink**) 12/02/2013, 16:09

He simplificado el cod para intentar averiguar cual es el problema. Es curioso porque en dreamweaver en la opción en vivo me sale en el div datos_usuario la página modificar_datos_usuario.php, pero luego en el servidor local no funciona, al pulsar onclick="modificar_datos_cliente()" para que carge el div se actualiza la página index.html

index.html

Código Javascript:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>WedServer</title>
<link rel="stylesheet" type="text/css" media="screen" href="css_menu/estilo3.css">
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript">
function enviarDatos() {
  // Objeto Ajax
  if(window.XMLHttpRequest) {
    peticion_http = new XMLHttpRequest();
  }
  else if(window.ActiveXObject) {
    peticion_http = new ActiveXObject("Microsoft.XMLHTTP");
  }
 
  // Preparar la funcion de respuesta
  peticion_http.onreadystatechange = muestraContenido;
 var id_aviso = $('#id_aviso') .val();   
  // Realizar peticion HTTP
  peticion_http.open('GET', "modificar_datos_usuario.php?ID=" + id_aviso, true);
  peticion_http.send(null);
 
  function muestraContenido() {
    if(peticion_http.readyState == 4) {
      if(peticion_http.status == 200) {
        document.getElementById("datos_usuario").innerHTML =peticion_http.responseText;
      }
    }
  }
}
 
 
function modificar_datos_cliente(){
var boton = confirm("¿Modificar datos usuario?");
    if(boton){
enviarDatos();
    }
}
</script>
</head>
<body>
<div id="dock">
<div class="dock-container">       
<a class="dock-item" href=''><span>Modificar datos personales del Cliente</span><img src="imagenes_menu/almacen3.jpg" alt="Almacen Cliente" onclick="modificar_datos_cliente()" style="cursor:pointer"  /></a> 
</div>
</div>
<div class="datos_usuario" id="datos_usuario"></div> 
</body>
</html>

satjaen · #11 (**permalink**) 12/02/2013, 16:59

Bueno, ya lo he solucionado. Un error de despiste

En el primer post en index.html si os fijais en la imagen donde pulso para llamar a la funcion estaba así:

Código HTML:

Ver original<a class="dock-item" href=''><span>Modificar datos personales del Cliente</span><img src="imagenes_menu/almacen3.jpg" alt="Almacen Cliente" onclick="modificar_datos_cliente()" style="cursor:pointer"  /></a>

Y solo con quitar el href='' ya esta solucionado todo.

Gracias por ayudarme.

emprear · #12 (**permalink**) 12/02/2013, 17:13

Cita:

Iniciado por satjaen

Bueno, ya lo he solucionado. Un error de despiste

En el primer post en index.html si os fijais en la imagen donde pulso para llamar a la funcion estaba así:

Código HTML:

Ver original<a class="dock-item" href=''><span>Modificar datos personales del Cliente</span><img src="imagenes_menu/almacen3.jpg" alt="Almacen Cliente" onclick="modificar_datos_cliente()" style="cursor:pointer"  /></a>

Y solo con quitar el href='' ya esta solucionado todo.

Gracias por ayudarme.

Bueno, pero para la próxima, o no uses un <a>, que incluso semanticamente no se si aplica, o
<a href="algo.php" onclick="miFuncion(); return false">xxxx</a>
de esa manera al clickear no ejecuta el href, amenos que javascript esté desactivado
SAludos