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!