He estado trabajando en un script para cambiar una imagen a un enlace cuando se pasa el ratón por encima.
Sin embargo, no se puede hacer clic en el enlace. El cursor cambia a un puntero y puedo ver el enlace en la parte inferior izquierda de mi navegador, pero no ocurre nada cuando hago clic en él.
Parece que funciona en Firefox, pero no en ningún otro navegador. Sin embargo, sí funciona el botón derecho del ratón -> Abrir en nueva pestaña.
Este es mi código:
<script type="text/javascript"><!--
var guesta='<a href="<?php $menu = JSite::getMenu();$alias = $menu->getItem(115)->alias;echo $alias; ?>"><?php $menu = JSite::getMenu();$title = $menu->getItem(115)->title;echo $title; ?></a>';
function guest1(){
document.getElementById('guest1').innerHTML=guesta;
document.getElementById('guest1').style.background ='#01afae';
}
function guest1empty(){
document.getElementById('guest1').innerHTML='<img src="image.png" />';
document.getElementById('guest1').style.background ='#fdfdfd';
}
//-->
</script>
<style type="text/css">
.guest {
width:70px;
height:100px;
background-color: #fdfdfd;
color: #fdfdfd;
text-align: center;
}
.guest a:link, .guest a:visited {
color: #fdfdfd;
text-decoration: none;
line-height: 15px;
}
</style>
</head>
<body>
<div id="guest1" class="guest" onMouseOver="guest1()" onMouseOut="guest1empty()"><img src="image.png" /></div>El código PHP dentro del enlace es para recuperar un alias de elemento de menú y el título de Joomla.
¡Muchas, muchas gracias por cualquier ayuda!
Saludos cordiales,
Jerome
