IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

Table DOM fonctionne sous FF mais pas IE7


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre éclairé Avatar de SPACHFR
    Profil pro
    Paaaaaa
    Inscrit en
    Février 2004
    Messages
    557
    Détails du profil
    Informations personnelles :
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Paaaaaa

    Informations forums :
    Inscription : Février 2004
    Messages : 557
    Par défaut Table DOM fonctionne sous FF mais pas IE7
    Bonjour,

    J'ai fais un petit exemple pour tester la création de table via DOM afin de me former sur cette technique.
    La table est bien affiché sous FF (3) mais je n'ai rien sous IE7

    Voici mon code (un copier coller si vous souhaité le tester).
    Je ne vois pas ce qui cloche.....
    Pourriez m'aider ?

    Merci

    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>
    <head>
    <script>
    function tst() {
    	var e= document.getElementById('d2');
    	var MyTab = document.createElement('table');
    	MyTab.style.backgroundColor ="red";
    	MyTab.style.border="4";
    	MyTab.id ="EventTable";
    	var tr = document.createElement("tr");
    	var td = document.createElement("td")
    	td.appendChild( document.createTextNode("Cel1") );
    	tr.appendChild( td );
    	MyTab.appendChild(tr);
    	td = document.createElement("td");
    	td.appendChild( document.createTextNode("cel2") );
    	tr.appendChild( td );
    	MyTab.appendChild(tr);
    	e.appendChild(MyTab);
    }
    </script>
    </head>
    <body>
    <div id="d1">
    <input type="button" value="click" onclick="tst();"/>
    </div>
    <div id="d2">
    </div>
    </body>
    </html>

  2. #2
    Rédacteur/Modérateur
    Avatar de andry.aime
    Homme Profil pro
    Inscrit en
    Septembre 2007
    Messages
    8 391
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Ile Maurice

    Informations forums :
    Inscription : Septembre 2007
    Messages : 8 391
    Par défaut
    Salut,
    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
    <html>
    <head>
    <script type="text/javascript">
    function tst() {
    	var MyTab = document.createElement('table');
    	MyTab.style.backgroundColor ="red";
    	MyTab.style.border="4";
    	MyTab.id ="EventTable";
    	var tr = MyTab.insertRow(-1);
    	var td = tr.insertCell(0);
    	td.innerHTML="Cel1";
    	td = tr.insertCell(1);
    	td.innerHTML="Cel2";
    	document.getElementById('d2').appendChild(MyTab);
    }
    </script>
    </head>
    <body>
    <div id="d1">
    <input type="button" value="click" onclick="tst();"/>
    </div>
    <div id="d2">
    </div>
    </body>
    </html>

  3. #3
    Membre éclairé Avatar de SPACHFR
    Profil pro
    Paaaaaa
    Inscrit en
    Février 2004
    Messages
    557
    Détails du profil
    Informations personnelles :
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Paaaaaa

    Informations forums :
    Inscription : Février 2004
    Messages : 557
    Par défaut
    MERCI andry.aime, ce code fonctionne parfaitement.
    J'ai pris le temps de le lire afin de le comprendre, et j'ai découvert des méthodes (je ne sais pas si le termes est approprié) que je ne connaissais pas.

    ex.
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
     
    var tr = MyTab.insertRow(-1);
    	var td = tr.insertCell(0);
    Je comprend bien leur fonctionnement mais aurais-tu un lien me permettant d'avoir la liste de ces "méthodes", car j'ai pas mal cherché avant de poster ma demande mais sans trouver.


  4. #4
    Membre éclairé Avatar de SPACHFR
    Profil pro
    Paaaaaa
    Inscrit en
    Février 2004
    Messages
    557
    Détails du profil
    Informations personnelles :
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Paaaaaa

    Informations forums :
    Inscription : Février 2004
    Messages : 557
    Par défaut
    Bon je crois que j'ai pas tout compris....

    Pourquoi à ton la valeur "-1" sur cette instruction ?

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    var tr = MyTab.insertRow(-1);
    Merci

  5. #5
    Membre chevronné
    Profil pro
    Inscrit en
    Juin 2009
    Messages
    313
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2009
    Messages : 313
    Par défaut
    Autre méthode :

    Pour que ton code fonctionne, il aurait fallu ajouter un élément TBODY et y encapsuler ton ou tes TR.

    TBODY : Requis par IE, fonctionne sous FF.

    N.B. : Tu ajoutes 2 fois le même TR de manière assez curieuse... Pour une ligne pas besoin. Pour deux lignes, tu aurais du créer un nouvel élément.

  6. #6
    Membre éclairé Avatar de SPACHFR
    Profil pro
    Paaaaaa
    Inscrit en
    Février 2004
    Messages
    557
    Détails du profil
    Informations personnelles :
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Paaaaaa

    Informations forums :
    Inscription : Février 2004
    Messages : 557
    Par défaut
    Salut kernelfailure , j'ai bien vue cette balise "TBODY" mais je n'ai pas saisie l'intérêt de celle-ci.

    Le code exemple fourni par andry.aime me plait bien au niveau de la syntaxe. La difficulté est de trouver une documentation afin de comprendre véritablement cette syntaxe notamment celle-ci

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    var tr = MyTab.insertRow(-1);

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Fonctionne sous Firefox mais pas sous IE.
    Par ploxien dans le forum Général JavaScript
    Réponses: 6
    Dernier message: 09/03/2007, 11h50
  2. fonction javascript fonctionnant sous firefox mais pas sous IE
    Par calitom dans le forum Général JavaScript
    Réponses: 1
    Dernier message: 06/03/2007, 12h56
  3. Fonctionne sous IE6 mais pas sous Firefox - Help
    Par fma2112 dans le forum Général JavaScript
    Réponses: 3
    Dernier message: 04/06/2006, 08h29
  4. popup fonctionne sous Mozilla mais pas sous IE
    Par pimpmyride dans le forum Langage
    Réponses: 3
    Dernier message: 30/05/2006, 21h45
  5. [JMF] Code fonctionnant sous Linux mais pas sous XP
    Par Monsieur_Max dans le forum Multimédia
    Réponses: 4
    Dernier message: 25/05/2006, 18h57

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo