deux scripts incompatibles

**snyfir** · 28/06/2007, 13h06

Bonjour,

pour pouvoir afficher sur ma page le curseur directement à l'endroit où le visiteur doit taper du texte j'utilise ceci :

Code :

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

1
2
 
<body onload="Focaliser('q');">

Parallelement, pour l'affichage des infos bulles j'utilise ce code :

Code :

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

1
2
 
<script type="text/javascript">window.onload=function(){enableTooltips()};</script>

Le problème est que, quand ils sont présent tout les deux sur la même page, il y en à toujour un qui marche plus.

Comment je pourais résoudre ce problème ?
Merci de votre aide.

**SpaceFrog** · 28/06/2007, 13h18

Code :

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

1
2
<script type="text/javascript">window.onload=function(){enableTooltips();
                                                                                     Focaliser('q');};</script>

ou dans le body onload ...

et si cela ne focntionne toujours pas c'est qu'il y a des variables globales qui portent le même nom dasn les deux scripts ...

**snyfir** · 28/06/2007, 15h03

Envoyé par SpaceFrog

[CODE]

ou dans le body onload ...

J'ai pas bien compris ce que tu veux dire.

Envoyé par SpaceFrog

[CODE]
si cela ne focntionne toujours pas c'est qu'il y a des variables globales qui portent le même nom dasn les deux scripts ...

Voici les deux scriptes:

Code :

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

1
2
3
4
5
6
 
<script language="javascript" type="text/javascript">
function Focaliser(element){
if(navigator.appName=="Microsoft Internet Explorer"){document.all(element).focus();
}else if(navigator.appName=="Netscape"){document.getElementsByName(element)[0].focus();}}
</script>

et

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
 
function enableTooltips(id){
var links,i,h;
if(!document.getElementById || !document.getElementsByTagName) return;
AddCss();
h=document.createElement("span");
h.id="btc";
h.setAttribute("id","btc");
h.style.position="absolute";
document.getElementsByTagName("body")[0].appendChild(h);
if(id==null) links=document.getElementsByTagName("a");
else links=document.getElementById(id).getElementsByTagName("a");
for(i=0;i<links.length;i++){
    Prepare(links[i]);
    }
}
 
function Prepare(el){
var tooltip,t,b,s,l;
t=el.getAttribute("title");
if(t==null || t.length==0) t="link:";
el.removeAttribute("title");
tooltip=CreateEl("span","tooltip");
s=CreateEl("span","top");
s.appendChild(document.createTextNode(t));
tooltip.appendChild(s);
b=CreateEl("b","bottom");
l=el.getAttribute("href");
if(l.length>30) l=l.substr(0,27)+"...";
b.appendChild(document.createTextNode(l));
tooltip.appendChild(b);
setOpacity(tooltip);
el.tooltip=tooltip;
el.onmouseover=showTooltip;
el.onmouseout=hideTooltip;
el.onmousemove=Locate;
}
 
function showTooltip(e){
document.getElementById("btc").appendChild(this.tooltip);
Locate(e);
}
 
function hideTooltip(e){
var d=document.getElementById("btc");
if(d.childNodes.length>0) d.removeChild(d.firstChild);
}
 
function setOpacity(el){
el.style.filter="alpha(opacity:95)";
el.style.KHTMLOpacity="0.95";
el.style.MozOpacity="0.95";
el.style.opacity="0.95";
}
 
function CreateEl(t,c){
var x=document.createElement(t);
x.className=c;
x.style.display="block";
return(x);
}
 
function AddCss(){
var l=CreateEl("link");
l.setAttribute("type","text/css");
l.setAttribute("rel","stylesheet");
l.setAttribute("href","themes/default/infobulle/bt.css");
l.setAttribute("media","screen");
document.getElementsByTagName("head")[0].appendChild(l);
}
 
function Locate(e){
var posx=0,posy=0;
if(e==null) e=window.event;
if(e.pageX || e.pageY){
    posx=e.pageX; posy=e.pageY;
    }
else if(e.clientX || e.clientY){
    if(document.documentElement.scrollTop){
        posx=e.clientX+document.documentElement.scrollLeft;
        posy=e.clientY+document.documentElement.scrollTop;
        }
    else{
        posx=e.clientX+document.body.scrollLeft;
        posy=e.clientY+document.body.scrollTop;
        }
    }
document.getElementById("btc").style.top=(posy+10)+"px";
document.getElementById("btc").style.left=(posx-20)+"px";
}

