Modifier le onclik d'une balise par JS [Résolu]

[darkterreur]

Bonjour,

certaine partie d'un tableau change en fonction de deux radio
Je me demande si j'ai le droit de faire ceci :

Code :

1
2
<td id="modif1" onclick="sort('DUREE')">Ouverte depuis...</td>
					<td id="modif2" onclick="sort('OBJETDEB')">Commentaire</td>

et modifier mon onclick avec du javascript voila ma fonction:

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 
function critereSupp(choix)
{
	if(choix == "oui")
	{
		$("critere_date").style.display = "block";
 
		$("modif1").onclick = "sort('DATEDEB')"; 
		$("modif2").onclick = "sort('DUREETOT')";
		$("modif1").innerHTML = "Début de session";
		$("modif2").innerHTML = "Durée Totale";
		......
	}
	if(choix == "non")
	{
		... je fais le contraire ....
	}
}

Les titres sont bien changé mais quand j'essaye de clicker dessus cela ne fait rien même pas un rechargement de la page.

Donc je me demande si j'ai bien le droit de le faire ou si je fait une erreur de syntaxe.

Merci d'avance pour vos réponse.

[Eric2a]

Salut,

Code :

1
2
$("modif1").onclick = function(){sort('DATEDEB');}; 
$("modif2").onclick = function(){sort('DUREETOT');};

[andry.aime]

Bonsoir,

Est-ce du jQuery? si c'est le cas,

Code :

$("#modif1").click(function(){sort('DATEDEB');}) ;

A+.

[darkterreur]

Mince j'ai oublier de préciser non ce n'est pas du JQuery.

Merci pour vos réponse je vais tester rapidement et je reviens vers vous.

[darkterreur]

Alors apres test cela fonction grand merci, mais alors comment peut ton interpréter le

Code :

function()

qui visiblement a tout changer, qu'est ce que cela a fait?
Peut être cela permet 'il de spécifier que nous allons lui donner une fonction?

Merci d'avance.

[Bovino]

Envoyé par darkterreur

comment peut ton interpréter le

Code :

function()

Ben en cliquant sur l'élément

[darkterreur]

Non non je me suis surement mal exprimé
je sais ce que c'est cencé faire mais comment définir le role de

Code :

function()

dans mon code?

[Eric2a]

Contrairement à l'attribut onclick de l'élément HTML...

Code html :

<td id="modif1" onclick="sort('DUREE')">

La propriété onclick peut être :

1) une réference à une fonction déclarée dans le code.

Code js :

1
2
3
4
5
6
7
8
9
10
11
12
13
 
// Déclaration des fonctions
function sort_DATEDEB(){
	sort('DATEDEB');
}
 
function sort_DUREETOT(){
	sort('DUREETOT');
}
 
// Gestionnaires d'évenement
$("modif1").onclick = sort_DATEDEB;	// Appel la fonction sort_DATEDEB() lors du clique
$("modif2").onclick = sort_DUREETOT;	// Appel la fonction sort_DUREETOT() lors du clique

2) une fonction anonyme

Code js :

1
2
3
4
 
// Gestionnaires d'évenement
$("modif1").onclick = function(){sort('DATEDEB');};	// Appel cette fonction lors du clique
$("modif2").onclick = function(){sort('DUREETOT');};	// Appel cette fonction lors du clique

[darkterreur]

Donc si je comprend bien une fonction

Code :

1
2
3
4
5
 
function sort(param)
{
	tout un tas de truc avec mon param ;
}

avec un paramètre c'est donc une fonction anonyme?
et je dois utiliser function() pour l’appeler ?

[Dave Lopeur]

pas vraiment, non...

Les fonctions sont anonymes car déclarées lors de leur affectation à l'évènement onClick. On ne peut donc pas s'en servir ailleurs.

Si elles avaient été déclarées ailleurs puis appelées à la manière de sort_DATEDEB, elles ne seraient pas anonymes...

[darkterreur]

D'accord

Mais ma fonction sort() est déclaré dans une autre page .js inclue dans la page courante.

donc si je comprend bien j'aurai pu faire ceci ?

Code :

1
2
 
$("modif1").onclick = sort('DATEDEB');

Merci d'avance pour vos informations.

[Bovino]

Non.
onclick attend comme valeur un callback, c'est-à-dire une référence à une fonction, donc soit une fonction anonyme, soit le nom de la fonction.
Si tu écris

Code :

$("modif1").onclick = sort('DATEDEB');

tu affectes le résultat de l’exécution de la fonction, il faut donc écrire

Code :

$("modif1").onclick = sort;

mais là, tu ne peux pas passer de paramètre, c'est pourquoi il faut l'englober dans une fonction anonyme :

Code :

$("modif1").onclick = function(){sort('DATEDEB');};

[darkterreur]

ha oui tout est clair maintenant comme de l'eau de roche
et bien je vous remercie beaucoup pour votre patience.