Solo lectura

Google Chrome - Foro de ayuda

Esta página web es un archivo de los hilos antiguos de los foros de Google. Más información

onmouseover no me responde en chrome.

Neo Anderson
6/04/14 13:56
1) Escribe versión de Google Chrome (chrome://version/): Versión 33.0.1750.154 m 
2) ¿Se reproduce el problema en una ventana de incógnito? Control+Mayúsculas+N 
Sí.
3) Adjunta una captura de la pantalla de tu problema/error/incidencia:   

4) Describe detalladamente el problema:

Hola.Mucho gusto.
Mi nombre es Ariel.
Hice la página de internet que aparece en la foto adjunta porque me estoy queriendo dedicar a la maquetación web.
Resulta que la página,tiene una serie de enlaces que cuando el puntero se apoya,se muestra el menú asociado.Y cuando se saca el puntero de un enlace ,se oculta su menú asociado.
La página se ejecuta perfectamente en firefox 27.
Pero en chrome,no se muestran los eventos javascript.
Claro que el código css sí funciona.Pero javascript,no.
No entiendo por qué,y he tratado de buscar soporte,tal como lo hay en firefox,pero no he encontrado nada.
Sepan perdonar si hay una página de soporte y yo no la encontré.
Les agradezco la ayuda que me puedan dar.Me va a ser muy útil.
Les agradezco.

Pd:Por si es necesario,les muestro acá a bajo el código de mi página y el de javascript incluído en un archivo externo.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html name = "inicio" >
        <head>
                <title>Ventas Reino.</title>
                <link rel="stylesheet" type="text/css" href="estilos_web.css" />
                <script type="text/javascript" src="funciones_web.js">
                </script>
        </head>
        <body>
                <br>
                <div id="pagina">
                        <div id="cabecera" >
                                <a href="#" onmouseover="desplegar('menu_capilares');" onmouseout="enrollar('menu_capilares');">Capilares</a>
                                <a href="#" onmouseover="desplegar('cuidado_facial');" onmouseout="enrollar('cuidado_facial');">Cuidado facial</a>
                                <a href="#" onmouseover="desplegar('cuidado_corporal');" onmouseout="enrollar('cuidado_corporal');">Cuidado corporal</a>
                                <a href="#" >Chicos</a>
                                <a href="#" onmouseover="desplegar('Belleza_interior');" onmouseout="enrollar('Belleza_interior');" >Belleza interior</a>
                                <a href="#" onmouseover="desplegar('fragancias');" onmouseout="enrollar('fragancias');" >Fragancias</a>
                                <a href="#" >Aromas</a>
                                <a href="#" onmouseover="desplegar('reino_beauty');" onmouseout="enrollar('reino_beauty');" >Reino beauty</a>
                        
                                <div id="menu_capilares" onmouseover="desplegar('menu_capilares');" onmouseout="enrollar('menu_capilares');">
                                        <a href="Capilares/Almendras/bano_de_crema_con_jojoba_y_almendras_DA101.html" > L&iacute;nea almendras</a>
                                        <a href="Capilares/Bamboo/shampoo_bamboo_ultrahidratante_CI102.html" > L&iacute;nea bamboo</a>
                                        <a href="Capilares/Hair_solutions/shampoo_de_aminoacidos_HS103.html" > L&iacute;nea hair solutions</a>
                                        <a href="Capilares/Henna/shampoo_henna_OC106.html" > L&iacute;nea henna</a>
                                        <a href="Capilares/Lino/shampoo_con_extracto_de_semillas_de_lino_LN100.html" > L&iacute;nea lino</a>
                                        <a href="Capilares/Ortiga/locion_tonica_anticaida_del_cabello_OC102.html" > L&iacute;nea ortiga</a>
                                </div>
                                <div id="cuidado_facial" onmouseover="desplegar('cuidado_facial')" onmouseout="enrollar('cuidado_facial');">
                                        <a href="Lifting_hidratante.html" >Lifting hidratante</a>
                                        <a href="Antioxidante.html" >Antioxidante</a>
                                        <a href="Phytoactiva.html" >Phytoactiva</a>
                                        <a href="Rejuvalene.html" >Rejuvalene</a>
                                        <a href="Nectar.html" >Nectar</a>
                                        <a href="Collagenesse.html" >Collagenesse</a>
                                        <a href="Tratamiento.html" >Tratamiento</a><br>
                                        <a href="Dyamante_cell.html" >Dyamante cell</a>
                                        <a href="Abyssine.html" >Abyssine</a>
                                        <a href="Hidracalme.html" >Hidracalme</a>
                                        <a href="Time_release.html" >Time release</a>
                                        <a href="H20_termal.html" >H20 termal</a>
                                        <a href="Acai.html" >Açai</a>
                                        <a href="Spa.html" >Spa</a>
                                </div>
                                <div id="cuidado_corporal" onmouseover="desplegar('cuidado_corporal');" onmouseout="enrollar('cuidado_corporal');" >
                                        <a href="Citrus.html" >Citrus</a>
                                        <a href="Golden_sun.html" >Golden sun</a>
                                        <a href="Mantecas_corporales.html" >Mantecas corporales</a>
                                        <a href="Seda.html" >Seda</a>
                                        <a href="Top_modeling.html" >Top modeling</a>
                                        <a href="Triple_accion.html" >Triple acci&oacute;n</a>
                                        <a href="Camila.html" >Camila</a>
                                        <a href="Propoleos_b.html" >Prop&oacute;leos b</a><br>
                                        <a href="Blueberry.html" >Blueberry</a>
                                        <a href="Eucalyptus.html" >Eucalyptus</a>
                                        <a href="Beauty_feet.html" >Beauty feet</a>
                                </div>
                                <div id="reino_beauty" onmouseover="desplegar('reino_beauty');" onmouseout="enrollar('reino_beauty');">
                                        <a href="Ojos.html" >Ojos</a>
                                        <a href="Labios.html" >Labios</a>
                                        <a href="Rostro.html" >Rostro</a>
                                        <a href="Manos.html" >Manos</a>
                                </div>
                                <div id="fragancias" onmouseover="desplegar('fragancias');" onmouseout="enrollar('fragancias');">
                                        <a href="Femeninas.html" >Femeninas</a>
                                        <a href="Masculinas.html" >Masculinas</a>
                                </div>
                                <div id="Belleza_interior" onmouseover="desplegar('Belleza_interior');" onmouseout="enrollar('Belleza_interior');" >
                                        <a href="Eco_reino.html" >Eco reino</a>
                                        <a href="Infusiones.html" >Infusiones</a>
                                        <a href="Propoleos_plus.html" >Prop&oacute;leos plus</a>
                                        <a href="Suplementos.html" >Suplementos</a>
                                </div>
                        </div>
                        <div id="productos" >
                                <div id="imagenes" >
                                        <a href="../../index.html" ><img src="Capilares/Almendras/da101.jpg" alt="Ba&nacute;o de crema con jojoba y almendras."></a>
                                        <a href="Capilares/Almendras/acondicionador_de_almendras_DA103.html" ><img src="Capilares/Almendras/da103.jpg" alt="Acondicionador de almendras."></a>
                                </div>
                                <div id="contenido" >
                                        <p>Capilares > ALMENDRAS</p>
                                        <p>BA&Ntilde;O DE CREMA CON JOJOBA Y ALMENDRAS</p>
                                        <p>Su f&oacute;rmula enriquecida con aceite de almendras dulces y aceite de jojoba penetra en la fibra capilar, humect&aacute;ndola. As&iacute;, nutre, repara e hidrata profundamente el cabello, especialmente en las zonas castigadas. Devuelve el nivel de hidrataci&oacute;n ideal, dejando el cabello suave, brillante y protegido. Apto para todo tipo de cabellos da&ntilde;ados por agresiones ambientales o qu&iacute;micas.</p>
                                        <p>COD: DA101 | 200g</p>
                                        <p>$ 69.9</p>
                                        <a href="#" id="comprar" onclick="cargar_chango('Ba&ntilde;o de crema con jojoba y almendras.');" >Comprar</a>
                                </div>
                        </div>
                </div>
        </body>
