Faire un lien sur toute une ligne d'un tableau

Version imprimable

20/06/2011, 09h09
nassing

Faire un lien sur toute une ligne d'un tableau

Bonjour,
J'ai besoin de votre aide car j'aimerai faire un lien sur toute une ligne d'un tableau d'enregistrement mais je n'arrive pas à faire le script javascript, la seule chose que je fais pour l'instant est le lien sur une colonne, donc j'aimerai que le lien marche en cliquant sur n'importe quel endroit de la ligne.
merci d'avance pour votre aide.
20/06/2011, 09h11
vermine

Bonjour,

Pourrions-nous voir votre code et vos tests ? :)

mon tableau est le suivant( en fait j'utilise zen framework) donc c'est ma vue.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
 
<table class="table-fo-recrutement" cellpadding="4" cellspacing="1" border="0">
		<tr>
			<th colspan="5"><?php echo $this->offreMavant->translateReturned; ?></th>
		</tr>
		<tr>
			<th><?php echo $this->titre->translateReturned; ?><br></th>
			<th><?php echo $this->contrat->translateReturned; ?><br></th>
			<th><?php echo $this->domaine->translateReturned; ?><br></th>
			<th><?php echo $this->remuneration->translateReturned; ?><br></th>
			<th><?php echo $this->date->translateReturned; ?><br></th>
		</tr>
			<?php $nbOffres = count($this->listOffresMA); ?>
			<?php if($nbOffres > 0):?>
			<?php $cptOffres = 0;?>
			<?php foreach($this->listOffresMA as $offre): ?>
			<?php if(($cptOffres % 2) == 0):?>
				<?php $class = "td2";?>
			<?php else: ?>
				<?php $class = "td1";?>
			<?php endif ?>		
			<tr class="<?php echo $class;?>" onmouseover="this.className='tdover'" onmouseout="this.className='<?php echo $class;?>'">
			    <td><a class='link-domaine'	href="/recruthor/index/voir-offre/offreId/<?php echo $offre->offreId;?>/lang/<?php echo $offre->langCode;?>"><?php echo $offre->offreTitre; ?></a></td>
				<td><?php echo $offre->contratTitre; ?></td>
				<td><?php echo $offre->domaineTitre ; ?></td>
				<td><?php echo $offre->offreRemuneration ; ?>€</td>
				<td><?php echo $offre->offreDateModif; ?></td>
			<?php $cptOffres++;?>
			<?php endforeach; ?>
			<?php endif; ?>
			</tr>
	</table>

20/06/2011, 09h18
nassing

je fais le lien sur la première colonne du tableau, j'aimerai le faire sur toute la ligne.
20/06/2011, 09h43
vermine

Attention de nous donner le code HTML généré et non le code PhP. ;)

Avec un onclick sur le <tr>, vous pourriez sans doute faire un location.href.

j'ai essayé avec un onclick sur le tr mais ça ne marche toujours pas.
ce que j'ai fais:

Code:

1
2
 
<tr onclick="document.localtion.href='/recruthor/index/voir-offre/offreId/<?php echo $offre->offreId;?>/lang/<?php echo $offre->langCode;?><?php echo $offre->offreTitre; ?>'" class="<?php echo $class;?>" onmouseover="this.className='tdover'" onmouseout="this.className='<?php echo $class;?>'">

20/06/2011, 10h08
vermine

Peut-être à cause d'une lettre en trop dans "localtion" ? Et le fait que ce soit un attribut de window et non de document ?

Code:

window.location.href
20/06/2011, 10h33
nassing

merci pour la remarque , j'ai corrigé et ça ne marche toujours pas:cry::
20/06/2011, 10h48
vermine

Montrez-nous le code HTML généré (clic-droit afficher source). ;)

avec un click droit ça donne ceci:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
 
<table class="table-fo-recrutement" cellpadding="4" cellspacing="1" border="0">
		<tr>
			<th colspan="5">Offres mises en avant</th>
		</tr>
		<tr>
			<th>Titre de l'offre<br></th>
 
			<th>type de contrat<br></th>
			<th>Domaine d'activité<br></th>
			<th>Rémunération annuelle<br></th>
			<th>Date de publication<br></th>
		</tr>
 
			<tr onclick="window.location.href='/recruthor/index/voir-offre/offreId/1/lang/frdeveloppement'" class="td2" onmouseover="this.className='tdover'" onmouseout="this.className='td2'">
			    <td><a class='link-domaine'	href="/recruthor/index/voir-offre/offreId/1/lang/fr">developpement</a></td>
 
				<td>CDI</td>
				<td>developpement</td>
				<td>25000€</td>
				<td>16/06/2011 18:00:28</td>
 
			<tr onclick="window.location.href='/recruthor/index/voir-offre/offreId/9/lang/froffre en developpement'" class="td1" onmouseover="this.className='tdover'" onmouseout="this.className='td1'">
			    <td><a class='link-domaine'	href="/recruthor/index/voir-offre/offreId/9/lang/fr">offre en developpement</a></td>
 
				<td>CDI</td>
				<td>developpement</td>
				<td>254500€</td>
				<td>16/06/2011 11:44:27</td>
 
			<tr onclick="window.location.href='/recruthor/index/voir-offre/offreId/5/lang/frCommerce, vente, distribution'" class="td2" onmouseover="this.className='tdover'" onmouseout="this.className='td2'">
			    <td><a class='link-domaine'	href="/recruthor/index/voir-offre/offreId/5/lang/fr">Commerce, vente, distribution</a></td>
 
				<td>CDD</td>
				<td>commercial</td>
				<td>32400€</td>
				<td>16/06/2011 10:29:15</td>
 
			<tr onclick="window.location.href='/recruthor/index/voir-offre/offreId/4/lang/frGestion, comptabilité, management des entreprises'" class="td1" onmouseover="this.className='tdover'" onmouseout="this.className='td1'">
			    <td><a class='link-domaine'	href="/recruthor/index/voir-offre/offreId/4/lang/fr">Gestion, comptabilité, management des entreprises</a></td>
 
				<td>stage</td>
				<td>gestion commercial</td>
				<td>32000€</td>
				<td>16/06/2011 10:22:04</td>
 
			<tr onclick="window.location.href='/recruthor/index/voir-offre/offreId/3/lang/frmaintenance informatique'" class="td2" onmouseover="this.className='tdover'" onmouseout="this.className='td2'">
			    <td><a class='link-domaine'	href="/recruthor/index/voir-offre/offreId/3/lang/fr">maintenance informatique</a></td>
 
				<td>interimaire</td>
				<td>informatique</td>
				<td>30650€</td>
				<td>16/06/2011 10:19:55</td>
												</tr>
	</table>

20/06/2011, 11h12
vermine

Essayez en enlevant les premiers "/" :

Code:

window.location.href='/recruthor
20/06/2011, 11h17
nassing

Et voila ça marche bien, Merci beaucoup pour votre aide :ccool: