Discussion :

[seb-65]

Bonjour,

Dans ma table suivante lorsque je clique sur le DIV situé dans la colonne N°4 je voudrais modifier le texte de la colonne N°3 :

Si texte = on alors texte = off
Si texte = off alors texte = on

Mais je n'arrive pas à le faire... J'essaye de récupérer l'ID du TD, mais je n'y parviens pas.

Code html :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<table class="Tab">
<tr><th>COL1</th><th>COL2</th><th>COL3</th><th>COL4</th></tr>
<tr>
        <td>Ligne 1</td>
        <td id="11">11</td>
        <td>off</td>
        <td class="edit"><div onclick="change(11,this)"></div></td></tr>
<tr>
        <td>Ligne 2</td>
        <td id="12">12</td>
        <td>off</td>
        <td class="edit"><div onclick="change(12,this)"></div></td></tr>
<tr>
        <td>Ligne 3</td>
        <td id="3">3</td>
        <td>off</td>
        <td class="edit"><div onclick="change(3,this)"></div></td></tr>
</tr>
</table>

Code html :

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

<div onclick="change(3,this)">

Je change juste l'image sur le onclick...

[danielhagnoul]

Bonsoir

Code HTML :

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

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
<table class="Tab">
	<thead>
		<tr>
			<th>COL1</th>
			<th>COL2</th>
			<th>COL3</th>
			<th>COL4</th>
		</tr>
	</thead>
	<tbody>
		<tr>
	        <td>Ligne 1</td>
	        <td id="td11">11</td>
	        <td>off</td>
	        <td class="edit">
	        	<div>Cliquez-moi !</div>
	        </td>
	    </tr>
		<tr>
	        <td>Ligne 2</td>
	        <td id="td12">12</td>
	        <td>off</td>
	        <td class="edit">
	        	<div>Cliquez-moi !</div>
	        </td>
	    </tr>
		<tr>
	        <td>Ligne 3</td>
	        <td id="td3">3</td>
	        <td>off</td>
	        <td class="edit">
	        	<div>Cliquez-moi !</div>
	        </td>
		</tr>
	</tbody>
</table>

Code JavaScript :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
/*
 * Si texte = on alors texte = off
 * Si texte = off alors texte = on
 */
$( "td.edit" ).on( "click", function(){
	var jObj = $( this ).prev(),
	    str = ( jObj.text() == "off" ) ? ( "on" ) : ( "off" );
 
	// debug
	// console.log( jObj, str );
 
	jObj.text( str );
});