</html>



Código javascript del archivo "funciones_web.js":
function desplegar(seccion) {
        if (seccion=="Belleza_interior")
                document.getElementById(seccion).style="position:absolute; display:block ; top:40px; left:35%;" ;
        else if (seccion=="reino_beauty")
                document.getElementById(seccion).style="position:absolute; display:block ; top:40px; left:70%;" ;
        else if (seccion=="fragancias")
                document.getElementById(seccion).style="position:absolute; display:block ; top:40px; left:60%;" ;
                                        
        else document.getElementById(seccion).style="position:absolute; display:block ; top:40px;" ;
}

function enrollar(seccion) {
        document.getElementById(seccion).style="display:none";
}

Respuestas (4)

Dennis Tobar
6/04/14 16:36
Hola,

Revisé parte del código que hiciste y sí funciona el mouseonover: puedes comprobarlo hacer escribir en tu función desplegar lo siguiente:

console.log('desplegando '+seccion)

Dicho código debe ejecutarse y aparecer en la consola de javascript (Control + Shift + I). En la referencia adjunta, en la primera parte, aparece cómo habilitar el acceso a la consola en diversos navegadores.

Si te aparece el mensaje, el evento onmouseover funciona y la asignación de estilos de javascript es incorrecta.

Espero te sirva.

Saludos!
Neo Anderson
6/04/14 22:40
¡Hola!.
Ante todo ,gracias por responder a mi mensaje.
Hice lo que me indicaste y la consola de error mostraba "Desplegando " tal cual,pero en la página no me aparece el menú en la parte inferior del menú verde principal como yo quisiera.Sigue sin aparecerme.
Me decís que la asignación de estos estilos en javascript es incorrecta,no entiendo a qué te referís.Tal vez te referís que en chrome ese estilo ,de esa manera no funciona.Pero ya busqué en internet soporte de css para chrome y no consigo nada,salvo las preguntas del foro.No encuentro soporte de css específico de chrome,como sucede con firefox en https://developer.mozilla.org/es/.
Quisiera saber también si chrome tiene una pagina de soporte como la mensionada.
De lo contrario,seguiré escribiendo.
Muchas gracias.
Dennis Tobar
7/04/14 4:53
Creo que me expresé mal, existe un problema con los estilos que quieres aplicar, ya que posiblemente el renderizado con CSS sea el incorrecto.

Te sugiero que (re)visites http://sergioglez.webcindario.com/cargarArticulo.php?id=6 ya que allí se indica el cómo deben ser los estilos:

obj.style.display="none"; a obj.style.display="block";

Espero te sirva parte de esta respuesta parcial.

Saludos
Neo Anderson
8/04/14 12:40
Te agradezco la ayuda que me diste.
Te comento que los estilos y el javascript empezaron a funcionar cuando saqué .obj de las instrucciones de javascript y los estilos los coloqué en el archivo de estilos dejando en las instrucciones solo el "block";
Ahí empezó a andar.
Te agradezco.
Y voy a dar este tema por finalizado.