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



...

Tu peux faire ca :

Code:

---

1 2	<a href="javascript:MesSuperInstructions">MonTitre</a>

---

non ?

Tout simplement avec le onclick

exemple

Code:

---

1 2 3

<th valign='bottom' $style1 onclick='redirection ou fonction'></th>

---

Au plaisir !

<th onClick="javascript:instructions();" onMouseOver="this.style.cursor='hand';" onMouseOut="this.style.cursor='default';">

Voilà pour la solution complète ;)

Citation:

---

Envoyé par arkandias

<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:

---

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é!


...

Citation:

---

Envoyé par themateo

Tout simplement avec le onclick

exemple

Code:

---

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 :roll: ? c'est possible avec le javascript ? :roll:



...

Euhhh, de 1 il faut que tu aie une fonction instructions() dans ton code !! Voir même 3

Comme par exemple

Code:

---

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

Citation:

---

Envoyé par arkandias

Euhhh, de 1 il faut que tu aie une fonction instructions() dans ton code !! Voir même 3

Comme par exemple

Code:

---

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:

---

"<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!



...

Euh... c'est vrai que ca ne marche pas non plus avec moi mais...

Essaie avec

Code:

---

"<th onClick=\"javascript:instructions();\" onMouseOver=\"this.style.cursor='pointer';\" onMouseOut=\"this.style.cursor='default';\" id='nom_0' width=\"200\" align=\"center\">Nom</th>";

---

?

Citation:

---

Envoyé par arkandias

Euh... c'est vrai que ca ne marche pas non plus avec moi mais...

Essaie avec

Code:

---

"<th onClick=\"javascript:instructions();\" onMouseOver=\"this.style.cursor='pointer';\" onMouseOut=\"this.style.cursor='default';\" id='nom_0' width=\"200\" align=\"center\">Nom</th>";

---

?

---

bravo :)


merci



...

Ahhhh 8-)

De rien :D

J'ai moi-même appris quelque chose en cherchant ;)