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 :

R�cup�rer le contenu d'un <td> en javascript


Sujet :

JavaScript

Vue hybride

Message pr�c�dent Message pr�c�dent   Message suivant Message suivant
  1. #1
    Membre confirm�
    Inscrit en
    Novembre 2003
    Messages
    173
    D�tails du profil
    Informations forums :
    Inscription : Novembre 2003
    Messages : 173
    Par d�faut R�cup�rer le contenu d'un <td> en javascript
    Bonjour � tous.
    J'ai une <table> que je rempli par une function Javascript � partir d'un formulaire
    Code : S�lectionner tout - Visualiser dans une fen�tre � part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
     
    function ajout(f, calTot)
    	{
    	var t=document.getElementById("Panier").tBodies[0];
            var tr, td;
     	tr=document.createElement("tr");
    		for(i=1;i<5;i++)
    		{
    			td=document.createElement("td");
    			td.appendChild(document.createTextNode(f[i].value));
    			tr.appendChild(td);
    		}
    sur double click sur une ligne j'efface toute la ligne par le code suivant
    Code : S�lectionner tout - Visualiser dans une fen�tre � part
    1
    2
    3
    4
    5
     
    tr.ondblclick = function()
    		{
      			this.parentNode.removeChild( this);
    		}
    �a marche tr�s bien. Avant la suppression de la ligne, je voudrais r�cup�rer le contenu d'un <td> (le 4�me) de cette ligne. Pouvez-vous m'indiquer comment proc�der. Merci d'avance.

  2. #2
    Membre chevronn�
    Avatar de Darkaurora
    Homme Profil pro
    D�veloppeur informatique
    Inscrit en
    Mai 2010
    Messages
    382
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Oise (Picardie)

    Informations professionnelles :
    Activit� : D�veloppeur informatique
    Secteur : High Tech - �diteur de logiciels

    Informations forums :
    Inscription : Mai 2010
    Messages : 382
    Billets dans le blog
    1
    Par d�faut
    Malheureusement en JS pure je ne sais pas. !en JQuery par contre �a serait :

    Code : S�lectionner tout - Visualiser dans une fen�tre � part
    1
    2
    3
    4
    5
     
    $( 'tr' ).on( 'dblclick', function( ) {
    var tmpText = $( this ).find( td:eq(3) ).text( );
    $( this ).remove( );
    } );

  3. #3
    Membre confirm�
    Inscrit en
    Novembre 2003
    Messages
    173
    D�tails du profil
    Informations forums :
    Inscription : Novembre 2003
    Messages : 173
    Par d�faut
    Je ne connais rien � jQuery.En tout cas, merci Darkaurora.

  4. #4
    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
    Code : S�lectionner tout - Visualiser dans une fen�tre � part
    1
    2
    3
    4
    5
    tr.ondblclick = function()
    		{
    alert(this.getElementsByTagName('td')[3].innerHTML)  			
    this.parentNode.removeChild( this);
    		}
    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 !

  5. #5
    Membre du Club
    Homme Profil pro
    Inscrit en
    Octobre 2013
    Messages
    12
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations forums :
    Inscription : Octobre 2013
    Messages : 12
    Par d�faut
    Bonjour,

    Je suis d'accord avec la r�ponse de SpaceFrog mais je pense qu'il serait peut �tre plus judicieux d'utiliser .textContent � la place de .innerHTML
    En effet .innerHTML r�cup�re aussi les balises HTML alors que textContent ne r�cup�re que le texte.

    Par exemple : http://jsfiddle.net/quRkQ/1/
    Dans cette exemple il y la solution � ton probl�me et si tu tentes de supprimer la 4�me ligne tu verras la diff�rence entre textContent et innerHTML. Tu choisiras selon ton besoin.

    En esp�rant avoir pu aider.

    PS: je rajouterais juste au passage que cela d�pend le comportement que tu veut avoir mais il est pr�f�rable de ne pas attacher ces �v�nement en utilisant la syntaxe :
    Code : S�lectionner tout - Visualiser dans une fen�tre � part
    element.ondblclick  = function(){ /* do something */ };
    mais plut�t avec addEventListener (+ attachEvent pour la compatibilit� IE < 9 )
    Pour voir la diff�rence et te faire une id�e > http://jsfiddle.net/mLHv8/

  6. #6
    Membre confirm�
    Inscrit en
    Novembre 2003
    Messages
    173
    D�tails du profil
    Informations forums :
    Inscription : Novembre 2003
    Messages : 173
    Par d�faut
    Merci beaucoup j'ai opter pour ".textContent" et �a marche bien. Vous m'avez bien aid�.

+ R�pondre � la discussion
Cette discussion est r�solue.

Discussions similaires

  1. [Servlet]R�cup�rer le contenu d'une page web
    Par Jarodnet dans le forum Servlets/JSP
    R�ponses: 6
    Dernier message: 06/10/2005, 15h47
  2. R�cup�rer le contenu de la balise title
    Par roots dans le forum Langage
    R�ponses: 2
    Dernier message: 11/09/2005, 16h17
  3. R�cup�rer le contenu d'un select
    Par PrinceMaster77 dans le forum G�n�ral JavaScript
    R�ponses: 2
    Dernier message: 23/08/2005, 15h38
  4. R�ponses: 1
    Dernier message: 19/06/2005, 15h44
  5. [Balise XML] Comment r�cup�rer le contenu entre 2 balise?
    Par ZoumZoumMan dans le forum C++Builder
    R�ponses: 5
    Dernier message: 05/03/2004, 16h36

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