Bonjour

Voilà je suis un grand débutant avec le javascript et j'essai de faire un affichage au survol d'une zone area shape depuis un champ d'une BDD !

Tout fonctionne bien lorsque l'enregistrement en bdd se fait avec un form et un input type text mais j'ai modifier pour mettre ckeditor et là j'ai plus rien qui s'affiche malgré que le texte soit bien enregistrer en BDD !

Donc j'espere que mes explications sont claire !

Pour inséré le texte enn base de donnée j'utilise ce 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
 
<?php
if(!empty($_GET['action']))
{
        switch($_GET['action'])
        {
                case 'Modif' :
                        $sql= "SELECT id_dpt,titre_dpt,area_dpt,txt_dpt FROM dpt_fr WHERE id_dpt='" . $_GET['id_dpt'] . "'";
                        $res = mysql_db_query( $bdd , $sql );
                        while ( $Ligne = mysql_fetch_array ( $res ) ) {
                        $id = $Ligne['id_dpt'];
                        $titre = $Ligne ['titre_dpt'];
                        $area = $Ligne ['area_dpt'];    
                        $description = $Ligne['txt_dpt'];
                ?>
			<div align="center">
            <form action="boutik_new.php" name="admin_boutik_new" method="post">
            Nom du département : 
            <br />
            <input type='text' value="<?php echo $titre;?>" name='titre_dpt' size='35'>
            <br />
            Une description :
            <br />
            <textarea cols="75" rows="8" name="txt_dpt" id="txt_dpt"><?php echo $description; ?></textarea>
            <script type="text/JavaScript">
            //<![CDATA[
                CKEDITOR.replace('txt_dpt');
            //]]>
            </script>
            <br />
            <input type="hidden" name="enradmin_boutik_new" value="Modif" />
			<input type="hidden" name="id_dpt" value="<?php echo $id; ?>" />            
            <input type="submit" value="Modifier" />
            </form>
            <br />
            <br />
            <a href="boutik_new.php">Retour</a>
            </div>
		<?php   
                        }
                break;
                
                default :
                        echo "<SCRIPT language=javascript>location.href='boutik_new.php'</SCRIPT>";             
                break;
        }
}
elseif(!empty($_POST['enradmin_boutik_new']))
{
        switch($_POST['enradmin_boutik_new'])
        {
                case 'Modif' :
                        $sql = "UPDATE dpt_fr SET titre_dpt='".$_POST['titre_dpt']."',txt_dpt='".$_POST['txt_dpt']."' WHERE id_dpt='".$_POST['id_dpt']."'";
                        mysql_db_query( $bdd , $sql );
                        echo "<SCRIPT language=javascript>location.href='boutik_new.php?action=Modif&amp;id_dpt=".$_POST['id_dpt']."'</SCRIPT>";
                break;
                
                default :
                        echo "<SCRIPT language=javascript>location.href='boutik_new.php'</SCRIPT>";             
                break;  
        }
}
?>
Ensuite pour l'affichage j'utilise :
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
 
<script type="text/javascript">
function afficher(info,dept)
{
        var tooltip = document.getElementById(info);
        tooltip.style.visibility = "visible";
		tooltip.innerHTML = dept;
        run= true ;
}
function masquer(info)
{
        var tooltip = document.getElementById(info) ;
        tooltip.style.visibility = "hidden";
        run= false ;
}
</script>
et dans mon body :

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
 
<div class="map"> 
<img style="border:0pt none;opacity:0;" src="France.png" width="500" height="570" usemap="#france"> 
</div>
<map name="france">
 
<?php
$aff = "SELECT id_dpt,titre_dpt,area_dpt,txt_dpt FROM dpt_fr ORDER BY id_dpt";
$res = mysql_db_query ( $bdd , $aff ) or die ( mysql_error ( ) );
        while ( $Ligne = mysql_fetch_array ( $res ) ) {
                $id = $Ligne['id_dpt'];
                $titre = $Ligne ['titre_dpt'];
                $area = $Ligne ['area_dpt'];    
                $description = $Ligne['txt_dpt'];
                
                echo "<area href=\"#\" title=\"".$id." - ".$titre."\" shape='polygon' coords='".$area."'\" onmousemove=\"afficher('info','".$description."')\" onmouseout=\"masquer('info')\">\n";
        }
?>
 
</map>
<br />
<div id="info">
<?php 
$aff = "SELECT id_dpt,titre_dpt,area_dpt,txt_dpt FROM dpt_fr ORDER BY id_dpt";
$res = mysql_db_query ( $bdd , $aff ) or die ( mysql_error ( ) );
while ( $Ligne = mysql_fetch_array ( $res ) ) {
        $id = $Ligne['id_dpt'];
        $titre = $Ligne ['titre_dpt'];
        $area = $Ligne ['area_dpt'];    
        $description = $Ligne['txt_dpt'];
        ?>
	<p><?php echo $description;?></p>
	<?php
}
?>
</div>
Merci