Salve utilizzo un sistema tooltip fatto in jquery configurato con questo javascript:
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#menuInternoSuperiore a").hover(function() {
$(this).next("em").animate({opacity: "show", top: "-40"}, "slow");
}, function() {
$(this).next("em").animate({opacity: "hide", top: "-40"}, "fast");
});
});
</script>
dopo nella stessa pagina utilizzo Scrolling link con i framework.
questo http://javascript.html.it/articoli/l...i-framework/1/ per intenderci.
Entrambi utilizzano jquery e vanno in conflitto tra di loro.
quest'ultimo è configurato in questo modo:
<script type="text/javascript" src="js/protoculous-effects-shrinkvar.js"></script>
<script type="text/javascript">
document.observe ('dom:loaded', function() {
//Event.observe(div.contenitoreProdottoGrande, 'load', function() {
$$('a[href^=#]:not([href=#])').each(function(element) {
element.observe('click', function(event) {
new Effect.ScrollTo(this.hash.substr(1));
Event.stop(event);
}.bindAsEventListener(element))
})
})
</script>
non sono un esperto ma mi sembra di capire che entrambi cambino i link ad ancora # e li trasformano. Nel javascript sopra esposto mi sembra di vedere che
document.observe ('dom:loaded', function() {
indichi che lo scroll debba funzionare per tutta la pagina, mentre nel rigo in basso
//Event.observe(div.contenitoreProdottoGrande, 'load', function() { commentato
potrebbe fare in modo di sostituire gli href solo in div della pagina specifici senza andare in conflitto con il div dove è contenuto il tooltip, FORSE!!
Come posso fare a far coesistere i due sistemini scroll e tooltip.
Grazie
Fabio