Mostrar informacion en un <div>

[juandedios]

Saludos, soy recontra nuevo en Ajax, lo he visto y me parece fantástico la de cosas que se pueden hacer, aunque estoy sufriendo (como cualquier comienzo) pero esta chevere.

La consulta es la siguiente:

Tengo un menú y quiero que, al dar click en las opciones del menu se muestre en otro lado (una etiqueta <div>) otro menu.

Yo intente algo como esto:

este es el fragmento del html, es el menu principal:

Código PHP:

 <div id="menu">
    <span id="content_menu"><a href="./">Inicio</a></span><br />
    <span id="content_menu"><a href="#" onclick="show_menu('m');"><? echo $menu[0]; ?></a></span><br />
    <span id="content_menu"><a href="#" onclick="show_menu('i');"><? echo $menu[1]; ?></a></span><br />
    <span id="content_menu"><a href="#" onclick="show_menu('c');"><? echo $menu[2]; ?></a></span><br />
    <span id="content_menu"><a href="#" onclick="show_menu('r');"><? echo $menu[3]; ?></a></span><br />
</div>  

esto es el fragmento del js:

Código PHP:

  function show_menu(caso) {
    //Donde se mostrará el menú
    divMenu = document.getElementById('menu_top');
    
    ajax = objetoAjax();
    ajax.open("GET", "php-includes/show_menu_top.php?opt="+caso,"true");
    divMenu = "Cargando...";
    ajax.onreadystatechange = function() {
        if (ajax.readyState == 4) {
            divMenu.innerHTML = ajax.responseText;
        }
    }
    ajax.send(null);
} 
   

Este es el archivo php:

Código PHP:

  if (isset($_GET["opt"])) {
    $opt = $_GET["opt"];
    
    switch ($opt) {
        case "m":
            echo "<span id='menu_top_style'>Afp | Cargas | Cargos Personal | Personla | Naves | Puertos | Tasas</span>";
            break;
        case "i":
            echo "<span id='menu_top_style'>Planilla | Orden de Trabajo (OT)</span>";
            break;
        case "c":
            echo "<span id='menu_top_style'>Personal | Hist&oacute;rico | Planillas | Orden de Trabajo (OT)</span>";
            break;
        case "r":
            echo "<span id='menu_top_style'>Consistencia | Boletas Personal | Neto por Buques | Pagos de Impuestos | Dias Trabajados | Costo x Tonelaje</span>";
            break;
    }
} 
   

Si las cosas estuvieran bien, ¿porque no sale el segundo menu?

[juandedios]

Nuevamente saludos, con la novedad que ya resolvi mi problema, no era gran cosa: aqui lo explico, quizas cuando vean lo que expuse se rian pues ya abran encontrado la falla, pero igual lo pongo aquí:

En el primer bloque cambié esto:

Código PHP:

  <a href="#" onclick="show_menu('m');"> 
   

Por esto:

Código PHP:

  <a href="javascript:show_menu('m')"> 
   

Y en el archivo .js agregue algo que me olvide aquí:

Código PHP:

  divMenu = "Cargando..."; 
   

Lo que ahora esta es esto:

Código PHP:

  divMenu.innerHTML = "Cargando..."; 
   

Espero que esto les sirva a los que recien están empezando como yo, ¡Esto es fascinante!