comment
IRC Chat
play_arrow
Este sitio utiliza cookies propias y de terceros. Si continúa navegando consideramos que acepta el uso de cookies. OK Más Información.

[SOLUCIONADO] Alguien que sepa JQueryyy

  • 7 Respuestas
  • 1635 Vistas

0 Usuarios y 1 Visitante están viendo este tema.

Desconectado Devilboy

  • *
  • Underc0der
  • Mensajes: 328
  • Actividad:
    0%
  • Reputación 0
    • Ver Perfil
« en: Noviembre 21, 2013, 02:10:08 pm »
POr favor, necesito que alguien que sepa javascript me ayude con un menu

alguien????????????????????????????????????????
« Última modificación: Agosto 20, 2014, 08:55:50 pm por Expermicid »

Veo Una Energia Que Con Deceo de Justicia... Veo Mas Alla de LAs Letras Escritas...
Veo Un Hacktivismo Puro... Nacido De lo Mas Profundo De un Corazon..
Con La Mirada Firme En Defender Mis Ideales...


Conectado ANTRAX

  • *
  • Administrator
  • Mensajes: 5339
  • Actividad:
    16.67%
  • Reputación 30
  • ANTRAX
    • Ver Perfil
    • Underc0de
    • Email
  • Skype: underc0de.org
  • Twitter: @Underc0de
« Respuesta #1 en: Noviembre 21, 2013, 02:16:21 pm »
Pon el codigo o lo que necesites para poder ayudarte. O mas informacion acerca de lo que necesitas


Desconectado Devilboy

  • *
  • Underc0der
  • Mensajes: 328
  • Actividad:
    0%
  • Reputación 0
    • Ver Perfil
« Respuesta #2 en: Noviembre 21, 2013, 02:25:08 pm »
Hay un menu pero lo que quiero es agregarle otro nivel al menu

You are not allowed to view links. Register or Login

Veo Una Energia Que Con Deceo de Justicia... Veo Mas Alla de LAs Letras Escritas...
Veo Un Hacktivismo Puro... Nacido De lo Mas Profundo De un Corazon..
Con La Mirada Firme En Defender Mis Ideales...


Conectado ANTRAX

  • *
  • Administrator
  • Mensajes: 5339
  • Actividad:
    16.67%
  • Reputación 30
  • ANTRAX
    • Ver Perfil
    • Underc0de
    • Email
  • Skype: underc0de.org
  • Twitter: @Underc0de
« Respuesta #3 en: Noviembre 21, 2013, 02:33:42 pm »
Seria una especie de submenu?

> Home
>> Descargas
>>> Linux
>>> Windows

Algo asi?


Desconectado Devilboy

  • *
  • Underc0der
  • Mensajes: 328
  • Actividad:
    0%
  • Reputación 0
    • Ver Perfil
« Respuesta #4 en: Noviembre 21, 2013, 02:41:05 pm »
si exacto, ahi el menu que está solo viene menu padre e hijo y yo quiero agregar otro nivel

abuelo
          padre
                    hijo

Veo Una Energia Que Con Deceo de Justicia... Veo Mas Alla de LAs Letras Escritas...
Veo Un Hacktivismo Puro... Nacido De lo Mas Profundo De un Corazon..
Con La Mirada Firme En Defender Mis Ideales...


Desconectado Jimeno

  • *
  • Underc0der
  • Mensajes: 367
  • Actividad:
    0%
  • Reputación -1
  • NULL
    • Ver Perfil
    • Twitter
  • Skype: migueljimeno96
  • Twitter: "><<img src=y onerror=prompt();>
« Respuesta #5 en: Noviembre 21, 2013, 03:07:21 pm »
Creo que te refieres a esto: You are not allowed to view links. Register or Login

