Discussion :

[glen1789]

Bonjour,

Je viens chercher votre aide pour un problème surement courant: comment placer un lien sur l'intégralité d'un tr dans un tableau?

D'après mes recherches, le seul moyen est de passer par javascript (onclick) et css (hover -> cursor:pointer), le problème est que cette solution ne permet pas d'ouvrir la page ciblée dans un nouvel onglet, nouvelle page,...

Existe-t-il un moyen de faire en sorte d'avoir un vrai lien sur toute une ligne?

[bob633]

Sans JS ca semble vraiment pas possible ..

Tu peux rajouter la clause blank pour ouvrir dans un nouvel onglet

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

onClick="window.open('URL','blank')"

Tu dois trouver la même opération pour nouvelle page, etc

Le windows open semble pas très apprécier, mais en JS tu feras tout ce que tu souhaites je pense.

[NoSmoking]

Bonjour,

Je viens chercher votre aide pour un problème surement courant: comment placer un lien sur l'intégralité d'un tr dans un tableau?

l'élément TR ne peut contenir comme enfant direct que des TH ou des TD, tout cela pour dire que c'est la conception qui est à revoir.

[glen1789]

Merci pour vos réponses.

l'élément TR ne peut contenir comme enfant direct que des TH ou des TD, tout cela pour dire que c'est la conception qui est à revoir.

Je comprends le fonds de la réponse mais le fait est que la sémantique de ce qui est à afficher c'est bien un tableau de données (liste de dossiers avec numéros, statistiques associées,...) et que le besoin fonctionnel formulé par le client est de pouvoir cliquer sur la ligne pour afficher le contenu du dossier ainsi que de pouvoir (sur firefox) faire un clic droit -> ouvrir dans un nouvel onglet.

Donc la réponse est qu'il n'est pas possible de satisfaire le besoin en respectant la sémantique.

La seule solution que je vois est donc construire un tableau avec d'autre éléments que TABLE, TR et TD (DIV, SPAN et A avec display block).

Si d'autres personnes ont déjà effectués ce type de chose ou ont un conseil ou une idée je suis preneur.

Merci d'avance!

[pc75]

Bonjour,

J'ai peut-être mal compris le besoin, mais ...

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 
<table border="1">
	<tr style="cursor:pointer" onclick="alert('OK');">
		<td>
..........

[glen1789]

Bonjour,

Cette méthode permet en effet de rendre le tableau interactif mais ne réponds pas à ce besoin :

le besoin fonctionnel formulé par le client est de pouvoir cliquer sur la ligne pour afficher le contenu du dossier ainsi que de pouvoir (sur firefox) faire un clic droit -> ouvrir dans un nouvel onglet.

[Bovino]

A la rigueur, une solution pourrait être de mettre un lien dans chaque balise <td> en lui faisant prendre tout l'espace disponible dans la cellule, ce qui revient au même qu'un lien englobant la balise <tr>.

[glen1789]

Je viens de remarquer que ce que je souhaites faire ressemble beaucoup à ce qui est fait sur gmail (tableau contenant tous les mails) et que la non plus il n'est pas possible de faire le clic droit ouvrir dans un nouvel onglet.

Edit: Désolé je n'avais pas vu la dernière réponse.

A la rigueur, une solution pourrait être de mettre un lien dans chaque balise <td> en lui faisant prendre tout l'espace disponible dans la cellule, ce qui revient au même qu'un lien englobant la balise <tr>.

Très bonne idée, c'est la solution qui me semble le plus adapté. Merci de votre aide!