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ó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?