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 :

Impossible de recupérer le text d'un paragraphe


Sujet :

jQuery

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé
    Profil pro
    Inscrit en
    Mars 2010
    Messages
    85
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mars 2010
    Messages : 85
    Par défaut Impossible de recupérer le text d'un paragraphe
    Bonjour,

    j'essai de faire une fonction qui va récupérer le text présent dans un paragraphe et de valoriser une variable avec. Mais cette variable est vide au lieu de m'afficher blablabla comme si le $(this) ne fonctionnait pas.

    mon code html est:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    <p>blablabla<img src="edit.png" alt="edit" OnClick="ModifyThisIntoInput();"/></p>
    et la fonction javascript:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
     
    function ModifyThisIntoInput(){
    	 var text = $(this).parent().text() ;
    	 alert(text);
    }
    Seriez vous me dire pourquoi?

    Merci

  2. #2
    Expert éminent

    Avatar de vermine
    Profil pro
    Inscrit en
    Mars 2008
    Messages
    6 582
    Détails du profil
    Informations personnelles :
    Âge : 40
    Localisation : Belgique

    Informations forums :
    Inscription : Mars 2008
    Messages : 6 582
    Par défaut
    Bonjour,

    Je ne sais pas en jQuery mais en Javascript pur j'aurais dit :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <p>blablabla<img src="edit.png" id="id_test" alt="edit" OnClick="ModifyThisIntoInput(this);"/></p>

    Code js : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
     
    function ModifyThisIntoInput(obj){
    	 var text = obj.parent().text() ;
    	 alert(text);
    }

    Ou bien pour être sûr :


    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <p>blablabla<img src="edit.png" id="id_test" alt="edit" OnClick="ModifyThisIntoInput(this);"/></p>
    Code js : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
     
    function ModifyThisIntoInput(obj){
    	 var text = $(obj.id).parent().text() ;
    	 alert(text);
    }

  3. #3
    Modérateur

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

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 211
    Par défaut
    Bonjour,
    pour commencer prend l'habitude d'écrire les événements en minuscule

    et je n'ai rien à ajouter à ce que viens de mettre vermine, qui a tout juste, il faut savoir ce qu'est le this dans la fonction.

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    function ModifyThisIntoInput(obj){
      alert( $(obj).parent().text());
    }

  4. #4
    Membre confirmé
    Profil pro
    Inscrit en
    Mars 2010
    Messages
    85
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mars 2010
    Messages : 85
    Par défaut
    bonjour merci pour vos réponses, j'ai des contraites et celles ci m'empêche de mettre des id.

    Pourtant lorsque je me met directement dans le onclick ca marche:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    onclick="alert($(this).parent().text());"
    Je pensai que dans ma fonction le this representait l'element qui appel la fonction

  5. #5
    Membre confirmé

    Profil pro
    Inscrit en
    Janvier 2011
    Messages
    66
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Janvier 2011
    Messages : 66
    Par défaut
    La syntaxe correct est "obj." et non "$(obj)." .


    Nico

  6. #6
    Modérateur

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

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 211
    Par défaut
    Citation Envoyé par nico78200 Voir le message
    La syntaxe correct est "obj." et non "$(obj)." .
    merci pour l'info...il va bien falloir six mètres sérieusement

  7. #7
    Membre confirmé
    Profil pro
    Inscrit en
    Mars 2010
    Messages
    85
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mars 2010
    Messages : 85
    Par défaut
    J'ai résolu le problème

    merci

  8. #8
    Membre confirmé

    Profil pro
    Inscrit en
    Janvier 2011
    Messages
    66
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Janvier 2011
    Messages : 66
    Par défaut
    J'ai update mon post précèdent. Ok bonne soirée.

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

Discussions similaires

  1. Réponses: 2
    Dernier message: 28/04/2006, 17h51
  2. [FLASH MX] Impossible d'afficher le texte
    Par unix27 dans le forum Flash
    Réponses: 4
    Dernier message: 20/04/2006, 13h28
  3. [MFC]Impossible de changer le texte d'un LABEL
    Par jlassira dans le forum MFC
    Réponses: 7
    Dernier message: 01/03/2006, 16h39
  4. Réponses: 19
    Dernier message: 10/05/2005, 10h44
  5. EditMask et recupération du text brute
    Par Andry dans le forum Composants VCL
    Réponses: 5
    Dernier message: 01/10/2004, 20h08

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