afficher les infos d'une bdd avec un area shape

Invité · 07/10/2011, 13h39

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 :

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&ccedil;ais" border="0" /></a>&nbsp;</span>
      <span style="margin-left:10px;"><a href="?lang=en"><img src="images/lang/gb.jpg" title="English" border="0" /></a>&nbsp;</span>
      <span style="margin-left:10px;"><a href="?lang=es"><img src="images/lang/es.jpg" title="Espa&ntilde;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;">&nbsp;</div>
	</div>
<!-- end page --> 
</div>
<?php include ('includes/footer.php');?>
</body>
</html>

Dans ma div info

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>

Si je remplace ma div par

Code :

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

1
2
3
4
 
<div id="info">
<p>EXEMPLE</p>
</div>

Alors au survol j'ai bien EXEMPLE qui s'affiche !

Un petit coup de main SVP

**Marc3001** · 07/10/2011, 15h46

Et t'as une erreur ou juste rien du tout ?

Invité · 07/10/2011, 15h56

Bonjour et merci de t'ocupper de mon souis !

En premier lieu j'ai modifié donc voiçi ce que j'ai fait :

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
121
122
123
124
 
<?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: auto;/*350px*/
	top: 300px;/*180px*/
	left: 40%;      
	margin-left: -80px; /*175*/
	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;
}
/*]]>*/
</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&ccedil;ais" border="0" /></a>&nbsp;</span>
      <span style="margin-left:10px;"><a href="?lang=en"><img src="images/lang/gb.jpg" title="English" border="0" /></a>&nbsp;</span>
      <span style="margin-left:10px;"><a href="?lang=es"><img src="images/lang/es.jpg" title="Espa&ntilde;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_query($aff,$bdd)or die(mysql_error());
while ($row = mysql_fetch_assoc($aff)) {
?>
<p><?php echo $row['txt_dpt'];?></p>
<?php
}
?>
</div>
<!--------------------------------------------------------------------------------------------------------------------------->
				</div>
 
				<div class="Bas"></div>
 
			</div>
		</div>
<!-- end content -->
 
		<div style="clear: both;">&nbsp;</div>
	</div>
<!-- end page --> 
</div>
<?php include ('includes/footer.php');?>
</body>
</html>

Maintenant j'ai une erreur :

Code :

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

Warning: mysql_query() : supplied argument is not a valid MySQL-Link ressoure in /XXXXXX/XXXXX/www/boutik.php on line 101

Et le script s'arrête :

Code :

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

1
2
3
<div id="info">
<br />
<b>Warning</b>:  mysql_query(): supplied argument is not a valid MySQL-Link resource in <b>/homez.87/elenadeu/www/boutik.php</b> on line <b>100</b><br />

Voilà tu sais tout !

**Marc3001** · 07/10/2011, 16h09

Cherche l'erreur :

Code :

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

1
2
Ligne 87 : mysql_query($bdd,$aff)
Ligne 101 : mysql_query($aff,$bdd)

**Marc3001** · 07/10/2011, 16h11

Je changerais aussi :

Code :

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

echo "<area href=\"#\" title=\"$row[id_dpt] - $row[titre_dpt]\" shape='polygon' coords='$row[area_dpt]'\" onmousemove=\"afficher('info')\" onmouseout=\"masquer('info')\">\n";

en :

Code :

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

echo "<area href=\"#\" title=\"".$row['id_dpt']." - ".$row['titre_dpt']."\" shape='polygon' coords='".$row['area_dpt']."'\" onmousemove=\"afficher('info')\" onmouseout=\"masquer('info')\">\n";

pour plus de lisibilité.

Invité · 07/10/2011, 16h26

Voilà j'ai repris un peu le code :
J'affiche pas tout mais uniquement la partie que j'ai modifié:

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
 
<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 //$nbzone = mysql_num_rows($aff); //$e=0;                 
$aff = "SELECT * FROM $tabl_carte ORDER BY id_dpt";
	$aff = mysql_db_query($bdd,$aff) or die(mysql_error());
 
	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) or die(mysql_error());
while ($row = mysql_fetch_array($aff)) {
?>
<p><?php echo $row['txt_dpt'];?></p>
<?php
}
?>
</div>

Maintnant j'ai plus d'erreur mais lorsque je survole les departement j'ai toujours le meme texte et même pire j'ai le texte de tout mais département !

Je pense que c'est une erreur dans la requete pour l'affichage !!
A éclaircir !
Merci de bien vouloir m'aider !

afficher les infos d'une bdd avec un area shape

PHP & Base de données

Vue hybride

Discussions similaires

Partager

Partager