Resultados 1 al 3 de 3

Tema: Problemas para cambiar de estilo mediante JavaScript

  1. #1 Problemas para cambiar de estilo mediante JavaScript 
    Medio
    Fecha de ingreso
    Apr 2007
    Mensajes
    133
    Descargas
    6
    Uploads
    0
    Buenas gente hoy vengo con un problemita nuevo. Estoy intentando hacer un menú, que cuando cliques sobre él cambie el color de fondo, de texto y que mantenga ese estado hasta que no se clique otro punto de menú.

    Os cuento como procedo:
    Código html de inclusión del archivo .js que me va a cambiar los colores.
    Código:
    <script type="text/javascript" src="../css/funciones.js" ></script>
    Código html del menú, :
    Código:
    <div id="ddtopmenubar" class="mattblackmenu">
       <ul id="bloque">
    	<li><a href="../inicio/inicio.asp" onClick="cambiarColores()">Inicio</a></li>
    	<li><a href="../empresa/empresa.asp">Empresa</a></li>
    	<li><a href="../localizacion/localiza.asp">Localizaci&oacute;n</a></li>
    	<li><a href="../productos/productos.asp">Productos</a></li>
    	<li><a href="../disamed/disamed.asp">Dise&ntilde;o a medida</a></li>
    	<li><a href="../calidad/calidad.asp">Calidad</a></li>
    	<li><a href="../contacto/contacto.asp">Contacto</a></li>
       </ul>
    </div>
    Código del .js
    Código:
    function cambiarColores(){
      var lista=document.getElementById('bloque');
      alert("hola estoy encima");
      alert('La cantidad de hijos del nodo div es: ' + lista.childNodes.length);
      //cambiando colores
      lista.childNodes[0].style.color='#ff0000';
      lista.childNodes[1].style.color='#00ff00';
      lista.childNodes[2].style.color='#0000ff';
      
    }
    En las pruebas iniciales, estoy tratando de ver si recojo, todos los subnodos de un elemento.

    Para ello he intentado hacer referencia al id "ddtopmenubar" de la capa en la función y me devuelve 3 nodos y digo yo esto no va bien...(probado en mozilla)

    Intento la operación en IE y me devuelve 1 nodo aún peor pienso yo..

    Intento refenciarme sobre el UL, le asigno un id para probarlo y resulta que en mozilla me paren 15 nodos... y curiosamente en IE me aparecen los siete puntos del menú pero no me cambia el estilo.

    Qué se me está escapando??
    Si necesitáis algo más del código comentármelo.

    Un saludo.

    P.D.: Socorro Kaos!!
    Citar  
     

  2. #2  
    Moderador HH
    Fecha de ingreso
    Dec 2001
    Ubicación
    España
    Mensajes
    834
    Descargas
    2
    Uploads
    0
    Jajaja, buenas Danilo, mira para hacer estas pruebas yo siempre uso Firebug (el plugin de Mozilla, que es mi angel de la guarda). De todos modos, yo hace tiempo que no trabajo con los Childnodes, pásame si puedes una URL donde pueda toquetear a ver si encuentro el fallo,¿vale?

    Venga fiera un abrazo!
    Normas Del Foro | En la comunidad ayudamos a resolver problemas, solo pedimos paciencia y cabeza.
    Más información sobre mi: Raúl Jiménez
    Citar  
     

  3. #3  
    Medio
    Fecha de ingreso
    Apr 2007
    Mensajes
    133
    Descargas
    6
    Uploads
    0
    Buenas Kaos,
    Todabía no está colagada la página. Hasta que no solucione todos los temas no me dejan subirla .

    Pero si quieres te puedo pasar los fuentes para que les eches un vistazo si quieres.

    Me imagino que tendremos que hacerlo por privado, ya que por temas de e-mails no puedo/debo publicarlo por este canal, o como te lo paso??

    Un saludo.
    Citar  
     

Temas similares

  1. ayuda en Javascript para youtube
    Por proteo1 en el foro PROGRAMACION WEB
    Respuestas: 0
    Último mensaje: 01-12-2009, 07:25
  2. Herramienta para crear hojas de estilo css online
    Por LUK en el foro PROGRAMACION WEB
    Respuestas: 1
    Último mensaje: 01-03-2008, 17:04
  3. Problemas con red mediante router
    Por nakoplass en el foro REDES Y TECNOLOGIAS WIRELESS
    Respuestas: 6
    Último mensaje: 02-10-2006, 14:27
  4. Ayuda con JavaScript para dreamweaver
    Por Deskicio en el foro PROGRAMACION WEB
    Respuestas: 6
    Último mensaje: 14-04-2004, 00:17
  5. Problemas con JavaScript
    Por Dragonety en el foro GENERAL
    Respuestas: 1
    Último mensaje: 25-07-2003, 18:34

Marcadores

Marcadores

Permisos de publicación

  • No puedes crear nuevos temas
  • No puedes responder temas
  • No puedes subir archivos adjuntos
  • No puedes editar tus mensajes
  •