tengo un icono para hacer favoritos que pasa de gris a amarillo cuando o bien se pincha en él o bien se sitúa el cursor sobre él:
Código PHP:
echo "<span id=favoritedebate$iddebatesource>";
if ($favoritedebate==1) // si ya es favorito
{
echo "<a href=\"javascript:unfavoritedebate('$idprofilelogged','$iddebatesource')\"><img src='favorite_color.jpg' title='$label_favorite' style='border:0px;' onmouseover=\"this.src = 'favorite_grey.jpg'\" onmouseout=\"this.src = 'favorite_color.jpg'\" alt='$label_favorite'></a>";
}
else
{
echo "<a href=\"javascript:favoritedebate('$idprofilelogged','$iddebatesource')\"><img src='favorite_grey.jpg' title='$label_favorite' style='border:0px;' onmouseover=\"this.src = 'favorite_color.jpg'\" onmouseout=\"this.src = 'favorite_grey.jpg'\"></a>";
}
echo "</span>";
vale por medio de AJAX hago:
favorito:
Código Javascript:
Ver original
document.getElementById("favoritedebate"+iddebate).innerHTML = "<a href=\"javascript:unfavoritedebate('"+idprofilelogged+"','"+iddebate+"')\"><img src='favorite_color.jpg' style='border:0px;' onmouseover=\"this.src = 'favorite_grey.jpg'\" onmouseout=\"this.src = 'favorite_color.jpg'\"></a>";
quitarfavorito:
Código Javascript:
Ver original
document.getElementById("favoritedebate"+iddebate).innerHTML = "<a href=\"javascript:favoritedebate('"+idprofilelogged+"','"+iddebate+"')\"><img src='favorite_grey.jpg' style='border:0px;' onmouseover=\"this.src = 'favorite_color.jpg'\" onmouseout=\"this.src = 'favorite_grey.jpg'\"></a>";
el único problema que tengo es el siguiente:
-segundo 0: está en gris
-segundo 1: pongo el cursor y se pasa a amarillo
-segundo 2: clico y se pone amarillo pero por una milésima de segundo porque...
-segundo 2+milésima de segundo: al estar presente el evento onmouseover y claro el cursor está sobre el icono, pues vuelve a ponerse en gris cuando debería permanecer en amarillo.
este es el problema, espero haberme explicado...