Problemas con variables y ajax

JuanZapata · #1 (**permalink**) 23/09/2010, 08:55

Hola,
Despues de muchas horas y mucho google no he podido dar con la solución a mi problema que creo que es facil. Pero no lo veo.

Tengo un menu hacho con SQL que llama a 2 funciones de AJAX con los eventos onclick y onmousedown

Ambas se ejecutan bien y muestran la información en los respectivos div´s

Mi problema es que en uno de los div´s me muestra el codigo de la opcion de menu que se ha clicado pero no he podido asignar ese valor a una variable para que me ilumine la opcion respectiva.

Codigo:

echo "<div id='formulario2'></div>"; //esto muestra correctamente el valor del id del menu
echo "<br /><br />";
while($row = mysql_fetch_array($sql)){
if ($row['fmg_id']==$menus) //necesito que el valor del id=formulario2 sea igual $menus
{
echo "<a style=\"text-decoration:bold;cursor:pointer;\" onclick=\"pedirDatos('".$row['fmg_id']."','cast','".$row['fmg_familia']."','".$row['fmg_titulo']."')\" onmousedown=\"opcionMenu(".$row['fmg_id'].")\" >".$row['fmg_titulo_select']."</a><br/>";
echo "<br />";
}
else {
echo "<a style=\"text-decoration:bold;cursor:pointer;\" onclick=\"pedirDatos('".$row['fmg_id']."','cast','".$row['fmg_familia']."','".$row['fmg_titulo']."')\" onmousedown=\"opcionMenu(".$row['fmg_id'].")\" >".$row['fmg_titulo']."</a><br/>";
echo "<br />";
}
}

EN el div con id formulario 2 me muestra el resultado correcto, pero no se como hacer que ese resultado se asigne en una variable que se llamaría $menus y que es la que esta en el if

Alquien me ayuda?

JuanZapata · #2 (**permalink**) 23/09/2010, 10:37

Ya he solucionado una parte, pues simplemente es un asunto de variables de sesion, y funciona correctamente.

Pero ahora el problema es que necesito refrescar el div que contine el menu:

echo "<div id='mbi'>";
...aqui va tod el codigo que genera el menu
echo "</div>";

La funcion en ajax:
function refrescarMBI(){

if (ajax.readyState == 4 ){
document.getElementById (mbi).innerHTML = ajax.responseText;
}
}

Que seguro que esta mal.

Alguna ayuda ??

Gracias de antemano.

Adler · #3 (**permalink**) 23/09/2010, 12:51

Hola

Lo está tratando como una variable

Cita:

document.getElementById (mbi).innerHTML
ha de ser
document.getElementById ('mbi').innerHTML

Suerte

JuanZapata · #4 (**permalink**) 24/09/2010, 01:18

Gracias Alder por tu respuesta.

Desafortunadamente sigue sin funcionar.

EL problema parece ser que siempre pide una URL, pero yo solo quiero refrescar el mismo contenido que hay. Parecido al efecto que hace un F5 pero solo en ese DIV. De hecho cuando hago F5 funciona, pero refresca toda la pagina y el div central me regresa al home, por eso solo quiero refrescar el div del menu.

Adler · #5 (**permalink**) 24/09/2010, 07:05

Hola

Arreglo al código que muestras el error es ese. Ahora habría que ver el resto del código, tanto el javascript, HTML y PHP

Suerte

JuanZapata · #6 (**permalink**) 24/09/2010, 09:33

Esta es la parte de ajax:

Código Javascript:

