Discussion :

[Calvein]

N'ayant pas trouvé de réponse à mes question je les postes ici.

Avec l'attribut onClick sur un lien, peut-on utiliser la donnée $(this) dans la fonction appelée ?

J'illustre :

Code html :

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

1
2
3
4
5
6
 
<div class='div'>
	<div class='submit'>
		<a href='#' class="cancel" onClick='cancel(); return false;'>Cancel</a>
	</div>
</div>

Code javascript :

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

1
2
3
4
5
6
 
function cancelChapter()
{
	alert( $(this).parents() );
	$(this).parents().html("");
}

Mon code javascript est un peu bidon, c'est normal je voulais faire des test, ce que j'aimerai, c'est pouvoir me positionner sur le parent du parent du lien sur lequel pointe le onClick, donc, sur le div de classe div.

Merci

[Bovino]

Code :

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

$(this).parent('.div')

[marcha]

Salut,

oui tu peux, mais si tu utilise JQuery autant tout faire de manière non obstrusive.

Code :

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

1
2
3
4
5
6
 
<div class='div'>
	<div class='submit'>
		<a href='#' class="cancel">Cancel</a>
	</div>
</div>

et en JS

Code :

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

1
2
3
4
5
 
$('a.cancel').click(function(event) {
  event.preventDefault();
  $(this).....
});

Autant utiliser le href avec un url à appeler en cas de javascript désactivé
au lien de '#'

[Calvein]

Salut,

oui tu peux, mais si tu utilise JQuery autant tout faire de manière non obstrusive.

J'ai mis le onClick pour l'exemple

Donc avec comme html :

Code :

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

1
2
3
4
5
6
 
<div class='div'>
	<div class='submit'>
		<a href='#' class="cancel">Cancel</a>
	</div>
</div>

et comme JS :

Code :

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

1
2
3
4
 
$('a.cancel').click(function() {
	$(this).parent('.div').animate( { height:"0px"}, 200 );
});

Mon div devrai être caché (enfin ça reste un exemple l'animate) donc ?

Mais ce n'est pas le cas :/

[marcha]

utilise parents et non parent

d'autre part le 'px' est de trop (EDIT: mais il gène pas), et si tu veux voir quelque chose,
met une couleur de fond à ton div, parce que si le div.div à un height: 0px
tu verra quand même son contenu (sauf si tu met un overflow: hidden)

Code :

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

1
2
3
4
 
$('a.cancel').click(function(event) {
	$(this).parents('.div').animate( { height: 0 }, 200 );
});

[Calvein]

Ah oui ça marchais, ça venait d'autre part, merci à vous deux.