Buenas tardes de nuevo yo xD buenas la cuestion en primera es dejar seleccionado el elemento del menu de acuerdo a la seccion en dodne este pero al cargar contenido ajax
miren tengo el menu
Código PHP:
<ul id="menu">
<li><a href="javascript:Enviar('contenido_index.php','carga_contenido')" id="index_h">Inicio</a></li>
<li><a href="javascript:Enviar('servicios.php','carga_contenido')" id="servicios_h">Servicios</a></li>
<li><a href="javascript:Enviar('video.php','carga_contenido')" id="herramientas_h">Herramientas</a></li>
<li><a href="javascript:Enviar('cobertura.php','carga_contenido')" id="cobertura_h">Cobertura</a></li>
<li><a href="javascript:Enviar('atencion.php','carga_contenido')" id="atencion_h">Atención al Cliente</a></li>
</ul>
luego tengo la funcion que segun hace esto lo tengo de dos formas posibles una la tenia mas sencilla que me funcionaba antes de hacer la carga de ajax
FORMA 1 Código PHP:
function Enviar(_pagina,capa) {
var ajax;
ajax = ajaxFunction();
ajax.open("POST", _pagina, true);
ajax.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
ajax.onreadystatechange = function() {
if (ajax.readyState==1){
document.getElementById(capa).innerHTML = loaderGif;
}
if (ajax.readyState == 4) {
function active_menu_option(num){
$("#menu a").eq( num - 1).addClass('activo_h');
}
document.getElementById(capa).innerHTML=ajax.responseText;
}}
ajax.send(null);
}
Y luego en el contenido de la pagina de ajax esta la funcion
Código PHP:
objetoAjax.responseText;
active_menu_option(1);
bueno esa es una pero tambien tenia de esta forma
FORMA 2 Código PHP:
function Enviar(_pagina,capa) {
var ajax;
ajax = ajaxFunction();
ajax.open("POST", _pagina, true);
ajax.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
ajax.onreadystatechange = function() {
if (ajax.readyState==1){
document.getElementById(capa).innerHTML = loaderGif;
}
if (ajax.readyState == 4) {
document.getElementById(capa).innerHTML=ajax.responseText;
}}
ajax.send(null);
}
y en el contenido cargado esto
Código PHP:
objetoAjax.responseText;
$("#index_h").addClass("activo_h");
el css de las clases es este
Código PHP:
.activo_h{
background:#000;
}
Eso es todo ninguna de las dos formas me funciona, se que el tenma tiene algo que ver con ejecutar javascript o jquery despues de carga ajax pero no me ha servido ninguna de las cosas que he encontrado, de antemano gracias :D