y la pregunta del millón, si sabes hacerlo así ¿por que no hacerlo de esa manera? IsaBelM muy buen post, de hecho me parece que
http://www.librosweb.es/ajax/index.html es un muy buen manual de AJAX, de todas maneras, como me gusta echar código
aquí coloco la solución usando AJAX:
Código HTML:
<html>
<head>
<script>
function getXMLHttpRequest() {
var xmlHttp;
try {
xmlHttp = new XMLHttpRequest();
} catch(e1) {
try {
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
} catch(e2) {
try {
xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
} catch(e3) {
xmlHttp = null;
}
}
}
return xmlHttp;
}
function requestAJAX(id) {
if(document.getElementById("su_"+id).innerHTML != "") {
document.getElementById("su_"+id).innerHTML = "";
return;
}
var xmlHttp = getXMLHttpRequest();
xmlHttp.onreadystatechange = function() {
if (xmlHttp.readyState == 4) {
var r = xmlHttp.responseText;
document.getElementById("su_"+id).innerHTML = r;
}
};
xmlHttp.open("POST", "prueba.php", true);
xmlHttp.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
xmlHttp.send("emp="+id);
}
</script>
</head>
<body>
<ul>
<li><a href="javascript:requestAJAX('empresa1')">Mostar sucursales empresa1</a>
<ul id="su_empresa1"></ul>
</li>
<li><a href="javascript:requestAJAX('empresa2')">Mostar sucursales empresa2</a>
<ul id="su_empresa2"></ul></li>
<li><a href="javascript:requestAJAX('empresa3')" id="empresa3">Mostar sucursales empresa3</a>
<ul id="su_empresa3"></ul>
</ul></li>
<ul>
</body>
</html> Aunque hacerlo de esta manera me parece poco practico. SALUDOS.