Discussion :

[Nico1131]

Bonjour,

Je travail sur une plateforme Web qui a été optimisée seulement sur IE. Mon travail est de faire tout fonctionner sur les autres navigateurs.
Mon problème est que dans cette plateforme ils utilisent à la fois prototype.js et jQuery. Je sais que les deux ne sont pas très copain mais j'ai réussi à éviter tout conflit entre eux. Le fait est qu'il y a des litebox et des dialog qui on était fait et qui marche très bien sous IE, sauf que sur les autres navigateurs (Firefox, Chrome, Safari) les litebox et dialog ne s'affiche pas clairement. C'est à dire, que lorsque l'on clique sur le bouton qui permet de les ouvrir, ils s'affiche mais se referme immédiatement et je ne sais pas pourquoi

Quelqu'un aurait une explication svp ?

[NoSmoking]

Bonjour,

Quelqu'un aurait une explication svp ?

il y a des chances qu'à la vue du code on puisse repérer quelque chose de tangible, mais sans code ou lien....

Peut être un problème de gestion des événements, sous toutes réserves bien sûr!

[Nico1131]

Bah c'est un peut difficile de montrer le code sachant que c'est privé et que surtout c'est fait avec Progress

Mais je peux montre en gros comment j'ai fait pour faire la Dialog : http://jsfiddle.net/Lwtpc/4/

Bon je l'ai fait vite fait donc c'est un peut moche mais le fonctionnement est la

Je sais clairement pourquoi j'ai ce problème avec les dialog et les litebox sur les autres navigateurs alors que sur IE sa marche parfaitement (en même temps IE accepte tout et n'importe quoi ).

j'ai essayé de voir sur Firebug mais il me donne aucune erreur...

[NoSmoking]

Pas vu le problème que tu signales sur l'exemple mis !

Peut être que ton BUTTON est dans une FORM !

[Nico1131]

Bah justement il n'y ai pas sensé avoir d'erreur car le code de ce Dialog est exactement le même que sur mon programme. Sauf qu'au lieu de rester afficher il se ferme directement tout seul sur FF, Chrome et Safari.

Oui le bouton est dans une form, pourquoi ?

[NoSmoking]

Oui le bouton est dans une form, pourquoi ?

car dans une FORM le type par défaut d'un BUTTON est submit!

[Nico1131]

Et c'est le submit qui cause problème à ton avis ?
Je devrai le remplacer par quoi dans ce cas ?

[NoSmoking]

Teste en mettant <button type="button">

[Nico1131]

C'est ce que j'ai fais

Alors tu avait raison, pour le Dialog tout marche niquel maintenant.
Mais pour la litebox ça ne marche pas.

Pour la litebox ce n'est pas moi qui les fait du coup sa m'est un peut plus difficile de comprendre clairement sont fonctionnement.
Voilà en gros comment elle est appelée :

Code html :

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

1
2
<A href='gt-questionRubrique.html?wrecid=" + string(wrecid) + "' rel='pagehtml' rev='width:520px;height:550px;scrolling:yes;' >
<button type=button id=boutonOrganiser name=boutonOrganiser class=boutonOrganiser value='' onclick='boutonOrganiser.value=" + '"' + "." + '"' + "' ></button></A>

Par contre comme je l'ai dis avant je programme sous Progress du coup ce n'est pas du 100% html.

[Nico1131]

Alors d'après ce que j'ai compris pour la litebox le problème viendrais du :

Code html :

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

<A rel='pagehtml' ... ></A>

car apparemment l'attribut rel n'est pas fait pour être détourner et envoyer des infos.

Le pagehtml permet au code JS de prototype de faire un getAttribute sur le rel pour pouvoir lui appliquer le style et tout le reste.

Donc maintenant si c'est ça qui cause problème, je vois pas trop comment y remédier, car je me vois mal rectifier toute une librairie

[NoSmoking]

Quelle liteBox utilises tu, la documentation dit quoi au juste sur cette attribut ?

[Nico1131]

Pour être franc je ne sais pas du tout car l'en-tête du fichier a été supprimer du coup je peux pas savoir d'où vient la librairie et quel version c'est...
Le fichier actuel s'appelle "pagebox.js" mais je pense qu'il a été renommé

D'ailleurs depuis le début j'écris litebox alors que c'est lytebox enfin bon ^^

En gros voilà la condition qu'utilise la librairie pour appliquer son code à l'élément :

Code javascript :

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

if ((imageLink.getAttribute('rel') == 'pagehtml'))

Voilà le fichier en question sa pourra aider surement : pagebox.js

J'ai trouvé ceci : http://lytebox.com/howTo.php
Je pense que c'est la nouvelle version de la librairie mais du coup je n'ai pas trop compris son fonctionnement car cela concerne que les images alors que dans mon programme de base elle avait été utilisé pour afficher une table.

Voilà le résultat qui doit ce faire :

[Nico1131]

C'est bon j'ai pu résoudre mon problème pour les lytebox

Comme je l'ai indiqué ci-dessus avec le lien de la nouvelle version de la librairie, j'ai repris l'exemple de la partie HTML Content and Embedded Media et tout marche correctement sur les navigateurs.

Bon il reste quelques ajustement à faire mais c'est mineurs ^^

Merci encore pour ton aide NoSmoking

Je pense que je peux mettre le sujet en résolu