Merci de votre aide

**SpaceFrog** · 28/06/2007, 15h06

à priori il ne semble pas d'avoir d'incompatibilité intrinsèque entre les deux fonctions ...

Code :

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

<body onload="fonction1();fonction2();" >

**snyfir** · 28/06/2007, 15h36

J'ai essayé

Code :

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

1
2
 
<script type="text/javascript">window.onload=function(){enableTooltips("container")};Focaliser('q');</script>

et

Code :

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

1
2
 
<body onload="function(){enableTooltips("container")};Focaliser('q');">

Mais sa marche pas.

**SpaceFrog** · 28/06/2007, 15h51

et individuellement elle marchent ?

**snyfir** · 28/06/2007, 15h56

Oui, individuellement, elle marche bien.
C'est des qu'il ya les deux onload

**roro06** · 28/06/2007, 17h44

Bonjour

Pour contrer ce problème il faut ajouter des "listener"

Plutot que de faire window.onload=function() ...

tu peux faire :
(window.attachEvent)?
window.attachEvent("onload", fonctionOnLoad) :
window.addEventListener("load", fonctionOnLoad, false);

// attachEvent pour IE, addEvenetListener pour les autres

function fonctionOnLoad(){
}

L'avantage, c'est que tu en mets autant que necessaire.

C'est une méthode que j'ai déjà donné, qui a été critiquée et débattue (que je n'ai pas inventé, soyons clair) avec des arguments que je n'ai pas forcément bien compris, mais qui me donne entièrement satisfaction.

Dans ton cas, le window.onload est écrasé par <body onload
(ou l'inverse)

Cordialement

**SpaceFrog** · 28/06/2007, 20h57

heu alors pourquoi en mettant les deux fonctions dans le onload du body ou du window ça ne marche pas non plus ...
Je ne crois pas que le problème se situe là ...

**roro06** · 29/06/2007, 09h09

Je cite :

Oui, individuellement, elle marche bien.
C'est des qu'il ya les deux onload

et :

Il manque une }

et :

ya un problème de "

Faire :

En corrigeant ces erreurs, ca devrait marcher aussi.
Mais bon, pour conserver des scripts externes, réutilisables sans avoir à modifier les fonctions d'initialisation, et donc conserver une bonne modularité du code, je préfère nettement la méthode des listener.

Je ne crois pas que le problème se situe là ...

Moi, j'en suis persuadé

**SpaceFrog** · 29/06/2007, 09h44

Code :

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

En corrigeant ces erreurs, ca devrait marcher aussi.

c'est donc que le problème ne venait pas de la ?

**snyfir** · 29/06/2007, 10h52

Merci pour votre aide.

Alor,
quand j'essaye:

Code :

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

1
2
 
<body onload="function(){enableTooltips('container')};Focaliser('q');">

Il y a que Focaliser('q') qui marche.

J'ai aussi essayé:

Code :

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

1
2
3
 
<script type="text/javascript">window.attachEvent("onload", Focaliser('q'););
window.addEventListener("load", function(){enableTooltips("container")}, false);</script>

Mais la rien ne marche.

**roro06** · 29/06/2007, 11h43

(D'ailleurs, tu peux te contenter de :
onload="enableTooltips('container'); Focaliser('q');"

;
window.addEventListener("load", function(){enableTooltips("container")}, false);</script>

ça, ce n'est pas la bonne syntaxe
attachEvent, c'est pour IE
addEventListener, c'est pour les navigateurs Internet

la bonne syntaxe serait :
(window.attachEvent)?window.attachEvent("onload", function(){Focaliser('q')} : window.addEventListener("load", function(){Focaliser('q')}, false);

(window.attachEvent)?window.attachEvent("onload", function(){enableTooltips("container")} : window.addEventListener("load", function(){enableTooltips("container")}, false);

C'est un peu plus lourd, je te l'accorde, mais on ne l'écrit qu'une fois dans le fichier js.

(Pour mémoire, la syntaxe
b?a:c
signifie "si b alors a sinon c"
)

**snyfir** · 29/06/2007, 13h26

Merci bien.
Sa marche

Enfaite, il ne fallait pas mettre:

Code :

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

1
2
 
onload="function(){enableTooltips('container');Focaliser('q');}">

Mais

Code :

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

1
2
 
onload="enableTooltips('container'); Focaliser('q');"

deux scripts incompatibles

JavaScript

Discussions similaires

Partager

Partager