script compatibilité avec IE7 et FFX2

**Kicker** · 07/01/2009, 13h13

Bonjour,

Voilà, j'ai mis en ligne mon portfolio il y a quelques temps et je me suis aperçu qu'il ne passait pas sous IE7 ni Firefox2.
Il semblerait que l'erreur vienne du Javascript, car c'est cette partie là du site qui ne s'affiche pas.
Est-ce que quelqu'un pourrait m'éclairer et me dire quelles modifications je dois apporter pour que mon site soit plus portatif ?

Voici l'adresse : http://h3md.free.fr
Et le code source généré par le xsl :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
<html lang="fr" onload="Init(evt)"><head><meta content="text/html; charset=UTF-8" http-equiv="Content-Type"><title>
                    Portfolio de Mickaël HASSINE - Ingénieur logiciel
                </title><meta content="text/html; charset=UTF-8" http-equiv="content-type"><meta content="text/css" http-equiv="Content-Style-Type"><link href="style.css" title="Style" type="text/css" media="screen" rel="stylesheet"></head><body><script type="text/javascript">
 
                        function Init(evt)
                        {
                        };
 
                        function affiche_page(dim, adresse)
                        {
                            var corps = document.getElementById('corps');
                            var obj = document.getElementById('obj');
                            obj.setAttributeNS(null, 'data', adresse);
                            corps.setAttributeNS(null, 'style', dim);
                        };
                </script><div id="bords"><a href="./portfolio.xml"><img src="images/banniere.jpg"></a><div id="menu"><h2>Travaux</h2><div class="item"><h3>Devoir et Projets</h3><ul>
        <li><b><a href='javascript:affiche_page("height:200px;", "wsia.html")'>TDs de WSIA</a></b></li>
        <li><b><a href='javascript:affiche_page("height:720px; width:560px;", "reversi.html")'>Reversi</a></b></li>
        <li><b><a href='javascript:affiche_page("height:900px; width:930px;", "metro.html")'>Trajets de Métro</a></b></li>
        <li><b><a href='javascript:affiche_page("height:220px;", "unification.html")'>Algorithme d'unification</a></b></li>
 
    </ul></div><div class="item"><h3>Projets Personnels</h3><ul>
        <li><b><a href='javascript:affiche_page("height:870px; width:820px;", "jeu.html")'>Runaway Shooter</a></b></li>
        <li><b><a href='javascript:affiche_page("height:200px;", "sudoku.html")'>Sudoku Solver</a></b></li>
    </ul></div><h2>Documents</h2><div class="item"><ul>
        <li><b><a href='javascript:affiche_page("height:980px;", "CV.html")'>CV</a></b></li>
    </ul></div></div><div style="height: 500px;" id="corps"><object style="height: 100%; width: 100%;" data="accueil.html" type="html" id="obj"></object></div></div><div id="pied"><p><a href="http://jigsaw.w3.org/css-validator/"><img alt="CSS Valide !" src="http://jigsaw.w3.org/css-validator/images/vcss-blue" style="border: 0pt none ; width: 88px; height: 31px;"></a></p><p>
 
                        Copyright HASSINE Mickaël 2008, tous droits réservés
                        <br> Si cette page ne s'affiche pas correctement, utilisez le navigateur <a href="http://www.mozilla-europe.org/fr/firefox/">Mozilla Firefox</a>.
                    </p></div></body></html>

Merci d'avance

**Kicker** · 11/01/2009, 10h53

Bon, j'ai fini par trouver la solution après une loooonnngue prise de tête...

Apparemment, quand on veut modifier les attributs d'un élément avec Javascript, il vaut mieux en créer un nouveau et remplacer l'ancien.

Le script ci-dessous est donc compatible avec FF2 et IE7, contrairement à l'ancienne version.

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 
function affiche_page(dim, adresse)
{
     var corps;
     var ncorps;
     var obj;
     var nobj;
 
     obj = document.getElementById("obj");
     nobj = obj.cloneNode(true);
     nobj.setAttribute("data", adresse);
     obj.parentNode.replaceChild(nobj, obj);
 
     corps = document.getElementById("corps");
     ncorps = corps.cloneNode(true);
     ncorps.setAttribute("style", dim);
     corps.parentNode.replaceChild(ncorps, corps);
};

En espérant aider tous ceux qui pourraient se retrouver dans une situation analogue...

script compatibilité avec IE7 et FFX2

JavaScript

Discussions similaires

Partager

Partager