28/12/2004, 10:57
| ||||
| ||||
| disjoint rollover de imagen y texto Hola, pues eso... Tengo una imagen en un lado y un texto en otro... ambos tienen el mismo link. Lo que quiero es que al pasarle encima a la imagen, el link me muestre el estilo a:hover ¿Alguna idea? Lo pongo en Javascript porque me imagino que con eso se hace (parecido al disjoint rollover de imágenes que genera Fireworks o Dreamweaver). Saludos, y gracias.
__________________ Think. Nuevas formas de comunicación |
|
28/12/2004, 14:31
| ||||
| ||||
| Hola Escoffie: Supongo que te podrá servir la utilización del evento onmouseover de la imagen para cambiar las propiedades del otro texto...  <a name="enlace">este sería el enlace</a> ... y la imagen... <img src="imagen.gif" onmouseover="document.links.enlace.style.color = 'purple'" onmouseout="document.links.enlace.style.color = 'black'" /> Saludos 
__________________ Por favor: No hagan preguntas de temas de foros en mensajes privados... no las respondo |
|
28/12/2004, 15:16
| ||||
| ||||
| Hola Caricatos, gracias por responder  Hice esto y no funciona: Código HTML: <p><a href="#" name="enlace">Enlace</a></p> <p><a href="#"><img src="img/btn_amortiguantes.jpg" width="69" height="69" border="0" onMouseOver="document.links.enlace.style.color = 'purple'" onMouseOut="document.links.enlace.style.color = 'black'" /></a> </p> Se me hace que hay algún problema con las rutas, pero igual e hice algo mal. Por cierto, a la hora de que aplique esto, será con estilos que tengo definidos para la etiqueta a y a:hover, y que además estarán como h3, jeje qué complejo. Si es más de CSS que de JS, avísame y me voy para allá. Gracias por la ayuda
__________________ Think. Nuevas formas de comunicación |
|
28/12/2004, 18:46
| ||||
| ||||
| Hola otra vez: Parece que la colección de enlaces no responde bien... Prueba con lo estandar DOM:
Código:
Saludos <html><body>
<p><a href="#" id="enlace" name="enlace">Enlace</a></p>
<p><a href="#"><img src="img/btn_amortiguantes.jpg" width="69" height="69" border="0" onmouseover="document.getElementById('enlace').style.color = 'purple'" onmouseout="document.getElementById('enlace').style.color = 'black'" /></a> </p>
</body>
</html>
__________________ Por favor: No hagan preguntas de temas de foros en mensajes privados... no las respondo |
|
29/12/2004, 11:00
| ||||
| ||||
| Gracias Caricatos! Funcionó muy bien. Una última molestia... cómo podría hacer esto que pongo en pseudocódigo??? onmouseover="document.getElementById('enlace').sty le.class = '.unaClase' Es decir, cómo puedo usar una clase específica en vez de usar style.color ??? Gracias
__________________ Think. Nuevas formas de comunicación |
|
29/12/2004, 11:05
| ||||
| ||||
| Hola Escoffie Esto mismo lo pregunté yo hace mucho tiempo en una galaxia muy, muy lejana... Bueno, el caso es que me lo contestó el mismísimo caricatos (¡Hola!  )onmouseover="document.getElementById('enlace').cla ssName = 'unaClase' Saludos, |
|
29/12/2004, 11:10
| ||||
| ||||
| Gracias JavierB!!! Eso sí que es velocidad!!! Excelente :)
__________________ Think. Nuevas formas de comunicación |
