Originariamente inviato da Vindav
no, posta qui il link se puoi, altrimenti posta la parte html interessata e verifica che non ci siano errori nella console js
Ciao Vindav, guardando i risultati live, vedo che nei tag <area... vengono svuotati tutti gli attributi title e alt quando faccio seguire il tooltip al pezzo di codice che preleva l'attributo alt.
quindi sembra che ci sia un conflitto con il plugin tooltip come può essere che mi svuota questi campi?
Senza il tooltip ciò non avviene. mmm
codice:
//Immagine di loading prima del caricamento box ricerca
jQuery(window).load(function() {
jQuery('#loading-image').hide();
jQuery('#mappina').show();//inserito quando l'immagine è in un secondo tab nascosto
jQuery('#mappina').fadeIn(300);
//con IE funzione Importante!!!
//prima deve essere caricato il maplight
$(function(){
$('.map').maphilight({fade: false});
});
//profilo personale
jQuery('#container-2').tabs();
//successivamente il resto
jQuery(function() {
jQuery( "#tabs" ).tabs();
});
//**********Inizio Gestione mappa*********************//
var $bigMap=jQuery('#mondo');
//click su tab
jQuery('div#tabs > ul > li > a').click(function(){
jQuery('.reg').hide(0, function() {
jQuery('div#searchPath > span#regID').replaceWith('<span id="regID" class="regID"></span>');
jQuery('span#provID').replaceWith('<span id="provID" class="provID"></span>');
$bigMap.fadeIn(500);
});
});
//parte che riguarda il mouseover sulle varie mappe per far comparire il nome della regione automaticamente sul search path.
jQuery('#mondo > map > #tooltip > area').live('mouseover', function() {
//alert(jQuery(this).attr('alt')); //se sta cosi non stampa nulla
jQuery(".regID").html(" - "+jQuery(this).attr('alt'));
}).tooltip({showURL: false,positionLeft: true });
/*jQuery('#mondo > map > #tooltip > area').live('mouseover', function() {
jQuery(".regID").html(" - "+jQuery(this).attr('alt'));
//jQuery(this).tooltip({showURL: false,positionLeft: true });
}, function($){ jQuery(this).tooltip({showURL: false,positionLeft: true });
});*/
jQuery('#mondo > map >#tooltip > area').live('mouseout', function() {
jQuery(".regID").html("");
});
jQuery('#continenti > map > #tooltip >area').live('mouseover', function() {
jQuery(".provID").html(" - "+jQuery(this).attr('alt'));
});
jQuery('#continenti > map > #tooltip >area').live('mouseout', function() {
jQuery(".provID").html("");
});
jQuery("#icon_map img").hover(function(){
jQuery(this).stop().animate({opacity: 0, marginTop: -7}, 500);//sale e scomapre
}, function(){jQuery(this).stop().animate({opacity: 1.0, marginTop: 0}, 400);//scende e ricompare
});
});
function mostraRicerca(nazione)
{
$.post("select.php", {nazione:nazione.title}, function(data){var $naz=data;
window.open('ricerca.php?nazione='+$naz+'&rform=Cerca', '_self');
});
}
//*********Esplodi mappa continente*********************
function riempiCampoForm(valore)
{
var $bigMap=jQuery('#mondo');
$bigMap.hide(0, function(){
jQuery('.reg').fadeIn(500);
});
}
Parte Html
codice:
<div id="mondo">
[img]images/mappa_mondo_ritagliato.png[/img]
<map name="world">
<div id="tooltip">
<area shape="poly" title="Antarctica" alt="Antarctica" onClick="mostraRicerca(this);" coords="778,386, 783,386, 783,386, 800,388, 800,400, 667,400, 534,400, 400,400, 267,400, 134,400, 0,400, 0,388, 91,390, " />
<area>
.
.
.
<area>
</div>
</div>
</map>
</div>
Ho provato pure a usare la pagina demo del plugin- mi sono scaricato la pagina e dove sta la mappa ho inserito il codice jquery che mi hai scritto- anche lì succede che il tooltip funziona ma vengono eliminati gli attributi alt se visualizzo la pagina da firebug, mentre se apro il codice sorgente della pagina gli attributi ci sono...
in ogni caso non vengono scritti nel div
codice:
<div id="searchPath" class="SEARCHpATH" >
Mondo
<span id="regID" class="regID"></span><span id="provID" class="provID"></span>
</div>
che ho inserito subito sopra la mappa.
Rispondi quotando
