Javascript: compatibilité entre navigateurs

Bonjour,

je suis en train de finaliser un site web qui utilise massivement le javascript:
http://www.cad66.fr

J'utilise un présentoir qui affiche une liste de photos défilant et un diaporama.

J'ai finalisé une mise en page sous firefox, et je suis en train de vérifier la compatibilité avec les autres navigateurs.

Côté javascript:
Sous ie6, les images du présentoir n'affiche pas la div de la galerie.
Sous ie8, le script mettant en page le défilement des miniatures du diaporama ne marche pas
Sous Opéra, une image vide est ajoutée en bas de la page
Sous Safari, idem que sous Opéra, et un problème de mise en page du défilement des miniatures du diaporama

Côté CSS:
Sous ie8, problème sur la page principale avec les marquee (comportement différent que sous firefox)
Sous Opéra, pas de problème
Sous Safari, problème sur la page principale avec les marquee (comportement différent que sous firefox)

es ce que vous avez quelques conseils, J'y ai passé la journée, mais je n'ai pas réussi à résoudre ces erreurs...

merci de votre aide!

Salut,

Bon, vu le boulot, je te propose de procéder par étapes :

Étape 1 : la première chose à faire, avant de chercher des solutions à des problèmes de rendu et/ou de comportement, c'est de s'assurer que ton code HTML est correct. En effet, si les navigateurs adoptent un comportement relativement homogène devant du code valide, on ne peut pas en dire autant de leurs réactions face aux erreurs de syntaxe.

Étape 2 : au chargement de la page, tu essayes de préloader les images du diaporama. L'idée est bonne, mais la réalisation bancale. Vois par toi-même :

function preloading(url) {

	var xhr=createXHR();
	// Pourquoi une requête Ajax pour précharger une image ????
	 
	xhr.onreadystatechange=function() { 
		if(xhr.readyState == 4) {
			var content = xhr.responseText;
			// Tu essayes de récupérer **l'image** via Ajax. Problème : une
			// image est un fichier binaire et la requête Ajax renvoit... du
			// texte.
			// Si tu veux savoir ce que contient xhr.responseText à ce
			// moment, ouvre n'importe quelle image dans un éditeur de texte,
			// c'est très clair :- )
			
			// Les deux lignes suivantes sont les deux seules nécessaires au
			// préchargement d'une image
			var i = new Image();
			// Si tu as compris ce que contient la variable content (cf.
			// avant-dernier commentaire), tu comprendras que la ligne
			// qui suit a peu de chances de produire quoi que ce soit :- )
			i.src = content;
		} 
	}; 

	xhr.open("GET", url , true);
	xhr.send(null); 
} 

Bonjour,

Merci de ta réponse.

J'ai mis un peu de temps à m'y remettre...

J'ai repris l'ensemble de mon code, pour l'assainir, supprimer le maximum de bibliothèque jquery dont je ne maitrisais pas le comportement,...
J'ai une bonne compatibilité entre opéra, firefox, et safari mainenant.

Seul ce bon vieux internet explorer me fait des siennes... Lorsque je clique sur une miniature de la page d'accueil, le panneau s'ouvre, mais le contenu disparait.
J'ai essayé d'isolé le code morceau par morceau, mais rien n'y fait. Aussi je me dis qu'il doit y avoir une astuce que je ne connais pas.
Quelqu'un aurait il une idée?

J'ai utilisé le test du w3c, il me marque encore beaucoup d'erreur (PHPSESSID, ou code javascript dans une balise, ou un id qui ne doit pas être un chiffre,...). Si vous avez des astuces, ou si ça ne vous paraît pas génant, merci de me le faire savoir

Merci pour votre aide

Salut
Impossible pour moi d'aller sur ton site.

désolé...

il semble que je sois infécter par un virus, qui place une iframe dans mon index, et supprime la fin de mon fichier...

j'ai remis la page en état (vive le backup!), et je vais changer le password ftp.

Le problème d'alerte virale n'apparait plus depuis que j'ai changé le pwd ftp.

Un petit up, concernant mon problème de compatibilité?

pas d'idée?