PC SOFT

GRUPOS DE DISCUSSÃO PROFISSIONAL
WINDEVWEBDEV e WINDEV Mobile

Inicio → WEBDEV 2024 → Problème Javascript avec Netscape 6
Problème Javascript avec Netscape 6
Iniciado por Roumegou, ago., 11 2004 8:17 PM - 3 respostas
Publicado em agosto, 11 2004 - 8:17 PM
Bonjour,
je désespère de trouver la solution et j'appelle à l'aide.

J'ai besoin pour un questionnaire dynamique d'afficher des bulles
d'aide sur les options de boutons radios.

J'ai récupéré et adapté des scripts JS pour faire cela et voici mon
problème.
La description des boutons radios est chargée dans un champs HTML, et
avec des ONMOUSEOVER et ONMOUSEOUT je fais afficher les bulles d'aide.
exemple du contenu du champs HTML :
<p><font size="2" face="Arial, Helvetica, sans-serif">Qui vais-je
récompenser<br>
<input type="radio" name="CHALICM" value="INDIVIDUEL"
onClick="this.form.ch1.value=this.value"
ONMOUSEOVER="javascript:AffBulle('coucou','Challenge Individuel');"
ONMOUSEOUT="javascript:HideBulle();">Challenge Individuel<br>
<input type="radio" name="CHALICM" CHECKED value="COLLECTIF"
onClick="this.form.ch1.value=this.value"
ONMOUSEOVER="javascript:AffBulle('hello','Challenge Collectif');"
ONMOUSEOUT="javascript:HideBulle();">Challenge Collectif<br>
<input type="radio" name="CHALICM" value="MIXTE"
onClick="this.form.ch1.value=this.value"
ONMOUSEOVER="javascript:AffBulle('Salut Stucru, comment vas-tu yau de
poêle ?<br> Et là cela déborde ?','Challenge Mixte');"
ONMOUSEOUT="javascript:HideBulle();">Challenge Mixte<br>
<br>Vous avez choisi <input TYPE="text" name="ch1" value="COLLECTIF"
SIZE readonly="true"></font></p>

Cela marche très bien avec IE6 mais pas avec Netscape 7. Comme la page
est relativement complexe, j'ai voulu isoler le problème et créer un
exemple plus simple qui se rapproche de mon cas; à savoir une cellule
de fond contenant une cellule qui contient ce champs HTML.
Et là sous Netscape comme IE6 cela fonctionne ?? Franchement je ne vois
pas où est le pb ???
J'ai regardé la console JS de Netscape qui ne renvoie aucune erreur.
(et je n'arrive très difficilement à me servir du deboggueur, et le
comportement ne me semble pas différent)

Comment rechercher la cause du problème ?

Mon script Bulle.js est disponible ici
http://www.4usinfo.com/perso/Public/Bulle.zip

Merci de votre aide

--
Cordialement
Eric
Publicado em agosto, 13 2004 - 6:36 PM
Puisque cela fonctionne avec ta page simplifiée, pourquoi ne pas :
1 - faire une copie de ta page complexe
2 - dans cette copie, éliminer les champs non concernés un par un, et tester
à chaque fois si cela fonctionne.
3 - dès que cela fonctionne bien, tu auras trouvé le champ "perturbateur" !

"Roumegou" <roumegou@4usinfo.com> a écrit dans le message news:
411a466c@news.pcsoft.fr...

Bonjour,
je désespère de trouver la solution et j'appelle à l'aide.

J'ai besoin pour un questionnaire dynamique d'afficher des bulles
d'aide sur les options de boutons radios.

J'ai récupéré et adapté des scripts JS pour faire cela et voici mon
problème.
La description des boutons radios est chargée dans un champs HTML, et
avec des ONMOUSEOVER et ONMOUSEOUT je fais afficher les bulles d'aide.
exemple du contenu du champs HTML :
<p><font size="2" face="Arial, Helvetica, sans-serif">Qui vais-je
récompenser<br>
<input type="radio" name="CHALICM" value="INDIVIDUEL"
onClick="this.form.ch1.value=this.value"
ONMOUSEOVER="javascript:AffBulle('coucou','Challenge Individuel');"
ONMOUSEOUT="javascript:HideBulle();">Challenge Individuel<br>
<input type="radio" name="CHALICM" CHECKED value="COLLECTIF"
onClick="this.form.ch1.value=this.value"
ONMOUSEOVER="javascript:AffBulle('hello','Challenge Collectif');"
ONMOUSEOUT="javascript:HideBulle();">Challenge Collectif<br>
<input type="radio" name="CHALICM" value="MIXTE"
onClick="this.form.ch1.value=this.value"
ONMOUSEOVER="javascript:AffBulle('Salut Stucru, comment vas-tu yau de
poêle ?<br> Et là cela déborde ?','Challenge Mixte');"
ONMOUSEOUT="javascript:HideBulle();">Challenge Mixte<br>
<br>Vous avez choisi <input TYPE="text" name="ch1" value="COLLECTIF"
SIZE readonly="true"></font></p>

