Problemas con addClass de jquery

agusjar · #1 (**permalink**) 28/09/2012, 05:13

Buenos días.
Tengo un menú que al pulsarse hace que cambie el contenido del div por otra pagina y que cambie la clase del elemento pulsado, pero no funciona.
Os pongo el código resumido por si alguien puede ayudarme:

Código PHP:

  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<script type="text/javascript" src="js/jquery.min.js"></script> 
<script type="text/javascript" src="js/jquery-1.4.3.min.js"></script> 
<script type="text/javascript" src="js/jquery.geturlparam.min.js"></script> 
<script> 
 $(document).ready(function() {  
  // 
  //Comprobamos si le hemos pasado alguna página por url  
  // 
    var v_pagina = $.getURLParam("pag"); 
    // 
    //Si hemos pasado una página por url la carganos sion cargamos la pagina de inicio por defecto 
    // 
    if (v_pagina==null) 
   $('#divtest').load('inicio.php'); 
    else 
   $('#divtest').load(v_pagina); 
 }); 
// 
//Con esta función cargamos la página que pulsemos en el menú. En el caso de servicios debemos pasar una variable para que cargue una imagen u otra para 
//la página pequeña y grande 
// 
 
function cargar(div, desde) 
{ 
    $("c_ini").removeClass("nada"); 
    $("c_ini").addClass("selected"); 
  $(div).load(desde); 
} 
</script> 
</head> 
<body> 
<div id="fb-root"> 
  <div id="templatemo_header"> 
    <div id="menu"> 
      <div id="templatemo_menu" class="ddsmoothmenu"> 
        <ul> 
          <li><a onclick="cargar('#divtest', 'inicio.php')" id="c_ini" class="nada">Inicio</a></li> 
        </ul> 
      </div> 
        </div> 
    <!-- end of menu --> 
  </div> 
</div>

Debe ser una tontería pero me estoy volviendo loco

YYs86 · #2 (**permalink**) 28/09/2012, 05:28

El posible error que veo es en:

Código Javascript:

Ver original$("c_ini")

Necesitas un selector de clase "." o de id "#" para apuntar hacia un elemento de tu web que hayas definido así.

agusjar · #3 (**permalink**) 28/09/2012, 05:37

Ostras!!!!!!!!!!!!!!!!!!

Como se me ha pasado???

Muchas gracias, ya lo he puesto y funciona perfectamente.

Muchas gracias otra vez

agusjar · #4 (**permalink**) 28/09/2012, 07:24

Bueno siguiendo con los problemas pongo otro:

En el menú tengo puntos de menú que son desplegables y otros que nó. Los que no son desplegables funcionan perfectamente con la siguiente función:

Código Javascript:

Ver originalfunction cargar(div, desde, clase)
{
    $("a").removeClass("selected");
    $(clase).addClass("selected");
  $(div).load(desde);
}

Que se activa cada vez que pulsamos sobre uno de los puntos de menú.

Lo raro es que los que tienen desplegables no funcionan pero si que lo hacen si pongo un alert después del reomveClass:

Código Javascript:

Ver originalfunction cargar(div, desde, clase)
{
    $("a").removeClass("selected");
    alert(clase);
    $(clase).addClass("selected");
  $(div).load(desde);
}

Es como si no le diera tiempo a borrar todas las clases pero con el alert si.

Por cierto el código de los menús es el siguiente:

Código Javascript:

Ver original<div id="menu">
      <div id="templatemo_menu" class="ddsmoothmenu">
        <ul>
          <li><a onclick="cargar('#divtest', 'inicio.php', '#c_ini')" id="c_ini" class="nada">Inicio</a></li>
          <li><a id="c_webs" class="nada">Webs</a>
            <ul>
              <li><a onclick="cargar('#divtest', 'disenyo_web.php', '#c_webs')">Dise&ntilde;os</a></li>
              <li><a onclick="cargar('#divtest', 'precio_web.php', '#c_webs')">Precios</a></li>
            </ul>
          </li>
          <li><a id="c_servicios" class="nada">Servicios</a>
            <ul>
              <li><a onclick="cargar('#divtest', 'excel.php', '#c_servicios')">Excel</a></li>
              <li><a onclick="cargar('#divtest', 'mysql.php', '#c_servicios')">MySql</a></li>
              <li><a onclick="cargar('#divtest', 'envio_emails.php', '#c_servicios')">E-mails</a></li>
            </ul>
          </li>
          <li><a id="c_programas" class="nada">Programas</a>
            <ul>
              <li><a onclick="cargar('#divtest', 'programas.php', '#c_programas')">Gesti&oacute;n</a></li>
              <li><a onclick="cargar('#divtest', 'programas_constructoras.php', '#c_programas')">Constuctoras</a></li>
            </ul>
          </li>
          <li><a onclick="cargar('#divtest', 'clientes.php', '#c_clientes')" id="c_clientes" class="nada">Clientes</a></li>
          <li><a href="contact.php">Contacto</a></li>
        </ul>
        <br style="clear: left" />
      </div>
        </div>

Alguna idea???

Muchas gracias