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 :

Ajouter une span dans une div avec le DOM


Sujet :

JavaScript

  1. #1
    Membre éprouvé
    Avatar de beegees
    Homme Profil pro
    Développeur Web
    Inscrit en
    Mars 2004
    Messages
    3 610
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 48
    Localisation : Belgique

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : Enseignement

    Informations forums :
    Inscription : Mars 2004
    Messages : 3 610
    Points : 1 277
    Points
    1 277
    Par défaut Ajouter une span dans une div avec le DOM
    Bonjour à tous,

    J'ai une div qui se nomme "pathologie".

    Dans cette div, il y a un autre élément dont l'id est supra1.

    Je voudrais insérer avec supra1 une image.

    Pour cela, j'ai créé deux span avec le DOM :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
     
    var spanEdit = document.createElement('span');
    		spanEdit.innerHTML = "<img src='images/edit-icon.png'/>";
     
    		var spanDelete = document.createElement('span');
    		spanDelete.innerHTML = "<img src='images/Sign-Error-icon.png'/>";
    je les insère :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    document.getElementById('pathologie').insertBefore(spanDelete,'supra'+z);		document.getElementById('pathologie').insertBefore(spanEdit,'supra'+z);
    et j'obtiens ce message d'erreur :

    uncaught exception: [Exception... "Could not convert JavaScript argument arg 1 [nsIDOMHTMLDivElement.insertBefore]" nsresult: "0x80570009 (NS_ERROR_XPC_BAD_CONVERT_JS)" location: "JS frame :: http://localhost:8888/ :: save_pathology :: line 33" data: no]
    line 33 est la suivante :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    document.getElementById('pathologie').insertBefore(spanDelete,'supra'+z);
    Auriez-vous une idée svp ?

    Merci d'avance.

    beegees

  2. #2
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    16 959
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 16 959
    Points : 44 112
    Points
    44 112
    Par défaut
    Bonjour,
    il faut utiliser les créations et insertions DOM jusqu'au bout.

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    var oImage_1, oImage_2;
    oImage_1 = document.createElement('IMG');
    oImage_2 = document.createElement('IMG');
    oImage1.src = 'nom_fichier_1.png';
    oImage2.src = 'nom_fichier_2.png';
    et pour l'insertion il faut passer des références aux éléments et non des ID
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    var oDest  = document.getElementById('pathologie');
    var oNoeud = document.getElementById('supra'+z);
    oDest.insertBefore( oImage_1, oNoeud);

  3. #3
    Membre éprouvé
    Avatar de beegees
    Homme Profil pro
    Développeur Web
    Inscrit en
    Mars 2004
    Messages
    3 610
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 48
    Localisation : Belgique

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : Enseignement

    Informations forums :
    Inscription : Mars 2004
    Messages : 3 610
    Points : 1 277
    Points
    1 277
    Par défaut
    Bonjour,

    Un tout grand merci pour ta réponse.

    J'ai pu résoudre mon problème grâce à toi.

    Bon W.E.
    beegees

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

Discussions similaires

  1. [XL-2007] Afficher une checkbox dans une feuille si une checkbox d'une autre feuille est cochée
    Par JessieCoutas dans le forum Macros et VBA Excel
    Réponses: 3
    Dernier message: 18/08/2009, 13h35
  2. portée d'une variable dans une fonction dans une méthode
    Par laurentg2003 dans le forum Général JavaScript
    Réponses: 4
    Dernier message: 29/06/2009, 19h05
  3. [POO] dans une classe, appeler une fonction dans une méthode
    Par arnaudperfect dans le forum Langage
    Réponses: 3
    Dernier message: 26/08/2007, 23h04
  4. Envoyer une formulaire dans une page dans une Frame
    Par zooffy dans le forum Balisage (X)HTML et validation W3C
    Réponses: 5
    Dernier message: 29/06/2007, 10h13
  5. Recherche une valeur d'une cellule dans une colonne d'une autre feuille
    Par kourria dans le forum Macros et VBA Excel
    Réponses: 8
    Dernier message: 21/06/2007, 13h48

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