Ver originalfunction objetoAjax(){
    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 refrescarMBI()
      {
          ajax=nuevoAjax();
          ajax.open("GET", "URL");
          ajax.onreadystatechange=function()
          {
              if (ajax.readyState==4)
              {
                  document.getElementById("mbi").innerHTML = ajax.responseText;
              }
          }
          ajax.send(null)
      }

Este es el codigo del vinculo:

Código Javascript:

Ver originalecho "<a style=\"text-decoration:bold;cursor:pointer;\"   onclick=\"pedirDatos('".$row['fmg_id']."','cast','".$row['fmg_familia']."','".$row['fmg_titulo']."')\" onmousedown=\"refrescarMBI()\"  >".$row['fmg_titulo_select']."</a><br/>";

Y este es el PHP en el cual esta ese boton y el div que quiero refrescar:

Código PHP:

Ver original<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=ISO 8859-1">
    <script language="JavaScript" type="text/javascript" src="ajax.js"></script>
</head>
<body>
<div class="menu" id="mbi">
    <?php
    //conexion a base de datos
    $bd_host = "localhost";
    $bd_usuario = "xxxxx";
    $bd_password = "xxxxx";
    $bd_base = "xxxxx";
    $con = mysql_connect($bd_host, $bd_usuario, $bd_password);
    mysql_select_db($bd_base, $con);
    $menu=$_SESSION['menu'];
    $familia='mbia';
    $sql=mysql_query("SELECT * FROM fmg WHERE fmg_familia='$familia' AND fmg_lang='$lang' ORDER BY fmg_orden ASC",$con);
    echo "<a href='index.php?lang=$lang' target=_self>home</a>";
    echo "<br /><br />";
    while($row = mysql_fetch_array($sql))
        {
            if ($row['fmg_id']==$menu)
            {
                echo "<a style=\"text-decoration:bold;cursor:pointer;\"   onclick=\"pedirDatos('".$row['fmg_id']."','cast','".$row['fmg_familia']."','".$row['fmg_titulo']."')\" onmousedown=\"refrescarMBI()\"  >".$row['fmg_titulo_select']."</a><br/>";
                echo "<br />";
            }
            else {
                echo "<a style=\"text-decoration:bold;cursor:pointer;\" onclick=\"pedirDatos('".$row['fmg_id']."','cast','".$row['fmg_familia']."','".$row['fmg_titulo']."')\"  onmousedown=\"refrescarMBI()\"  >".$row['fmg_titulo']."</a><br/>";
                echo "<br />";
            }
        }
    echo "<br />";
    echo "<br />";
    $familia2='mbia_2';
    $sql2=mysql_query("SELECT * FROM fmg WHERE fmg_familia='$familia2' AND fmg_lang='$lang' ORDER BY fmg_orden ASC",$con);
    while($row = mysql_fetch_array($sql2))
        {
            echo "<a style=\"text-decoration:bold;cursor:pointer;\" onclick=\"pedirDatos('".$row['fmg_id']."','cast','".$row['fmg_familia']."','".$row['fmg_titulo']."')\">".$row['fmg_titulo']."</a><br/>";
            echo "<br />";
        }
    ?>
</div>
</body>
</html>

DIme si hace falta algo mas.

Gracias Adler

Adler · #7 (**permalink**) 24/09/2010, 12:31

Hola

A simple vista destaca esto

Cita:

ajax.open("GET", "URL");

URL no es una ruta. Ahí has de escribir la ruta física (

) o virtual (

) del archivo PHP

Suerte

JuanZapata · #8 (**permalink**) 25/09/2010, 05:58

Hola,
Si, esto esta claro, pero al poner la ruta tampoco va.

Ahora estoy mirando el uso de 2 funciones a través de otra función, pero tampoco, pues me ejecuta o una u otra.

La conclusión a la que estoy llegando es que necesito es la forma en que ajax me actualice un DIV y me refresque otro al mismo tiempo.

Mi problema es que necesito actualizar el div central y que el div del menú se refresque pues ahí esta el if then que cambia el color a la opción del menú seleccionado.

Alguien tiene alguna idea???

Adler · #9 (**permalink**) 25/09/2010, 08:33

Hola

Me estoy temiendo lo peor. Te hago esta pregunta la manera mas sencilla que soy capaz. El código que encierras entre etiquetas PHP (Código PHP:) ¿no será el único que tienes? ¿habrá otra página PHP, donde se evalúan los datos recibidos para posteriormente enviarlos?

Suerte

JuanZapata · #10 (**permalink**) 25/09/2010, 16:40

Creo que no me explique bien.

Todo me funciona correctamente.
El código PHP es solo uno de los menús y el punto del problema comienza en la fila 16.
Allí yo asigno la variable de sesión "menu", con el id de la opción de menú que se ha pulsado.
Luego esa variable menu la uso para "colorear" el nombre del menú de rojo y que permanezca así hasta tanto pulsen de nuevo, esto en la linea 23.

El Problema está en que la función pedirDatos del evento onClick, lo que hace es mostrar en el div de id="formulario" la información, pero como es Ajax, cambia el div central y una imagen.
Este es el código de la función:

Código PHP:

Ver originalfunction pedirDatos(idempleado, lang, familia, titulo){
    divFormulario = document.getElementById('formulario');
//        divMenu = document.getElementById('mbi');
    divImagen = document.getElementById('imagen');
    //instanciamos el objetoAjax
    ajax=objetoAjax();
        ajax.open("POST", "consulta_id.php");
    ajax.onreadystatechange=function() {
        if (ajax.readyState==4) {
            //mostrar resultados en div
            divFormulario.innerHTML = ajax.responseText                        
                        //divMenu.innerHTML = ajax.responseText
            //cambio una imagen en top
            divFormulario.style.display="block";
                        divImagen.innerHTML="<img alt src='images/top_2.png'>";
        }
    }

Funciona correctamente, lee consulta_ip.php y lo muestra correctamente, también cambia la imagen correctamente, pero necesito que también me refresque el div "mbi",
divMenu = document.getElementById('mbi'); solo eso, refrescarlo para que evalúe el if then.
No necesito que me cambie nada.

Pues eso es lo que no logro hacer.

Probé con la función que hay mas arriba "refreshMenu" y ahí si que funciona, me colorea la opción del menú de rojo, pero entonces no cambia en el div formulario.

Sigo buscando como resolverlo !!!!

Gracias

Adler · #11 (**permalink**) 26/09/2010, 07:21

Hola

Le he dado varias vueltas y no logro verlo. Si reescribes el contenido de mb1, este valor reemplazará al código PHP. Entonces entiendo que ese código PHP ha ser parte de la página que se abra desde refrescarMBI, donde se hará la evaluación y responderá con el menú ya montado

Suerte

JuanZapata · #12 (**permalink**) 30/09/2010, 14:28

Finalmente he reescrito el menú como una lista (sin base de datos), usando css y jquery para hacer un menú tipo lista pero aplicando una hoja de estilo solo a los menús.
Ahora ya funciona !!!
Menos en IE7 por supuesto !!!