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 :

titres <th> cliquables


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre éclairé
    Profil pro
    Étudiant
    Inscrit en
    Février 2007
    Messages
    379
    Détails du profil
    Informations personnelles :
    Âge : 40
    Localisation : Canada

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Février 2007
    Messages : 379
    Par défaut titres <th> cliquables
    Bonjour,

    J'ai un tableau contenant plusieurs colonnes, je veux que les titres de mes colonnes (<th>) soient cliquables (c.-à.d. tout le rectangle contenant le titre sois cliquable) parce que je voudrais faire un sort pour chaque colonnes, en cliquant sur le titre!


    merci



    ...

  2. #2
    Membre éclairé
    Profil pro
    Inscrit en
    Octobre 2006
    Messages
    381
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Octobre 2006
    Messages : 381
    Par défaut
    Tu peux faire ca :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    <a href="javascript:MesSuperInstructions">MonTitre</a>
    non ?

  3. #3
    Membre habitué
    Profil pro
    Inscrit en
    Août 2007
    Messages
    10
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Août 2007
    Messages : 10
    Par défaut
    Tout simplement avec le onclick

    exemple
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
     
     
    <th valign='bottom' $style1 onclick='redirection ou fonction'></th>
    Au plaisir !

  4. #4
    Membre éclairé
    Profil pro
    Étudiant
    Inscrit en
    Février 2007
    Messages
    379
    Détails du profil
    Informations personnelles :
    Âge : 40
    Localisation : Canada

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Février 2007
    Messages : 379
    Par défaut
    Citation Envoyé par themateo Voir le message
    Tout simplement avec le onclick

    exemple
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
     
     
    <th valign='bottom' $style1 onclick='redirection ou fonction'></th>
    Au plaisir !
    Ca ne marche pas non plus

    et nox75, ton code fera que seulement le texte sera cliquable, moi je veux avoir tout le rectangle cliquable ? c'est possible avec le javascript ?



    ...

  5. #5
    Membre éclairé Avatar de arkandias
    Profil pro
    Inscrit en
    Mai 2007
    Messages
    102
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mai 2007
    Messages : 102
    Par défaut
    Euhhh, de 1 il faut que tu aie une fonction instructions() dans ton code !! Voir même 3

    Comme par exemple

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    function instructions() {
      document.location.href = "page.php?tri=mode";
    }
    Et ensuite en HTML tu n'as pas besoin des \" ! Mets juste " ca marchera mieux

  6. #6
    Membre éclairé
    Profil pro
    Étudiant
    Inscrit en
    Février 2007
    Messages
    379
    Détails du profil
    Informations personnelles :
    Âge : 40
    Localisation : Canada

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Février 2007
    Messages : 379
    Par défaut
    Citation Envoyé par arkandias Voir le message
    Euhhh, de 1 il faut que tu aie une fonction instructions() dans ton code !! Voir même 3

    Comme par exemple

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    function instructions() {
      document.location.href = "page.php?tri=mode";
    }
    Et ensuite en HTML tu n'as pas besoin des \" ! Mets juste " ca marchera mieux

    les slash c'est parce que mes <th> se trouve dans un echo"" (un code php)

    je m'Excuse en fait je suis trés debutant en javascript!!

    ca marche, mais seul probléme, c'est que le curseur reste le meme quand il est au dessus de ce cadre , c'est normal ?

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    "<th onClick=\"javascript:instructions();\" onMouseOver=\"this.style.cursor='hand';\" onMouseOut=\"this.style.cursor='default';\" id='nom_0' width=\"200\" align=\"center\">Nom</th>";
    et la fonction instructions, j'ai mis celle que tu ma donné juste pour tester!



    ...

  7. #7
    Membre éclairé Avatar de arkandias
    Profil pro
    Inscrit en
    Mai 2007
    Messages
    102
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mai 2007
    Messages : 102
    Par défaut
    <th onClick="javascript:instructions();" onMouseOver="this.style.cursor='hand';" onMouseOut="this.style.cursor='default';">

    Voilà pour la solution complète

  8. #8
    Membre éclairé
    Profil pro
    Étudiant
    Inscrit en
    Février 2007
    Messages
    379
    Détails du profil
    Informations personnelles :
    Âge : 40
    Localisation : Canada

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Février 2007
    Messages : 379
    Par défaut
    Citation Envoyé par arkandias Voir le message
    <th onClick="javascript:instructions();" onMouseOver="this.style.cursor='hand';" onMouseOut="this.style.cursor='default';">

    Voilà pour la solution complète

    ca ne marche pas, j'ai fai ca :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    <th onClick=\"javascript:instructions();\" onMouseOver=\"this.style.cursor='hand';\" onMouseOut=\"this.style.cursor='default';\" id='nom_0' width=\"200\" align=\"center\">Nom</th>
                                    <th onClick=\"javascript:instructions();\" onMouseOver=\"this.style.cursor='hand';\" onMouseOut=\"this.style.cursor='default';\" id='pw_0' width=\"200\" align=\"center\">Page Web</th>
                                    <th onClick=\"javascript:instructions();\" onMouseOver=\"this.style.cursor='hand';\" onMouseOut=\"this.style.cursor='default';\" id='desc_0' width=\"200\" align=\"center\">Description</th>

    mais ca ne marche pas , ca ne ma rien changé!


    ...

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

Discussions similaires

  1. Conseil: Liste dynamique de Titre/Resumé cliquable
    Par alavoler dans le forum Windows Forms
    Réponses: 8
    Dernier message: 24/04/2008, 17h51
  2. [VB6] masquer la barre de titre d'une form
    Par tiboleo dans le forum VB 6 et antérieur
    Réponses: 2
    Dernier message: 09/12/2002, 17h54
  3. [VB6] Déplacer la form sans cliquer sur la barre de titre
    Par Ingham dans le forum VB 6 et antérieur
    Réponses: 4
    Dernier message: 14/11/2002, 02h09
  4. Réponses: 2
    Dernier message: 17/10/2002, 16h16

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