11550 sujets

JavaScript, DOM et API Web HTML5

Bonjour,

Je suis en train de développer un site e-commerce et pour la présentation de mes produits, j'ai une page php avec une région répétée afin d'afficher l'ensemble des produits sur la page.
Lorsque l'internaute clique sur un produit, cela ouvre un iframe en overlay montrant les caractéristiques du produit.
Tout marche magnifiquement bien sous firefox, opéra et safari. En revanche sous internet explorer, j'ai un gros souci. L'overlay fonctionne uniquement sur le premier enregistrement alors que sur les suivants, il ouvre la page des caractéristique non pas en overlay mais en lien _parent.
J'ai beau regarder sur différents forums, je ne trouve pas de problématique identique.
Pour information, je développe sous dreamweaver et j'utilise le jquery fancybox pour l'overlay.

Merci de votre retour.

Je reviens sur mon post pour vous informer que j'ai trouvé la solution ou plutôt ce qui me semble être une explication.
Il apparaît que FancyBox est un difonctionnement dans le cas de régions répétées. Je viens de faire les tests avec Thickbox et Colorbox et tout fonctionne très bien.
Voilà, si cela peut aider.
Bon développement.
Une dernière intervention de ma part sur le sujet.
En fin de compte, FancyBox marche très bien même avec Internet Explorer.
Après plusieurs tests, il s'avère que le problème semble être le même quelque soit le lighbox utilisé. Lorsqu'il s'agit de définir l'élément (div, class ou autre) sur lequel l'effet doit être déclenché, il ne faut pas utilisé l'élément id.
Lorsque l'élément id est choisi sous internet explorer l'overlay se fait uniquement sur le premier enregistrement. Ce qui n'est pas le cas si on le fait sur un élément class.
Dans l'exemple ci-dessous, il est donc préférable d'utiliser une référence à une class :
$(".zoomphoto").fancybox({
'titleShow' : false,
'overlayOpacity':0.8
});

plutôt qu'une référence à une id
$("a#zoomphoto").fancybox({
'titleShow' : false,
'overlayOpacity':0.8
});

En espérant avoir été clair.

Bon développement.