deux scripts incompatibles

Version imprimable

28/06/2007, 13h06
snyfir

deux scripts incompatibles
Bonjour,

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

1 2 <body onload="Focaliser('q');">
Parallelement, pour l'affichage des infos bulles j'utilise ce code :
Code:

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.

Code:

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

:idea:
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 ...

Citation:

Envoyé par SpaceFrog

[CODE]
:idea:
ou dans le body onload ...

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

Citation:

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:

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>

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
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

28/06/2007, 15h06
SpaceFrog

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

Code:

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

J'ai essayé

Code:

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

Code:

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

Mais sa marche pas.

28/06/2007, 15h51
SpaceFrog

et individuellement elle marchent ?
28/06/2007, 15h56
snyfir

Oui, individuellement, elle marche bien.
C'est des qu'il ya les deux onload
28/06/2007, 17h44
roro06

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
28/06/2007, 20h57
SpaceFrog

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à ...
29/06/2007, 09h09
roro06

Je cite :

Citation:

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

et :

Citation:

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

Il manque une }

et :

Citation:

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

ya un problème de "

Faire :

Citation:

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

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.

Citation:

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

Moi, j'en suis persuadé ;)
29/06/2007, 09h44
SpaceFrog

Code:

En corrigeant ces erreurs, ca devrait marcher aussi.

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

Merci pour votre aide.

Alor,
quand j'essaye:
Code:

1 2 <body onload="function(){enableTooltips('container')};Focaliser('q');">
Il y a que Focaliser('q') qui marche.

J'ai aussi essayé:
Code:

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.

29/06/2007, 11h43
roro06

:evilred:

Citation:

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

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

Citation:

<script type="text/javascript">window.attachEvent("onload", 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"
)

Merci bien.
Sa marche:D

Enfaite, il ne fallait pas mettre:
Code:

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

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