ciao, mi rivolgo dinuovo a voi con un piccolo problemino...
sto cercando di far si che appaia un suggerimento su determinati link con questo script sono riuscito a fare quello che volevo ottenere... solo che non funziona sempre.... in questa pagina trovate lo script
http://www.nihills.net/od/site/index.php
sotto le notizie se si mette il mouse sulle icone grigie come questa
appare il blocco con relativa animazione... ma se si va sulla stessa icona della colonna a destra non succede nulla
sapreste dirmi come fixare o da cosa è generato questo problema?
riporto gli script
codice:
<style type="text/css">
div.bubble { background: #999; border:1px solid #CCC; width: 100px; height: 49px; position: absolute; top: -70px;left: -50px; text-align: center; z-index: 2; display: none; color:#FFF;
}
</style>
<script type="text/javascript">
$(document).ready(function(){
$("a#bubble").hover(function() {
holder = $(document.createElement("div"));
holder.attr("class", "bubble");
text = $(this).attr("title");
holder.html(text);
$(this).append(holder);
holder.stop(true, true).animate({opacity: "show", top: "-60"}, "slow");
}, function() {
holder.animate({opacity: "hide", top: "-70"}, "fast");
});
});
</script>
l'html che richiama le bubble è: ed ovunque è uguale
codice:
<a class="add-gl" id="bubble" title="Aggiungi alla Gamelist"></a><a class="add-wl" id="bubble" title="Aggiungi alla Wishlist"></a><a class="add-np" id="bubble" title="Imposta come gioco che sto giocando"></a>