Inscris-toi au e-camp "Héberge ton jeu Facebook sur Azure" de Microsoft vendredi 25 mai à 13h30 !

> Le Site du Zéro - Informatique

> Les forums

> Site Web

> Javascript

> Ma fonction avec jQuery

> Lecture du sujet

Ma fonction avec jQuery

Pour accéder à cette section
Connectez-vous !

Résolu Le problème de ce sujet a été résolu

Page 1

Auteur

Message

1 visiteur sur ce sujet (1 Anonyme)

Page 1

Tilix

# Posté le 31/07/2009 à 19:50:33

Bonsoir à tous,

Voilà, je suis en train de réaliser une fonction générique personnelle pour réaliser un slideshow avec jQuery mais il y'a un petit truc que je n'arrive pas à faire :

Le début de ma fonction :

Code : JavaScript

$(function() {
	$.fn.slideShow = function() {
		$('.slidePrev').css('cursor','pointer');
		$('.slideNext').css('cursor','pointer');
		//....
	}
	$('#monSlide').slideShow();
});

Je souhaiterai que les elements .slidePrev & .slideNext qui sont ici utilisé soient ceux qui proviennent de leur parent #monSlide uniquement (c'est à dire, s'il y'a un autre element avec la meme class, qu'il ne soit pas pris en compte).

Mais je ne sais pas comment réaliser cela, si quelqu'un pourrait m'aider...

Merci

# Posté le 31/07/2009 à 19:50:33

Darkodam

# Posté le 31/07/2009 à 20:44:01

Pour Aiur

Ville : Limours
Pays : France métropolitaine

Au pif:

$('#monSlide .slidePrev')

Non ?

\o/ Tutoriel sur les closures \o/

!JQuery N'EST PAS UNE SOLUTION!
c'est un moyen

Mammon s'était endormi. Et la bête réincarnée se répandit sur la terre et son nombre se fit légion. Et ils parlèrent au Temps et ils firent l'offrande de leur moisson au feu, avec la ruse des renards. Et ils bâtirent un nouveau monde à leur image comme le promettaient les paroles sacrées, et ils parlèrent de la bête avec leurs enfants. Lorsque Mammon se réveilla, voilà ! ce n'était plus rien qu'un disciple.

d'après Le Livre de Mozilla, 11:9
(10e Édition)

the cake is a lie
the cake is a lie
the cake is a lie
the cake is a lie

tit_toinou

# Posté le 31/07/2009 à 21:27:41

Cette réponse a aidé l'auteur du sujet

@Darkodam: Non. Ta solution n'est pas générique.

Code : JavaScript

$(function(){
  $.fn.extend({
    diaporama: function(){
      var cible = this[0];
      $('.slidePrev',cible).css('cursor','pointer');
      $('.slideNext',cible).css('cursor','pointer');
      // ici ton diapo ..
      return this;
    }
  });
  
  $('#monDiapo').diaporama();
});

this se réfère à l'objet jQuery en question, et donc this[0] le premier élément.
Le return this; sert à chaîner. Ainsi tu pourras faire après $('#monDiapo').diaporama().append('cool ce diapo !')
Le second argument de la fonction principale permet de définir l'endroit où Sizzle va chercher les éléments.

Tu ne peux utiliser ce code qu'avec un seul élément.
Si tu veux pouvoir faire par exemple $('.diaporama').diaporama(); , ce code convient :
Code : JavaScript

$(function(){
  $.fn.extend({
    diaporama: function(){
      return this.each(function(){
        $('.slidePrev',this).css('cursor','pointer');
        $('.slideNext',this).css('cursor','pointer');
        // ici ton diapo ..
      });
    }
  });
  
  $('.monDiapo').diaporama();
});