Discussion :

[Zenol]

Bonjour, j'ai fait un petit code qui permet d'afficher une infobull, seulement je notte divers bug :
alert(document.getElementById("dek").style.left) n'afiche rien
Certains partie du code font lanter le reste.

Voici le code en question :

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
 
  var Xoffset=10;    
  var Yoffset= 3;    
 
  var skn = document.getElementById("dek").style;
  skn.visibility ="hidden";
  skn.display    ="none";
 
 
document.onmousemove=get_mouse;
alert("000k000");
function popup(msg,bak){
  var content="<table  width=200 border=0 bordercolor=#000000 cellpadding=0 cellspacing=0 " + "bgcolor=" + bak + "><td><font color=#000000 valign=top  font-size: 9pt; align=left>" + msg + "</font></td></table>";
  document.getElementById("dek").innerHTML=content;
  skn.visibility = "visible";
  skn.display    = "true";
  alert("popup : "+document.getElementById("dek").left);
}
 
function get_mouse(e){alert("ok");
	// Creation des variables de decallage
	if (document.all)
	{
  		var x=event.x+document.body.scrollLeft;
  		var y=event.y+document.body.scrollTop;
  	}
  	else
  	{
		var x = e.pageX;
		var y = e.pageY;
	  }
	// Cas particulier pour Internet Explorer sur Mac (les coordonnees de decallages sont modifiees)
		if ( (navigator.userAgent.indexOf('Mac') != -1) && (navigator.userAgent.indexOf('MSIE') != -1) ) {
			skn.left = x + Xoffset - 135;
			skn.top  = y + Yoffset - 155;
			}
	// Pour les autres cas, decallage normal du calque par rapport au pointeur
		else {
			skn.left = x + Xoffset;
			skn.top  = y + Yoffset;
			}
	}
}
 
function kill(){
if(document.dek)
{skn.visibility="hidden";}
else
{
  document.getElementById("dek").innerHTML='';
  skn.display    = "none";
  skn.visibility = "hidden";
}

Le plus enbètent est le problème du skn.left et skn.top qui contiènent "rien".

[Zenol]

Persone n'a la moindre idée? Ou esque l'éreur est tèlement évidente que vous prenez plaisir a me laisser dans l'ignorance?

[javatwister]

peut-être manque-t-il un <tr> pour insérer la cellule de tableau...

[Zenol]

Enfait le problème ne vien pas du contenu.
Les problèmes sont :
Une partie du code javascript fait plenter tout le fichier.
La variable skn, qui est le getelementbyid("skn")[Skn est un <div>], a bien une propriétée top et left, mais quand je tente de les afficher -> Néan!
Le code de suivie de sourie fonctione(tester a part).

Sa m'enbète surtout que en soit ce code n'est pas bien compliquer...

[javatwister]

vérifie que les propriétés sont définies inline et non dans une feuille de style distincte;

[denisC]

vérifie que les propriétés sont définies inline et non dans une feuille de style distincte;

+1.

Pour les propriétés de style en JS, tu n'accede qu'aux propriétés que JS a défini (pas celle de la feuille de style, ni celle du HTML).

Sinon, pour acceder au style effectif, cf: http://www.developpez.net/forums/vie...341172#2341172

[javatwister]

ni celle du HTML

en fait, si, les propriétés définies dans la balise sont accessibles; c'est d'ailleurs toujours gênant de devoir déroger à une feuille de style globale pour un simple "left";

[Zenol]

En effet sa venais de sa. Je vien de tester pour voir si sa marche et je rencontre un problème très très très étrenge :

Code :

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

1
2
3
4
5
6
7
8
 
//Variable d'objet :
var skn = document.getElementById("dek");
//Variable de style :
var skn_style = skn.currentStyle || window.getComputedStyle(skn, null);
//Initialisation du style
skn_style.visibility = "hidden";
alert('ok');

'ok' ne s'affiche pas.
Mais si je replace les deux dernières lignes par :

Code :

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

alert(skn_style.visibility);

La "hidden" qui s'afiche... (Le calque est déja cacher)

[denisC]

var skn_style = skn.currentStyle || window.getComputedStyle(skn, null);

Ces propriétés représentent le style réel de l'objet. Elles ne sont accessibles qu'en lecture!!!! Tu ne peux pas changer le style que la navigateur a décidé de donner à ton objet. Il faut que tu changes le style (habituel, par l'attribut style) pour que le navigateur prenne ça en compte et en déduise un nouveau computedStyle.

[Zenol]

Bon il semblerais que le programme ne marche que a moitier : Je dit :
Monobjet.style.top = 32; Sa marche.
Je dit Monobjet.style.top = (x + Xoffset); et la sa marche plus...
Pour vraiment vous en rende compte, voici le code complet :
http://t4cwebserver.free.fr/infobulle.js -> Source du js
http://t4cwebserver.free.fr -> Utilisation du js

Au début le calque est a une certaine position : On le fait apparaitre(popup() puis on le fait disparaitre(kill() et sa position est ensuite 0/0 comme on peut le constater a sa réaparition. Pourtant sa position n'est pas changer l'or du mouvement de la souri(si je fait un alert ur x+Xoffset j'obtien quelque chose de normale).

La vraiment je ne voi pas pourquoi!!!

[SpaceFrog]

+px ?

[Zenol]

+px ?

Pardon, je ne comrpend pas? Je doit rajouter la chaine de caractère "px" quand je veut chager els coordonées?
*Vas tester...*

Edit : En effet sa fonctione enfin!!! Merci

[siddh]

ffx ne prend pas en compte les dimensions si tu ne met pas "px" a la fin