Foro de elhacker.net

Programación => Desarrollo Web => Mensaje iniciado por: Pirat3net en 23 Mayo 2013, 19:04 pm



Título: menu javascript
Publicado por: Pirat3net en 23 Mayo 2013, 19:04 pm
gracias por la ayuda prestada, pero tengo un pequeño problema, estoy intentando aprender algo de javascript, y decidi empezar implementando un codigo que encontre para jughar un poco con el y añadir y quitar cosas

es un menu que esta aqui

http://www.ajaxshake.com/plugin/ES/1025/cb81c289/menu-jquery-css3-animado-lavalamp-menu.html

el menu implementado solo el css y el html, pues como es logico hace lo que javascript le manda a hacer, pero funciona perfecto,
una vez le implemento el codigo javascript, todo muy bonito, el diseñito hace todo lo que tiene que hacer, pero no redirecciona xD,
estuve tratando de encontrar el porque, pero todo parece estar bien, pense que quizas la capa floatr estubiese impidiendo el clickeo, pero no, desactive esa capa y el click sigue sin hacer efecto xD xD, eso si, en la esquina infewrior izquierda si me aparece la ruta a la que apunta el enlace, como si lo pudiese ver, pero no hace click , no se que le pasa


Título: Re: menu javascript
Publicado por: #!drvy en 23 Mayo 2013, 20:07 pm
En el JS se indica que al recibir un click que retorne false. El navegador lo interpreta y por tanto no abre el enlace.

Código
  1. }).click(function(){
  2.   $(this).siblings('li').removeClass('active');
  3.   $(this).addClass('active');
  4.   return false;
  5. });

Quita esa linea y debería de funcionar bien. Pero ese menu a mi parecer esta hecho mas para ajax que para links normales.

Saludos


Título: Re: menu javascript
Publicado por: Pirat3net en 24 Mayo 2013, 11:03 am
nuevo problema este codigo, teniaas razon con lo anterior gracias por la respuesta, ahora el problema es que al hacer click y realizar el cambio de pagina,parece como si la funcion que hace el cambio de la etiqueta active, para saver que enlace esta activo, no funcionase, aunque si funciona , porque cuando tenia el return false si que me hacia el cambio, alguna sugerencia? gracias


Título: Re: menu javascript
Publicado por: #!drvy en 24 Mayo 2013, 17:04 pm
Por eso te he dicho lo de ajax. El menú no detecta en que archivo estas... simplemente al hacer click sobre el "item"  le pone una clase (.active) para que destaque... Ese menú no esta hecho para que se recargue la pagina.. si no pierde la mitad de su funcionalidad.

Saludos


Título: Re: menu javascript
Publicado por: Pirat3net en 25 Mayo 2013, 13:57 pm
vale, invente una manera para poder resaltar la pagina que esta activa, la comento a ver si lo veis viable
lo que are girara entorno a una variable de sesion que adquirira un valor en cada pagina del menu,
es decir en la pagina home $_SESSION['menu']=home,
en noticias $_SESSION['menu]=noticias
...
y mi menu lo are a base de conducionales
php
echo div id=menu
             ul
             li
if $_session=...{
codigo para modificar css
}else{
echo enlace normal
}
/li
li
....
/li

que os parece la idea?
ventajas? inconvenientes?
acaso al modificar el css se me modificara para todos los elementos del menu y no solo para la sentencia en el que lo escriba?

mi menu en css es de la manera

#menu
#menu ul
#menu ul li
#menu ul li a

para acceder a menu ul li a con javascript creo que es

 $('#menu ul li a').css({
        propiedades css
    });
o
 $('#menu.ul.li.a').css({
      propiedades css
    });

podria escribir esa sentencia tal cual en mi menu php??
porque no se si debere encerarr el codigo js en etiquetas <script></script>
decir que mi menu esta el solito en un archivo menu.php y que lo llevo a la web mediante un include('menu.php)

gracias por todo