Bonjour
Voilà j'ai un souis je voudrai afficher les infos contenu dans un champ d'une table et je voudrais les afficher au passage de la souris !
Donc j'ai déjà un script qui fonctionne mais je n'arrive pas a piocher dans la BDD !
Voilà le code de la page complète :
Dans ma div info
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
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120 <?php include ('includes/bdd.php'); require("includes/langue.php"); ?> <!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"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>Elena Deudero Ibiza</title> <meta name="keywords" content="" /> <meta name="description" content="" /> <link href="css/styles.css" rel="stylesheet" type="text/css" media="screen" /> <style type="text/css" > /*<![CDATA[*/ #info { position: absolute; width: 350px; top: 180px; left: 50%; margin-left: -175px; z-index: 1; color: #c8ddda; background-color: #242424; visibility: hidden; border: solid 2px #222; filter: alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75; font-weight: bold; text-align: center; font-family: Courier, "Courier New", monospace; } /*]]>*/ </style> <script type="text/javascript"> //<![CDATA[ function afficher(info) { var tooltip = document.getElementById(info); tooltip.style.visibility = "visible"; run= true ; } function masquer(info) { var tooltip = document.getElementById(info) ; tooltip.style.visibility = "hidden"; run= false ; } //]]> </script> </head> <body> <div id="Global"> <!-- start header --> <div id="Header"> <div id="Header_ban"></div> <span style="margin-left:10px;"><a href="?lang=fr"><img src="images/lang/fr.jpg" title="Français" border="0" /></a> </span> <span style="margin-left:10px;"><a href="?lang=en"><img src="images/lang/gb.jpg" title="English" border="0" /></a> </span> <span style="margin-left:10px;"><a href="?lang=es"><img src="images/lang/es.jpg" title="Español" border="0" /></a></span> </span> <?php include ('includes/menu.php');?> </div> <!-- end header --> <!-- start page --> <div id="Page"> <!-- start content --> <div id="Contenu"> <div class="Texte"> <div class="Haut"></div> <div class="Millieu"> <p align="center"><h1><?php echo TXT_BOUTIK_TITRE; ?></h1></p> <!---------------------------------------------------------------------------------------------------------------------------> <div class="map"> <img style="border:0pt none;opacity:0;" src="France.png" width="500" height="570" usemap="#france"> </div> <map name="france"> <?php // on selectionne tous les département de France métropolitaine $aff = "SELECT * FROM $tabl_carte ORDER BY id_dpt"; $aff = mysql_db_query($bdd,$aff); //$nbzone = mysql_num_rows($aff); //$e=0; while ($row=mysql_fetch_array($aff)) { echo "<area href=\"#\" title=\"$row[id_dpt] - $row[titre_dpt]\" shape='polygon' coords='$row[area_dpt]'\" onmousemove=\"afficher('info')\" onmouseout=\"masquer('info')\">\n"; } ?> </map> <br /> <div id="info"> <?php $aff = "SELECT * FROM $tabl_carte ORDER BY id_dpt"; $aff = mysql_db_query($bdd,$aff); ?> <p><?php echo $row['txt_dpt'];?></p> </div> <!---------------------------------------------------------------------------------------------------------------------------> </div> <div class="Bas"></div> </div> </div> <!-- end content --> <div style="clear: both;"> </div> </div> <!-- end page --> </div> <?php include ('includes/footer.php');?> </body> </html>
Si je remplace ma div par
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7 <div id="info"> <?php $aff = "SELECT * FROM $tabl_carte ORDER BY id_dpt"; $aff = mysql_db_query($bdd,$aff); ?> <p><?php echo $row['txt_dpt'];?></p> </div>
Alors au survol j'ai bien EXEMPLE qui s'affiche !
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4<div id="info"> <p>EXEMPLE</p> </div>
Un petit coup de main SVP![]()
![]()
Partager