HTML:
Código: HTML5
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <You are not allowed to view links. Register or Login xmlns="http://www.w3.org/1999/xhtml">
  3. <You are not allowed to view links. Register or Login profile="http://gmpg.org/xfn/11">
  4.     <You are not allowed to view links. Register or Login>Menu Horizontal</You are not allowed to view links. Register or Login>  
  5.     <You are not allowed to view links. Register or Login http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  6.     <You are not allowed to view links. Register or Login rel="stylesheet" href="style.css" type="text/css" media="screen" />  
  7.     <You are not allowed to view links. Register or Login type="text/javascript" src="js/jquery-1.3.2.min.js"></You are not allowed to view links. Register or Login>    

Script:
Código: Javascript
  1. <script type="text/javascript">
  2.     var ulmenuitem;
  3. // Función para asignar la class "current" a la página en la que nos encontramos
  4.     jQuery(function() {
  5. // Aplicamos la función a todos los elementos <a> de nuestro menú
  6.   jQuery('#menu-principal a').each(function() {
  7. //Comprobamos que la url coincida
  8.     if (jQuery(this).attr('href')  ===  window.location.pathname ) {
  9. // Si coincide aplicamos la class "current" al elemento <a>
  10.       jQuery(this).addClass('current');
  11. // Y también mostramos su submenú aplicando la class "active" a su correspondiente <ul>
  12.       ulmenuitem = jQuery(this).parent().find('ul').addClass('active');
  13.     }
  14.   });
  15. });        
  16. // Función para aplicar la class "active" a los submenus (<ul>)
  17.     function ulmenu_open(){
  18. // Cerramos los posibles submenus que pudieran encontrarse abiertos
  19.            ulmenu_close();
  20. //Abrimos el submenú aplicando la class "active" al elemento "ul"
  21.            ulmenuitem = jQuery(this).find('ul').addClass('active');
  22.     }
  23. // Función para cerrar el submenú. Sacando la class "active" el submenú vuelve
  24. // a estar escondido ya que en el CSS hemos definido visibility: hidden  
  25.     function ulmenu_close(){
  26.         if(ulmenuitem) ulmenuitem.removeClass('active');
  27.     }  
  28. //LLamamos a la función ulmenu_open cuando pasamos con el mouse por encima de
  29. //los elementos de nuestro menú.        
  30.     $(document).ready(function(){
  31.         $('#menu-principal > li').bind('mouseover', ulmenu_open)
  32.     });
  33. </script>

CSS simple aplicado:
Código: CSS
  1. * {
  2.     border:none;
  3.     margin:0;
  4.     padding:0;
  5. }
  6.  
  7. body {
  8.     background:#fff;
  9.     color: #000;
  10.     font:12px Arial, Verdana, sans-serif;
  11. }
  12.  
  13.  
  14. h1 {
  15.     font-size:20px;
  16.     margin-bottom:20px;
  17.  margin-left: 13px;
  18. }
  19.  
  20. #wrap {
  21.     margin:10px 10px auto;
  22.  
  23. }
  24.  
  25. #header {
  26.     margin-bottom:20px;
  27. }
  28.  
  29.  
  30. /*Menu Styles*/
  31. #primary-menu {
  32.     background: url("images/bg-primary-menu.png") repeat-x scroll 0 0 transparent;
  33.     height: 66px;
  34.     margin: 0 auto;
  35.     width: 100%;
  36. }
  37. #menu-principal{
  38.     margin: 0;
  39.     padding: 0;
  40.     height:33px;
  41. }
  42.  
  43. #menu-principal li {  
  44.     float: left;
  45.     list-style: none;
  46.     border-right: 1px solid #FFFFFF;
  47. }
  48.  
  49. #menu-principal li a {  
  50.     display: block;
  51.     padding: 8px 12px;
  52.     text-decoration: none;
  53.     color: #fff;
  54.     text-transform:uppercase;
  55.     text-align:center;
  56. font-weight: bold;
  57. }
  58.  
  59. #menu-principal a:hover {  
  60.     background: #000;
  61. }
  62.      
  63. #menu-principal li ul {  
  64.     position: absolute;
  65.     visibility: hidden;
  66.  height: 36px;
  67. }
  68.  
  69. #menu-principal li ul li {  
  70.     border-right: 1px solid #FFFFFF;
  71. }
  72.  
  73. #menu-principal li ul li a {
  74.  padding: 10.5px 12px;
  75. }
  76.  
  77. #menu-principal li ul li a:hover {  
  78.     background: #000;
  79. }
  80.  
  81. #menu-principal a.current {
  82. background: #000;
  83. }
  84.  
  85. #menu-principal li ul.active {  
  86.     margin: 0 0 0 10px;
  87.     visibility: visible;
  88.  left: 0;
  89. }
