[tooltip] Appel script

**clecle** · 20/12/2012, 08h08

Bonjour,

je rencontre un petit problème qui est certainement tout simple.....

Voilà l'erreur il n'arrive pas a charger l'objet... pourtant tout est déclarer!!

Mon code:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
 
 
 
<link href="fonction/calendar/calendar.css" rel="stylesheet" type="text/css" />
<script language="javascript" src="fonction/calendar/calendar.js"></script>
 
<script src="fonction/jquery/jquery-1.8.3.min.js"></script>
<script src="js/jquery-tooltip/jquery.tooltip.js"></script>
<link type="text/css" href="template/1.css" rel="stylesheet" media="screen" />
<title>ACCEUIL - xxx</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
 
</head>
 
<body>
 
		<div id="menu">
			<ul>
			</ul>
			<p>&nbsp</p>
		</div>
 
	<div id="banner" >
		<div id="enteteright">	  
 
 
LOGIN : er<br> GROUPE : INDUS		</div>
 
		<div id="enteteleft">	
			<h2>ACCEUIL</h2>
		</div>
	</div><!-- end banner -->
 
 
<div id="content">
 
<script type="text/javascript">
$(".infobulle[title]").Tooltip({
Uncaught TypeError: Object [object Object] has no method 'Tooltip'
 
	 bodyHandler:function() {
	  var id = $(this).attr('id');
	  alert(id);
		  }
}); 
</script>
 
<span title="Titre - Paragraphe" class="infobulle">exemple</span> 
<span title="Titre - Pjfshgjdhgaragraphe" class="infobulle">exemple</span> 
<!--<div id="tooltip">
     <h4>Titre</h4>
     <div class="body">Paragraphe</div>
     <div class="url" style="display:none"></div>
 </div> 
-->
	</div>
	<div id="footer"><p>Mise à jour le 1.12.2011</p></div>
</div>
</body>
</html>

**Bovino** · 20/12/2012, 08h15

C'est normal, tu appelles le plugin avant que les éléments qu'il doit prendre en charge ne soient dans le DOM.

En règle générale, il est préférable de mettre le code jQuery dans

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
$(function(){
    // Ton code
});

Sinon, place ton code après le dernier élément ayant la classe voulue.

**clecle** · 02/01/2013, 18h31

Merci pour la réponse,

Mais j'ai pas du comprendre qqch?

Voilà comme j'ai modifié mon code mais toujours le même problème...

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<script type="text/javascript">
$(document).ready(function()
			{
			$(".infobulle[title]").Tooltip({
							 bodyHandler:function() {
													var id = $(this).attr('id');
													alert(id);
													}
											}); 
			});
</script>
 
 
 
<span title="Titre - Paragraphe" class="infobulle">exemple</span> 
<span title="Titre - Pjfshgjdhgaragraphe" class="infobulle">exemple</span> 
<div id="tooltip">
     <h4>Titre</h4>
     <div class="body">Paragraphe</div>
     <div class="url" style="display:none"></div>
 </div>