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.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
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
Parte Htmlcodice://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); }); }
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
che ho inserito subito sopra la mappa.codice:<div id="searchPath" class="SEARCHpATH" > Mondo <span id="regID" class="regID"></span><span id="provID" class="provID"></span> </div>

Rispondi quotando