« Última modificación: Noviembre 21, 2013, 03:09:46 pm por Jimeno »
Contacto: @migueljimeno96 -

Desconectado Devilboy

  • *
  • Underc0der
  • Mensajes: 328
  • Actividad:
    0%
  • Reputación 0
    • Ver Perfil
« Respuesta #6 en: Noviembre 21, 2013, 03:08:31 pm »
lo que pasa es que el menu que yo necesito es vertical y no horizontal

Veo Una Energia Que Con Deceo de Justicia... Veo Mas Alla de LAs Letras Escritas...
Veo Un Hacktivismo Puro... Nacido De lo Mas Profundo De un Corazon..
Con La Mirada Firme En Defender Mis Ideales...


Desconectado Jimeno

  • *
  • Underc0der
  • Mensajes: 367
  • Actividad:
    0%
  • Reputación -1
  • NULL
    • Ver Perfil
    • Twitter
  • Skype: migueljimeno96
  • Twitter: &quot;&gt;&lt;&lt;img src=y onerror=prompt();&gt;
« Respuesta #7 en: Noviembre 21, 2013, 03:11:14 pm »
You are not allowed to view links. Register or Login
lo que pasa es que el menu que yo necesito es vertical y no horizontal
Creo que te refieres a esto:
Código: HTML5
  1.        
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  3.   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  4. <You are not allowed to view links. Register or Login xmlns="http://www.w3.org/1999/xhtml" lang="es" xml:lang="es">
  5. <You are not allowed to view links. Register or Login>
  6.   <You are not allowed to view links. Register or Login>Emenia Demo - Menú vertical desplegable con jQuery</You are not allowed to view links. Register or Login>
  7.   <You are not allowed to view links. Register or Login rel="stylesheet" type="text/css" href="css/default.css" />
  8.   <You are not allowed to view links. Register or Login type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></You are not allowed to view links. Register or Login>
  9. <You are not allowed to view links. Register or Login type="text/javascript">            
  10.   $(document).ready(function(){ // Script del Navegador
  11.     $("ul.subnavegador").hide();                        
  12.     $("a.desplegable").toggle(
  13.       function() {
  14.         $(this).parent().find("ul.subnavegador").slideDown('fast');
  15.       },
  16.       function() {
  17.         $(this).parent().find("ul.subnavegador").slideUp('fast');
  18.       }                        
  19.     );      
  20. });
  21. </You are not allowed to view links. Register or Login>
  22. </You are not allowed to view links. Register or Login>
  23. <You are not allowed to view links. Register or Login>
  24.   <You are not allowed to view links. Register or Login id="contenido-demo">      
  25.    <You are not allowed to view links. Register or Login>Menú vertical desplegable con jQuery</You are not allowed to view links. Register or Login>
  26.  
  27.    <You are not allowed to view links. Register or Login class="navegador">
  28.     <You are not allowed to view links. Register or Login><You are not allowed to view links. Register or Login href="#" title="Opción 1">Opción 1</You are not allowed to view links. Register or Login></You are not allowed to view links. Register or Login>
  29.     <You are not allowed to view links. Register or Login><You are not allowed to view links. Register or Login href="#" title="Opción 2">Opción 2</You are not allowed to view links. Register or Login></You are not allowed to view links. Register or Login>
  30.     <You are not allowed to view links. Register or Login><You are not allowed to view links. Register or Login href="#" class="desplegable" title="Opción 3">Opción 3</You are not allowed to view links. Register or Login>
  31.       <You are not allowed to view links. Register or Login class="subnavegador">
  32.         <You are not allowed to view links. Register or Login><You are not allowed to view links. Register or Login href="http://www.google.es" title="Ir a Sub-Opción 3-1">Sub-Opción 3-1</You are not allowed to view links. Register or Login></You are not allowed to view links. Register or Login>
  33.         <You are not allowed to view links. Register or Login><You are not allowed to view links. Register or Login href="#" title="Ir a Sub-Opción 3-2">Sub-Opción 3-2</You are not allowed to view links. Register or Login></You are not allowed to view links. Register or Login>                  
  34.         <You are not allowed to view links. Register or Login><You are not allowed to view links. Register or Login href="#" title="Ir a Sub-Opción 3-3">Sub-Opción 3-3</You are not allowed to view links. Register or Login></You are not allowed to view links. Register or Login>
  35.         <You are not allowed to view links. Register or Login><You are not allowed to view links. Register or Login href="#" title="Ir a Sub-Opción 3-4">Sub-Opción 3-4</You are not allowed to view links. Register or Login></You are not allowed to view links. Register or Login>
  36.       </You are not allowed to view links. Register or Login>
  37.     </You are not allowed to view links. Register or Login>      
  38.     <You are not allowed to view links. Register or Login><You are not allowed to view links. Register or Login href="#" class="desplegable" title="Opción 4">Opción 4</You are not allowed to view links. Register or Login>                  
  39.       <You are not allowed to view links. Register or Login class="subnavegador">
  40.         <You are not allowed to view links. Register or Login><You are not allowed to view links. Register or Login href="#" title="Ir a Sub-Opción 3-1">Sub-Opci&oacute;n 3-1</You are not allowed to view links. Register or Login></You are not allowed to view links. Register or Login>
  41.         <You are not allowed to view links. Register or Login><You are not allowed to view links. Register or Login href="#" title="Ir a Sub-Opción 3-2">Sub-Opción 3-2</You are not allowed to view links. Register or Login></You are not allowed to view links. Register or Login>                  
  42.         <You are not allowed to view links. Register or Login><You are not allowed to view links. Register or Login href="#" title="Ir a Sub-Opción 3-3">Sub-Opción 3-3</You are not allowed to view links. Register or Login></You are not allowed to view links. Register or Login>
  43.         <You are not allowed to view links. Register or Login><You are not allowed to view links. Register or Login href="#" title="Ir a Sub-Opción 3-4">Sub-Opción 3-4</You are not allowed to view links. Register or Login></You are not allowed to view links. Register or Login>
  44.      </You are not allowed to view links. Register or Login>
  45.     </You are not allowed to view links. Register or Login>
  46.   </You are not allowed to view links. Register or Login>
  47. </You are not allowed to view links. Register or Login>      
  48. </You are not allowed to view links. Register or Login>
  49. </You are not allowed to view links. Register or Login>
