Diaporama HTML / JavaScript ne fonctionnent plus avec IE10 !

**jpe54** · 29/03/2013, 09h49

Bonjour,

J'ai depuis 2000 de nombreux diaporama réalisés en HTML et javascript qui fonctionnent sans problème avec différents navigateurs

Par exemple voici un lien pour test avec des images bidons :

http://pagesperso-orange.fr/open-sou...HTML/index.htm

Or depuis le téléchargement de IE10 sous Seven 64 Bits des portions de javascript ne fonctionnent plus en particulier le lancement des diaporama en popup.

J'ai testé le code depuis l'option de développement accessible par F12… aucune anomalie constatée ... sauf absence d'une instruction <!DOCTYPE> <html> en début de chaque page HTML. Mais placer cette instruction ne change rien au problème constaté.

Par contre - dans ce même IE10 - en mode test de développement, en simulation IE9 tout fonctionne correctement, mais bloque en simulation IE10 sans message particulier…

Je précise que le java script est bien activé dans les options Internet et le blocage Popup désactivé…

Je suis preneur de toute idée et surtout une option à activer ou désactiver !

Bien Amicalement à tous !

PS : Éventuellement me préciser si pour vous sous IE10 cela fonctionne !

**Bovino** · 29/03/2013, 10h12

sauf absence d'une instruction <!DOCTYPE> <html>

Ben oui, c'est gênant ça !
Attention toutefois, ce n'est pas <!DOCTYPE> mais <!DOCTYPE HTML> !

**jpe54** · 29/03/2013, 10h24

Bonjour et merci Bovino pour cette judicieuse remarque...

Effectivement j'avais bien testé <!DOCTYPE html> contrairement à mon post...

Par acquis de conscience je viens recommencer avec la case que vous proposez :
<!DOCTYPE HTML>
... sans plus de résultat, tant en local sur le PC que sur serveur...

**arnogues** · 29/03/2013, 10h30

Je vote pour le bloqueur de popup de IE10.
Ton diaporama devrai plutôt être dans un div qui prend toute la page avec une croix pour le fermer.

**jpe54** · 29/03/2013, 10h43

le bloqueur de popup de IE10 ne semble pas être en cause car d'autres pages avec popup fonctionnent (l'instruction window.open est donc supportée)

J'ai ajouté ceci en entête :

Code :

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

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

Mais est-ce valable pour du code HTML datant de 2001 car selon le valideur W3C trouvé ici il existe effectivement des erreurs...
http://validator.progysm.com/check.php#stat

Peut-on imposer à IE10 le mode de compatibilité IE9 puisque cela fonctionne dans l'outils de développement par F12 ?

**NoSmoking** · 29/03/2013, 15h19

Bonjour,
je commencerais par remplacer tous les <SCRIPT language="JavaScript">par <script type="text/javascript"> voire <script> tout court en mettant un <!DOCTYPE html>.

**jpe54** · 29/03/2013, 20h31

Bonjour NoSmoking,

J'ai suivi vos remarques elles aussi justifiées et dues à des béquilles ajoutées au fil des années depuis 2001.

J'ai donc remplacé tous les <SCRIPT language="JavaScript"> par <script type="text/javascript"> et utilisé un <!DOCTYPE html>

C'est désormais le fichier index auquel vous accédez par mon lien.

A noter que je charge un fichier Liste_Diapos.js qui contient la liste des images à charger.

Malheureusement le mystère reste entier avec IE10 d'autant que l'outils de développement accessible par F12 ne me donne aucune erreur !

Par contre le valideur W3C ne semble pas apprécier la simplification du DOCTYPE... mais est-il vraiment à jour ?

Voici en pièce jointe le module sur lequel je me casse les dents :

**NoSmoking** · 30/03/2013, 11h56

Par contre le valideur W3C ne semble pas apprécier la simplification du DOCTYPE... mais est-il vraiment à jour ?

utilise peut être un validateur à jour http://validator.w3.org/check?uri=ht...Inline&group=0

**jpe54** · 03/04/2013, 12h05

Bonjour,

J'ai un souci de compréhension et surtout de correction des 17 erreurs restantes en particulier celle du type "ligne 384 TITLE not open" malgré lecture de la FAQ... d'autant plus que ce tag existe et est bien ouvert en ligne 375... qui sont les suivantes :

Ligne 375

Code :

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

wPopup.document.write("<!DOCTYPE htlm><html><head><TITLE> "+tabImgSave[num].substring((tabImgSave[num].indexOf("/"))+1)+" - ["+(num+1)+"/"+nb_img+"]</TITLE><style type=\"text/css\">body { margin:0px;overflow:hidden; }</style></head>");

Ligne 384

Code :

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

wPopup.document.write("<!DOCTYPE htlm><html><head><TITLE> "+tabImgSave[num].substring((tabImgSave[num].indexOf("/"))+1)+" - ["+(num+1)+"/"+nb_img+"]</TITLE><style type=\"text/css\">body { margin:0px;overflow:hidden; }</style></head>");

Voici l'analyse de indexW3C.htm :

http://validator.w3.org/check?uri=ht...Inline&group=0

Bref pourrai-je avoir un coup de main ? 1000 mercis par avance !

Bien cordialement