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 :

evenement onclick dans du code html généré par js


Sujet :

JavaScript

  1. #1
    Membre à l'essai
    Inscrit en
    Mars 2006
    Messages
    26
    Détails du profil
    Informations forums :
    Inscription : Mars 2006
    Messages : 26
    Points : 22
    Points
    22
    Par défaut evenement onclick dans du code html généré par js
    Salut à tous!

    J'ai un petit probleme que je n'arrive pas à resoudre!

    Voila petite explication: j'ai un champ texte dans lequel je vais taper le debut d'un mot et qui par AJAX va me recuperer les mots qui correspondent dans une base de données avec un numero. Mon probleme se situe au niveau de l'affichage de ma liste:

    Je crée un element LI par resultat, et je veux lui mettre comme attribut onclick="alert('quelquechoz')"

    mais ca ne marche pas! :sweat:

    Voici mon code :
    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
           _completeListe=document.createElement("UL");
    			  _completeListe.id="completeListe";
    			  document.body.appendChild(_completeListe);
     
     
     
     
    			function metsEnPlace(valeur, liste,tels) {
    			  while(_completeListe.childNodes.length>0) {
    			    _completeListe.removeChild(_completeListe.childNodes[0]);
    			  }
     
    			  for (var i=0; i < liste.length; ++i) {
    			    var nouveauElmt = document.createElement("li")
    			    var click = document.createAttribute("onclick");
         			    click.nodeValue = "alert('"+tels[i]+"')";
     
    			    nouveauElmt.innerHTML = liste[i]
    			    nouveauElmt.setAttributeNode(click)
    			    _completeListe.appendChild(nouveauElmt)
    			  }
    			}

  2. #2
    Modérateur
    Avatar de Bisûnûrs
    Profil pro
    Développeur Web
    Inscrit en
    Janvier 2004
    Messages
    9 868
    Détails du profil
    Informations personnelles :
    Âge : 41
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Janvier 2004
    Messages : 9 868
    Points : 16 258
    Points
    16 258
    Par défaut
    Essaie plutôt comme ça :

    Code Javascript : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    var nouveauElmt = document.createElement("li")
    nouveauElmt.onclick = function(){alert(tels[i]);}

  3. #3
    Membre à l'essai
    Inscrit en
    Mars 2006
    Messages
    26
    Détails du profil
    Informations forums :
    Inscription : Mars 2006
    Messages : 26
    Points : 22
    Points
    22
    Par défaut
    Parfait ca marche!! Merci!!

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

Discussions similaires

  1. Code HTML généré par une page JSP
    Par Jauddlv dans le forum Struts 2
    Réponses: 1
    Dernier message: 13/10/2010, 14h37
  2. Récupérer code html généré par une jsp
    Par axel119 dans le forum Servlets/JSP
    Réponses: 1
    Dernier message: 11/09/2007, 16h17
  3. [MySQL] Récupérer Code HTML généré par PHP
    Par @ngelofdeath dans le forum PHP & Base de données
    Réponses: 4
    Dernier message: 26/04/2006, 21h51
  4. Réponses: 12
    Dernier message: 20/04/2006, 15h15

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