Originariamente inviata da
cavicchiandrea
Rilevo questi errori nella console
una volta sistemati verifica se i problemi persistono. Pagina testata com Apple MAC e firefox 46
Grazie cavicchiandrea per la risposta.
Più che correggere ho disattivato direttamente gli script a cui si riferiscono, che al momento ho eliminato nel file di prova per verificare il funzionamento del tooltip. Mentre saranno presenti in quello definitivo che ho già "assemblato".
Congelando quegli script però continuo ad avere problemi di visualizzazione. Pensi che ci sia qualche conflitto oppure c'entra qualcosa il css o i contenuti dinamici?
Posso lavorare su quel file oppure per farti capire meglio, carico direttamente quello completo con gli script etc?
Per esempio qui è solo la parte interessata dal tooltip:
codice HTML:
<!doctype html><html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Cristian Belli Projects</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Thumbnail Proximity Effect with jQuery and CSS3" />
<meta name="keywords" content="thumbnails, jquery, proximity, effect, css3, scale, mouse, hover" />
<link rel="stylesheet" type="text/css" href="css/menu_site_timelineprov.CSS" media="screen"> <link rel="stylesheet" type="text/css" href="css/timeline_vertical.css" media="screen">
<link rel="stylesheet" type="text/css" href="css/tooltip.CSS" media="screen">
<link rel="stylesheet" type="text/css" href="css/modalwin_infotool.CSS" media="screen">
<link rel="stylesheet" type="text/css" href="css/tooltipmap.CSS" media="screen">
<link rel="stylesheet" type="text/css" href="css/dropdown_time.css" media="screen">
<link rel="stylesheet" type="text/css" href="css/dropdownprov.css" media="screen">
<!--[TOOLTIP PLUGINS]-->
<link rel="stylesheet" type="text/css" href="css/tooltipjquery.css" media="screen">
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<!--[END TOOLTIP PLUGINS]-->
<!--[TOOLTIP SCRIPT]-->
<script type="text/javascript">
$(document).ready(function() {
//Tooltips
$(".tip_trigger").hover(function(){
tip = $(this).find('.tip');
tip.show(); //Show tooltip
}, function() {
tip.hide(); //Hide tooltip
}).mousemove(function(e) {
var mousex = e.pageX + 20; //Get X coodrinates
var mousey = e.pageY + 20; //Get Y coordinates
var tipWidth = tip.width(); //Find width of tooltip
var tipHeight = tip.height(); //Find height of tooltip
//Distance of element from the right edge of viewport
var tipVisX = $(window).width() - (mousex + tipWidth);
//Distance of element from the bottom of viewport
var tipVisY = $(window).height() - (mousey + tipHeight);
if ( tipVisX < 20 ) { //If tooltip exceeds the X coordinate of viewport
mousex = e.pageX - tipWidth - 20;
} if ( tipVisY < 20 ) { //If tooltip exceeds the Y coordinate of viewport
mousey = e.pageY - tipHeight - 20;
}
tip.css({ top: mousey, left: mousex });
});
});
</script>
<!--[END TOOLTIP SCRIPT]-->
</head>
<body>
<div>
<p>
<font size="2.5"><cite>«L’altro ramo di conoscenze, di cui dopo il 1780 maggiormente si accrebbe lo studio in Sicilia, fu quello delle scienze economiche e di commercio. Erano intenti
<a class="tip_trigger" href="#">Phasellus viverra
<span class="tip">nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem.
</span>
</a>
</cite></font>
</div>
<!--TOOLTIP SCRIPT-->
</body>
</html>
Funziona benissimo, ma sull'altro file no...
Rispondi quotando