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 :

Changer la propriété des <tr> d'une <table>


Sujet :

jQuery

  1. #1
    Membre éclairé Avatar de sami_c
    Profil pro
    Chef de projet
    Inscrit en
    Mai 2002
    Messages
    763
    Détails du profil
    Informations personnelles :
    Localisation : Tunisie

    Informations professionnelles :
    Activité : Chef de projet

    Informations forums :
    Inscription : Mai 2002
    Messages : 763
    Par défaut Changer la propriété des <tr> d'une <table>
    Bonjour,
    J'ai le tableau suivant :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    <table id='t'>
    <tr id='1'> ... </tr>
    <tr id='2'> ... </tr>
    <tr id='3'> ... </tr>
    </table>
    je voudrais ajouter un appel à une fonction js quand je clique sur une ligne, en fonction de la valeur de "id", donc en gros le résultat final doit être
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    ...
    <tr id='1' onclick='toto(1)'> ... </tr>
    <tr id='2' onclick='toto(2)'> ... </tr>
    <tr id='3' onclick='toto(3)'> ... </tr>
    ...
    juste à titre indicatif, la page HTML sera intégré dans une application AIR, le contenu provenant d'une requête PHP, il est impossible d'exécuter du JS provenant depuis l'extérieur, donc il faut que je l'ajoute moi même après avoir récupéré le contenu HTML (le tableau)
    merci

  2. #2
    Membre averti
    Inscrit en
    Octobre 2009
    Messages
    15
    Détails du profil
    Informations personnelles :
    Âge : 43

    Informations forums :
    Inscription : Octobre 2009
    Messages : 15
    Par défaut
    j'ai eu le même cas que toi il y a peu et je récupère l'id d'une ligne pour la supprimer d'un tableau avec une base de données derriere
    je vais décrire comment j'ai procédé :

    je construit mon tableau dans un fichier php, il est appellé via une fonction qui fait : $('lieu du tableau').load('nom du fichier php');

    chaque ligne (tr) à un identifiant : "ligne-" suivi d'un numéro

    a chaque fin de ligne j'ai un td avec class="turnon" et un l'id de la ligne
    (pour éviter les conflits avec ligne- ), que j'utilise comme un bouton de suppression.



    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
     
    $(".turnon").live("click", function(){ 
    				   if(confirm( $(this).attr('id') )){
    				   ligne=$(this).attr('id');
    				   alert('suppression de la ligne'+ligne);
    				   $('#montableau tr[id="ligne-'+ligne+'"] td').hide();
    				   }
     
    				   });
    avec la dernière version du jquery live() est très utile
    pour plus d'info sur live()
    Donc je récupère l'id grâce à "$(this).attr('id');"
    après tu peux faire à peu pres ce que tu veux

Discussions similaires

  1. Changer la propriétés des Objets
    Par JustMe dans le forum Langage
    Réponses: 10
    Dernier message: 10/11/2009, 11h56
  2. Réponses: 3
    Dernier message: 23/04/2007, 10h26
  3. Réponses: 3
    Dernier message: 10/04/2007, 18h09
  4. Recuperer les max des dates à partir d'une autre table
    Par inabil dans le forum Langage SQL
    Réponses: 8
    Dernier message: 20/11/2006, 15h19
  5. Réponses: 1
    Dernier message: 09/11/2006, 13h34

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