Discussion :

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

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

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 :

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

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

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 :

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

$("#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 :

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

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]

comment peut ton interpréter le

Code :

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

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 :

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

function()

dans mon code?

[Eric2a]

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

Code html :

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

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

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

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 :

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

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 :

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

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 :

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

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 :

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

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

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

Code :

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

$("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 :

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

$("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.