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 :

[DOM] Ajouter un element a un endroit quelconque de la page


Sujet :

JavaScript

  1. #1
    Membre du Club
    Profil pro
    Inscrit en
    Avril 2005
    Messages
    96
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2005
    Messages : 96
    Points : 52
    Points
    52
    Par défaut [DOM] Ajouter un element a un endroit quelconque de la page
    Salut,


    Je souhaite creer un script qui ajoute un element (petite image par exemple) a cote d'un texte que je selectionne avec ma souris.

    J'imaginais un innerhtml mais celui ci ne marche qu'a condition qu'on ait un id de l'endroit ou on veut ajouter l'element. Comment faire quand il s'agit d'un endroit quelconque du document.

    Si vous avex des idees...

    Merci par avance
    JB

  2. #2
    Expert éminent sénior

    Homme Profil pro
    Inscrit en
    Janvier 2007
    Messages
    13 474
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Secteur : Finance

    Informations forums :
    Inscription : Janvier 2007
    Messages : 13 474
    Points : 36 571
    Points
    36 571
    Par défaut
    Bonjour,
    Citation Envoyé par kleenex Voir le message
    celui ci ne marche qu'a condition qu'on ait un id de l'endroit ou on veut ajouter l'element. Comment faire quand il s'agit d'un endroit quelconque du document.
    tu dois de toutes façons identifier clairement, pour ton script, l'endroit de l'insertion. L'ID du conteneur est l'information la plus appropriée.
    Tu peux ensuite ajouter le nouvel élément gràce au DOM, comme indiqué dans la FAQ ...

    A+

  3. #3
    Membre du Club
    Profil pro
    Inscrit en
    Avril 2005
    Messages
    96
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2005
    Messages : 96
    Points : 52
    Points
    52
    Par défaut
    Bonjour,

    Tout d'abord merci pour ta reponse.
    Tu soulignes parfaitement le probleme: 'l'identification du texte selectionne'. Comment peut on identifier alors l'element autrement que par l'id?

    Je cherche a faire un plugin qui s'adapterais a toutes les pages. Donc je ne connais pas l'id du texte que je selectionne (pour peu qu'il y en ait un).

    Merci par avance.

  4. #4
    Membre actif
    Profil pro
    Inscrit en
    Mars 2007
    Messages
    247
    Détails du profil
    Informations personnelles :
    Localisation : France, Bouches du Rhône (Provence Alpes Côte d'Azur)

    Informations forums :
    Inscription : Mars 2007
    Messages : 247
    Points : 276
    Points
    276
    Par défaut
    slt,

    tu peux peut être récupérer la position de la souris et partir de là...ne serait-ce que pour le positionnement.

Discussions similaires

  1. [DOM] ajouter un element dynamiquement dans un tableau (<table>)
    Par Skanking dans le forum Général JavaScript
    Réponses: 19
    Dernier message: 24/01/2009, 11h40
  2. [DOM] Ajout d'element dans un formulaire
    Par mat2424 dans le forum Général JavaScript
    Réponses: 9
    Dernier message: 10/01/2008, 10h37
  3. [DOM] Ajouter une méthode à un element HTML
    Par jo_dalton dans le forum Général JavaScript
    Réponses: 8
    Dernier message: 23/08/2007, 17h10
  4. [DOM] Ajouter de TR à un endroit précis
    Par haltabush dans le forum Général JavaScript
    Réponses: 4
    Dernier message: 11/07/2007, 13h56
  5. Réponses: 12
    Dernier message: 26/02/2003, 08h14

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