Cela marche très bien avec IE6 mais pas avec Netscape 7. Comme la page
est relativement complexe, j'ai voulu isoler le problème et créer un
exemple plus simple qui se rapproche de mon cas; à savoir une cellule
de fond contenant une cellule qui contient ce champs HTML.
Et là sous Netscape comme IE6 cela fonctionne ?? Franchement je ne vois
pas où est le pb ???
J'ai regardé la console JS de Netscape qui ne renvoie aucune erreur.
(et je n'arrive très difficilement à me servir du deboggueur, et le
comportement ne me semble pas différent)

Comment rechercher la cause du problème ?

Mon script Bulle.js est disponible ici
http://www.4usinfo.com/perso/Public/Bulle.zip

Merci de votre aide

--
Cordialement
Eric
Publicado em agosto, 16 2004 - 6:00 PM
Salut Raphaël,

Il se trouve que Raphaël a formulé :
Puisque cela fonctionne avec ta page simplifiée, pourquoi ne pas :
1 - faire une copie de ta page complexe
2 - dans cette copie, éliminer les champs non concernés un par un, et tester
à chaque fois si cela fonctionne.
3 - dès que cela fonctionne bien, tu auras trouvé le champ "perturbateur" !

j'ai suivi tes conseils; ce qui n'a pas été de la tarte vu la
complexité de ma page qui contient beaucoup de codes.

J'ai fini par trouver ce qui perturbait Netscape. Dès qu'il y a un
champs avec la coche "ce champs peut être superposé", cela ne
fonctionne pas.
En comparant deux sources html, il apparaît clairement que c'est
l'instruction position:relative qui fout la cagade !!

J'avais déjà lu qq part que c'était plutôt du IE, et j'en fais l'amère
expérience.

Comme je ne peux éviter cela dans mes pages (la case superposition), je
suis dans la mouise.

Comment trouver un modéle qui fonctionnerait avec Netscape ?

Vos suggestions sont impatiemment attendues :/

--
Cordialement
Eric
Publicado em agosto, 16 2004 - 6:50 PM
Salut Eric,

Je prend le problème au vol ... et sur cette page, se trouve peut-être une
piste de solution : http://www.trucsweb.com/DHTML/trucs.asp…(1&type=2

Il y en a d'autres si jamais sous :
http://www.google.fr/search…

Qu'en dis-tu ?

Bon dev,

Olivier

Eric a formulé le message suivant :

Salut Raphaël,

Il se trouve que Raphaël a formulé :
Puisque cela fonctionne avec ta page simplifiée, pourquoi ne pas :
1 - faire une copie de ta page complexe
2 - dans cette copie, éliminer les champs non concernés un par un, et

tester
à chaque fois si cela fonctionne.
3 - dès que cela fonctionne bien, tu auras trouvé le champ

"perturbateur" !

j'ai suivi tes conseils; ce qui n'a pas été de la tarte vu la

complexité de ma page qui contient beaucoup de codes.

J'ai fini par trouver ce qui perturbait Netscape. Dès qu'il y a un
champs avec la coche "ce champs peut être superposé", cela ne
fonctionne pas.
En comparant deux sources html, il apparaît clairement que c'est
l'instruction position:relative qui fout la cagade !!

J'avais déjà lu qq part que c'était plutôt du IE, et j'en fais l'amère
expérience.

Comme je ne peux éviter cela dans mes pages (la case superposition), je
suis dans la mouise.

Comment trouver un modéle qui fonctionnerait avec Netscape ?

Vos suggestions sont impatiemment attendues :/

--
Cordialement
Eric