• Inicio
  • Blog
  • Creandolared
  • Buscar
  • Ingresar
  • Registrarse

    • Hack x Crack - Comunidad de Seguridad informática »
    • Programación »
    • Programación Web »
    • Diseño web »
    • Menu en css
    ¿Quieres aprender de páginas web? Visita la comunidad Creandolared
    • Imprimir
    Páginas: 1 [2] 3   Ir Abajo

    Autor Tema: Menu en css  (Leído 5099 veces)

    Desconectado astrokiller

    • { L2 } Nativo Digital
    • **
    • Mensajes: 110
      • Ver Perfil
    Re:Menu en css
    « Respuesta #10 en: Noviembre 28, 2012, 03:35:49 pm »
    ouch sorry no habia visto eso :P tambien error mio ... ahi sobra un punto... es asi

    arreglo
    • .className="btn_menu";
    En línea

    Desconectado LaFleur

    • { L2 } Nativo Digital
    • **
    • Mensajes: 141
      • Ver Perfil
    Re:Menu en css
    « Respuesta #11 en: Noviembre 28, 2012, 03:55:55 pm »
    igual no me funciona mmmmmmmmmmmmmmmmm
    que puede ser u.u
    En línea
    Etica hack un estilo de vida .-

    Desconectado astrokiller

    • { L2 } Nativo Digital
    • **
    • Mensajes: 110
      • Ver Perfil
    Re:Menu en css
    « Respuesta #12 en: Noviembre 28, 2012, 04:43:32 pm »
    mmmm porque no pones el codigo fuente para poder revisarlo bien y asi ayudarte con una fuente
    En línea

    Desconectado LaFleur

    • { L2 } Nativo Digital
    • **
    • Mensajes: 141
      • Ver Perfil
    Re:Menu en css
    « Respuesta #13 en: Noviembre 28, 2012, 05:05:36 pm »
    Esto es el js llamado men.js
    Código: [Seleccionar]
    function btnSetActive(){
    var arreglo = document.getElementsByClassName("btn_menu");
    for(var x=0 ; x < arreglo.length ; x++){
    arreglo[x].className="btn_menu";
    arreglo[x].addEventListener('click', function(){this.className="btn_menu_activado"},false)

    }
    }
    window.onload = btnSetActive();
    Lo que tengo en mi hoja de estilo
    Código: [Seleccionar]
    .btn_menu  {
        background-color: #000;
    }
    .btn_menu_activado  {
        background-color: #fff;
    }

    Mi Inicio.php

    Código: [Seleccionar]
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

    <link rel=StyleSheet HREF="estilo.css" TYPE="text/css">
    <script type="text/javascript" src="men.js"></script>
    <script type="text/javascript" src="fancy/lib/jquery-1.7.1.min.js"></script> 
            <script type="text/javascript" src="fancy/source/jquery.fancybox.pack.js"></script> 
            <link rel="stylesheet" type="text/css" href="fancy/source/jquery.fancybox.css" /> 
    <script type="text/javascript" src="jquery-1.2.1.pack.js"></script>
    </head>
    <body>
    <div id="menu">
    <ul>
       <li><a class="btn_menu" href="?modulo=centro">Inicio</a></li>
              <li><a class="btn_menu" href="?modulo=users">Registrar usuarios</a></li>
    <li><a class="btn_menu" href="?modulo=Disponible">Disponible</a></li>
            <li><a class="btn_menu" href="">Mantenedor de Datos</a>
    <ul>
    <li><a class="btn_menu" href="?modulo=Agregar_Persona">Ingreso de Persona</span></a></li>
    <li><a class="btn_menu" href="?modulo=Listar_Persona">Buscar Persona</span></a></li>
    <li><a class="btn_menu" href="?modulo=Agregar_Equipo">Ingreso de Equipos</a></li>
    <li><a class="btn_menu" href="?modulo=Listar_Equipo">Buscar Equipos</a></li>
    <li><a class="btn_menu" href="?modulo=Agregar_Notebook">Ingreso de Notebooks</a></li>
    <li><a class="btn_menu" href="?modulo=Listar_Notebook">Buscar Notebooks</a></li>
    <li><a class="btn_menu" href="#">Celulares</a></li>
    <li><a class="btn_menu" href="?modulo=informes">Informes</a></li>
    </ul>
    </li>
    </ul>
    </div>
    </body>
    En línea
    Etica hack un estilo de vida .-

    Desconectado creepernex

    • { L4 } Geek
    • ****
    • Mensajes: 450
    • ...:::exotren:::...
      • Ver Perfil
      • Cridavcor
    Re:Menu en css
    « Respuesta #14 en: Noviembre 28, 2012, 06:44:58 pm »
    En que lenguaje esta echa la pagina?
    En línea
    Citar
    Quiero cambiar el mundo pero no me dan el código fuente.
    El conocimiento es la única riqueza de la que no pueden despojarnos los tirano

    Desconectado LaFleur

    • { L2 } Nativo Digital
    • **
    • Mensajes: 141
      • Ver Perfil
    Re:Menu en css
    « Respuesta #15 en: Noviembre 28, 2012, 07:18:50 pm »
    php
    En línea
    Etica hack un estilo de vida .-

    Desconectado astrokiller

    • { L2 } Nativo Digital
    • **
    • Mensajes: 110
      • Ver Perfil
    Re:Menu en css
    « Respuesta #16 en: Noviembre 28, 2012, 07:56:17 pm »
    Disculpa la demora es que estoy medio complicado en el trabajo XD bueno revise el codigo y me parecio raro q a mi tampoco me haya funcionado siendo que en otro proyecto lo habia utilizado... pero bueno lo rehize y quedo asi

    JS
    Código: [Seleccionar]
    function btnSetActive(valor){
    var arreglo = document.getElementsByTagName("a");
    var x=0;
    while(x < arreglo.length){
    if(arreglo[x].getAttribute("id") == valor){
    arreglo[x].setAttribute("class","btn_menu_activado");
    }else{
    arreglo[x].setAttribute("class","btn_menu");
    }
    x++;
    }
    }

    function btnOnClick(){
    var arreglo = document.getElementsByTagName("a");
    for(var i=0 ; i < arreglo.length ; i++){
    var ide = arreglo[i].getAttribute('id');
    arreglo[i].setAttribute("onclick","btnSetActive("+ide+")");
    }
    }
    window.onload = btnOnClick;

    HTML
    Código: [Seleccionar]
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

    <link rel=StyleSheet HREF="estilo.css" TYPE="text/css">
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.8.1.min.js"></script>
    <script type="text/javascript" src="men.js"></script> 
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.8.1.js"></script>
            <script type="text/javascript" src="fancy/source/jquery.fancybox.pack.js"></script> 
            <link rel="stylesheet" type="text/css" href="fancy/source/jquery.fancybox.css" /> 
    <script type="text/javascript" src="jquery-1.2.1.pack.js"></script>
    </head>
    <body>
    <div id="menu">
    <ul>
       <li><a id="1" class="btn_menu" href="#">Inicio</a></li>
               <li><a id="2" class="btn_menu" href="#">Registrar usuarios</a></li>
       <li><a id="3" class="btn_menu" href="#">Disponible</a></li>
               <li><a id="4" class="btn_menu" href="#">Mantenedor de Datos</a>
          <ul>
          <li><a id="5" class="btn_menu" href="#">Ingreso de Persona</span></a></li>
          <li><a id="6" class="btn_menu" href="#">Buscar Persona</span></a></li>
          <li><a id="7" class="btn_menu" href="#">Ingreso de Equipos</a></li>
          <li><a id="8" class="btn_menu" href="#">Buscar Equipos</a></li>
    <li><a id="9" class="btn_menu" href="#">Ingreso de Notebooks</a></li>
    <li><a id="10" class="btn_menu" href="#">Buscar Notebooks</a></li>
    <li><a id="11" class="btn_menu" href="#">Celulares</a></li>
    <li><a id="12" class="btn_menu" href="#">Informes</a></li>
    </ul>
    </li>
    </ul>
    </div>
    </body>
    </html>

    solo habia un pequeño detalle cuando utilizo los links en vez de # se recarga la pagina a default ahora no tngo muxo tiempo pero en cuanto pueda le exare un vistazo a eso...

    Saludos
    En línea

    Desconectado Prow

    • { L7 } Juanker
    • *******
    • Mensajes: 1223
      • Ver Perfil
    Re:Menu en css
    « Respuesta #17 en: Noviembre 30, 2012, 03:44:40 pm »
    Código: [Seleccionar]
    <script type="javascript">
    function btnSetActive(){
        var arreglo = document.getElementsByClassName("btn_menu");
        for(var x=0 ; x < arreglo.length ; x++){
            arreglo[x]..className="btn_menu"; //¿POR QUÉ DOS PUNTOS?
            arreglo[x].addEventListener('click', function(){this.className="btn_menu_activado"},false)
        }
    }
    window.onload(btnSetActive)
    </script>


    Cambia:
    Código: [Seleccionar]
    arreglo[x]..className="btn_menu";
    Por:
    Código: [Seleccionar]
    arreglo[x].className="btn_menu";

    Creo que haz puesto un punto de más.

    Saludos
    En línea

    Desconectado Alan++

    • { L5 } Smurf
    • *
    • Mensajes: 709
    • [banned]
      • Ver Perfil
    Re:Menu en css
    « Respuesta #18 en: Diciembre 05, 2012, 03:50:52 pm »
    Ja ja ja, estan tratando de responder la pregunta o de crear confusion?  ;D

    Podrias hacerlo facilmente con css, utilizando link, visited y hoover...

    Personalmente a estas alturas lo veo algo feo, hace poquito estuve hablando con Jag al respecto y entre los dos inventamos una solucion muy bonita, basada en jquery y muy estetica

    Si te interesa en el IRC de hxc me doy algunas vueltas a veces, tambien Jag podria ayudarte

    Tu principal problema LaFleur es que usas sintaxis sucia, hay cosas muy graciosas en tu css y ni que decirte del html, deberias usar html5 que siendo mas sencillo es tambien mas util
    En línea

    Desconectado LaFleur

    • { L2 } Nativo Digital
    • **
    • Mensajes: 141
      • Ver Perfil
    Re:Menu en css
    « Respuesta #19 en: Diciembre 05, 2012, 08:38:24 pm »
    Cita de: Alan++ en Diciembre 05, 2012, 03:50:52 pm
    Ja ja ja, estan tratando de responder la pregunta o de crear confusion?  ;D

    Podrias hacerlo facilmente con css, utilizando link, visited y hoover...

    Personalmente a estas alturas lo veo algo feo, hace poquito estuve hablando con Jag al respecto y entre los dos inventamos una solucion muy bonita, basada en jquery y muy estetica

    Si te interesa en el IRC de hxc me doy algunas vueltas a veces, tambien Jag podria ayudarte

    Tu principal problema LaFleur es que usas sintaxis sucia, hay cosas muy graciosas en tu css y ni que decirte del html, deberias usar html5 que siendo mas sencillo es tambien mas util

    mmm Bueno sin duda que esta mal mi css si tienes un ejemplo de lo que inventaste serias tan amable de compartirlo?

    Voy a ver lo de html5

    Saludos!
    En línea
    Etica hack un estilo de vida .-

    • Imprimir
    Páginas: 1 [2] 3   Ir Arriba
    • Hack x Crack - Comunidad de Seguridad informática »
    • Programación »
    • Programación Web »
    • Diseño web »
    • Menu en css
     

    • SMF | SMF © 2013, Simple Machines
    • XHTML
    • RSS
    • WAP2
    Va un mudo y le dice a un sordo: Hack x Crack usa cookies. Pues eso... Learn more