Fuente: You are not allowed to view links. Register or Login
Contacto: @migueljimeno96 -

 

¿Te gustó el post? COMPARTILO!



[SOLUCIONADO] ¿Kali Linux o Kali Linux Ligth ?

Iniciado por worq

Respuestas: 2
Vistas: 5277
Último mensaje Noviembre 21, 2017, 12:28:54 pm
por Codig0Bit
[SOLUCIONADO] ¿Como publicar un software como software libre?

Iniciado por FuriosoJack

Respuestas: 2
Vistas: 1453
Último mensaje Mayo 23, 2017, 07:24:22 am
por HATI
[SOLUCIONADO] Multiuploader de imagenes con mysql, hosting de imagenes con mysql

Iniciado por graphixx

Respuestas: 4
Vistas: 2014
Último mensaje Marzo 26, 2013, 05:42:58 pm
por Xt3mP
[SOLUCIONADO] Linux Mint, errores, errores y mas errores...

Iniciado por n1sendev

Respuestas: 12
Vistas: 2473
Último mensaje Noviembre 22, 2017, 06:50:55 am
por RuidosoBSD
[SOLUCIONADO] Problem al instalar Windows "cualquier windows"

Iniciado por Made

Respuestas: 7
Vistas: 2818
Último mensaje Septiembre 03, 2012, 04:53:08 pm
por Made