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

jQuery Discussion :

Dom et jquery


Sujet :

jQuery

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre averti
    Profil pro
    Inscrit en
    Janvier 2011
    Messages
    13
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Janvier 2011
    Messages : 13
    Par défaut Dom et jquery
    Bonjour,

    Voila je voudrai lors d'un appuie sur un lien "Editer" dans un tableau qui liste des images :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
     
    <tr>
      <td>
    	<?php echo $nomPhoto ?>
      </td>
      <td>
    	<a href="#"><img src="<?php echo $rep.$nomFichier; ?>"></a>
      </td>
      <td>
          <a href="#" id="" class="boutonEdit">Editer</a>&nbsp;|&nbsp;<a href="#">Supprimer</a>
      </td>
    </tr>

    Récupérer certaines informations contenu dans des champs img et texte des deux td précédent, pour les envoyé dans un formulaire d'edition qui apparait au dessous du tableau.

    Je pensais faire simplement un

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
     
    $(".boutonEdit").click(function(){
    		image=this.parentNode;
    		image=image.previousSibling;
    		image=image.lastChild;
     
    		nom=this.parentNode;
    		nom=nom.previousSibling;
    		nom=nom.previousSibling;
    		nom=nom.firstChild;
    		nom=nom.firstChild;
    			});
    Le this ne fait référence à rien, et je ne comprend pas vraiment pourquoi :/

  2. #2
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 659
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 659
    Billets dans le blog
    1
    Par défaut
    this fait référence à ta fonction anonyme
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

  3. #3
    Membre averti
    Profil pro
    Inscrit en
    Janvier 2011
    Messages
    13
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Janvier 2011
    Messages : 13
    Par défaut
    Comment je peux faire en sorte de lui dire d'enregistrer l'élément sur lequel je clic ?

  4. #4
    Rédacteur
    Avatar de Arnaud F.
    Homme Profil pro
    Développeur COBOL
    Inscrit en
    Août 2005
    Messages
    5 183
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 38
    Localisation : France

    Informations professionnelles :
    Activité : Développeur COBOL
    Secteur : Finance

    Informations forums :
    Inscription : Août 2005
    Messages : 5 183
    Par défaut
    Bonjour,

    si vous voulez n'utiliser que l'élément cliqué et non tout ceux qui ont la classe ".boutonEdit", alors vous devez utiliser les propriétés de l'objet event passé en paramètre :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    $(".boutonEdit").click(function(event) {
    	var target = $(event.target); // Le bouton cliqué uniquement
    	var image = target.parentNode;
    	image = image.previousSibling;
    	image = image.lastChild;
     
    	var nom = $(event.target).parentNode;
    	nom = nom.previousSibling;
    	nom = nom.previousSibling;
    	nom = nom.firstChild;
    	nom = nom.firstChild;
    });
    C'est par l'adresse que vaut le bûcheron, bien plus que par la force. Homère

    Installation de Code::Blocks sous Debian à partir de Nightly Builds

  5. #5
    Membre averti
    Profil pro
    Inscrit en
    Janvier 2011
    Messages
    13
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Janvier 2011
    Messages : 13
    Par défaut
    Super la classe ça marche (en retirant un $) merci
    Seulement j'ai un autre soucis j'arrive à récuperer la valeur texte donné par
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <?php echo $nomPhoto ?>
    dans le premier td (j'ai vérifié avec un alert qui semble prendre en compte des saut de lignes Oo) et il m'est impossible d'envoyer cette derniere dans un champs type="text" je n'ai pas d'erreur dans la console pourtant suis-je forcé de stocker le
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <?php echo $nomPhoto ?>
    dans un type="text" également?

  6. #6
    Rédacteur
    Avatar de Arnaud F.
    Homme Profil pro
    Développeur COBOL
    Inscrit en
    Août 2005
    Messages
    5 183
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 38
    Localisation : France

    Informations professionnelles :
    Activité : Développeur COBOL
    Secteur : Finance

    Informations forums :
    Inscription : Août 2005
    Messages : 5 183
    Par défaut
    Un peu de code vaudra mieux qu'un long discours, je n'ai pas compris ce que vous souhaitez faire.

    Postez un bout de code
    C'est par l'adresse que vaut le bûcheron, bien plus que par la force. Homère

    Installation de Code::Blocks sous Debian à partir de Nightly Builds

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

Discussions similaires

  1. Faire du DOM avec jQuery
    Par okoweb dans le forum jQuery
    Réponses: 1
    Dernier message: 31/08/2011, 17h53
  2. parcours du dom en jquery
    Par globz dans le forum jQuery
    Réponses: 3
    Dernier message: 30/11/2009, 08h31
  3. Dom et jquery
    Par Pacen dans le forum jQuery
    Réponses: 1
    Dernier message: 02/08/2009, 21h00
  4. Réponses: 4
    Dernier message: 02/06/2008, 11h51
  5. [DOM] Comment détruire un objet jQuery ?
    Par tatayecorp dans le forum jQuery
    Réponses: 1
    Dernier message: 20/09/2007, 10h57

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