Discussion :

[knebhi]

Bonjour,

jutilise jquery et les event pour que lors d'un click sur un <a> un element textuel soit mis en couleur.
jutilise pour ce fait :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
 
function fadeNom() {
	$("div#phrase").each(function() {
 
		$(this).find("span.nom").css("color", "blue");
 
	});
}
$(document).ready(function() {
$("#fadeNOM").click(function() {
		fadeNom($(this).html());
		}
	});

je voudrai qu'en recliquant sur le meme <a> l'effet soit annulé et donc concretement que lelement soit en noir.
j'ai reussi a proceder on utilisant le dbclick mais je voudrai savoir si vous avez une méthode plus ergonomique et economique.

merci

[Sourrisseau]

est toujours une source de grande satisfaction. Pour cela je me permet de te suggérer une approche qui permettra de profiter au mieux de la bibliothèque jquery. Comme dis cet adage très connu , il faut 'rendre ce qui est à César ce qui est César , et ceux qui est à jquery à jquery'. Nous allons donc utiliser la CSS ( César n'est pas disponible en ce moment ) pour le style et jquery pour les évènements :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
 
<style>
   .cesar { color : blue}
</style>
 
$(document).ready(function() {
    $("#fadeNOM").click(function() {
	       $("div#phrase").find("span.nom").toggleClass('cesar');
 
	});
});

je présume que ton

Code :

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

1
2
 
$("div#phrase").each ....

est une erreur car tu ne dois pas avoir plusieurs fois le même id dans une page.

Concrètement l'utilisation d'une class CSS permet de laisser la feuille de style mettre du look et la fonction jquery.toggleClass() offre une méthode simple pour enlever ou mettre une class à tes sélecteurs.

Enfin nous avons pu garder cesar ce qui n'est pas rien !!! Un empereur dans jquery , ce n'est pas banal !!!