Zone qui perturbe une infobulle.

Version imprimable

09/01/2010, 15h43
GYK

Zone qui perturbe une infobulle.

Bonjour,
Le titre parait un peu bizarre, mais c'est ce qui se passe. J'explique:
J'ai un code

Code:

<dt style=" cursor:pointer" onmouseover="montre('<?php echo $tableau[$ctrlig] ['identite'] . $tableau[$ctrlig] ['comment']?>');" onmouseout="cache();"><?php echo $tableau[$ctrlig] ['identite'] ; ?></dt>

Dont le paramètre

Code:

$tableau[$ctrlig] ['comment']

me pose des probleme
Lorsque je le laisse dans le code mon infobulle ne s'affiche pas.
Lorsque je ne le met pas l'infobulle s'affiche bien avec la valeur du code

Code:

<?php echo $tableau[$ctrlig] ['identite4'] ; ?>

Pour contrôle je fais un echo de cette zone juste avant ce code et elle est bien renseignée, et quand j'affiche le code source de ma page elle apparait bien dans le code à afficher.
Quelqu'un a t'il une idée.
Merci
09/01/2010, 15h52
Bovino

Salut.

Et au niveau du navigateur, ça donne quoi comme code généré ?

Bonjour Bovino
Le code du source est le suivant. J'ai remplacé ce qui correspond à

Code:

$tableau[$ctrlig] ['identite']

par XX et ce qui correspond à

Code:

$tableau[$ctrlig] ['comment']

par mon commentaire. Mais dans le code source je t'assure que j'ai les bonne valeurs.
Code:

1 2 3 4 5 6 <td style="cursor:default" width="22%" ><div align="center" class=Colnom> <dt style=" cursor:pointer" onmouseover="montre(' X X . Mon commentaire.');" onmouseout="cache();">X X</dt> </div> </td>
Merci de m'aider
A+

09/01/2010, 16h08
Bovino

Oui, mais là, il va falloir nous en montrer plus, en particulier le code de ta fonction montre().

Voici le (Touvé sur le net au lien suivant: http://damienalexandre.fr/Info-Bulle-en-Javascript.html)

Code:

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
 
<style>
.infobulle{
	position: absolute;
	visibility : hidden;
	border: 1px solid Black;
	padding: 10px;
	font-family: Verdana, Arial;
	font-size: 10px;
	background-color: #EAD792;
	color: #50410E;
	width: 200px;
}
</style>
.
.
 <script language="javascript" type="text/javascript">
<!--
function GetId(id)
{
return document.getElementById(id);
}
var i=false; // La variable i nous dit si la bulle est visible ou non
 
function move(e) {
  if(i) {  // Si la bulle est visible, on calcul en temps reel sa position ideale
    if (navigator.appName!="Microsoft Internet Explorer") { // Si on est pas sous IE
    GetId("curseur").style.left=e.pageX + 5+"px";
    GetId("curseur").style.top=e.pageY + 10+"px";
    }
    else { // Modif proposÃ© par TeDeum, merci Ã   lui
    if(document.documentElement.clientWidth>0) {
GetId("curseur").style.left=20+event.x+document.documentElement.scrollLeft+"px";
GetId("curseur").style.top=10+event.y+document.documentElement.scrollTop+"px";
    } else {
GetId("curseur").style.left=20+event.x+document.body.scrollLeft+"px";
GetId("curseur").style.top=10+event.y+document.body.scrollTop+"px";
         }
    }
  }
}
 
function montre(text) {
  if(i==false) {
  GetId("curseur").style.visibility="visible"; // Si il est cacher (la verif n'est qu'une securitÃ©) on le rend visible.
  GetId("curseur").innerHTML = text; // on copie notre texte dans l'Ã©lÃ©ment html
  i=true;
  }
}
function cache() {
if(i==true) {
GetId("curseur").style.visibility="hidden"; // Si la bulle est visible on la cache
i=false;
}
}
document.onmousemove=move; // dÃ¨s que la souris bouge, on appelle la fonction move pour mettre Ã  jour la position de la bulle.
//-->
</script>
 
<div id="curseur" class="infobulle"></div>

Comme tu pourras le voir j'ai bêtement fait un copié collé.
A part les modifs CSS et l'affichage de mes zones je n'ai touché à rien.
A+

09/01/2010, 16h28
Bovino

Tes variables $tableau[$ctrlig] ['identite'] et $tableau[$ctrlig] ['comment'] ne contiennent pas d'apostrophes ou de guillemets par hasard ?
09/01/2010, 16h37
GYK

La zone "comment" est une zone de commentaire mysql definie TXT.
Je viens donc de faire un test, car il y avait un apostrophe dans le commentaire, et sans apostrophe ça marche.
Comment faire alors?
A+
09/01/2010, 16h54
Bovino

Remplacer tes ' par des \' ;)
09/01/2010, 17h33
GYK

Apparemment le problème est plus compliqué que ça.
Je suis passé par une variable résultante de addslashes() et c'est pareil.
J'ai donc remis mes commentaires tout bête ABCD EFGH IJKL et maintenant ca marche plus?
J'y comprend plus rien!
A+
10/01/2010, 14h41
GYK

Bonjour,
Je pense avoir trouvé d'où vient mon problème.
Cela se produit quand dans la zone commentaire est mis un renvoie à la ligne pour un nouveau paragraphe.
Mais comment gérer ça
Merci