Catégories:
Bonsoir à tous,
j’essaie d’utiliser la librairie jquery afin de rendre plus attractif les différents éléments de mon site. Or, je débute dans ce langage et je rencontre des soucis pour réaliser ce que je souhaite.
Comment puis-je faire apparaitre dynamiquement une div (ici #photo) au chargement de ma node ? J’ai placé le code suivant dans un fichier .js mais rien ne se passe :
$(document).ready(function () {
$(«#photo»).toggle(«slide», {}, 1000) ;
}) ;
Avez vous un exemple de code à me donner pour réaliser cela ?
Merci pour votre aide ;)
- Vous devez vous identifier ou créer un compte pour écrire des commentaires
Tout d’abord sous Drupal 7 la syntaxe a légérement évoluée. J’ai avancé un peu mais je ne trouve toujours pas la syntaxe pour ouvrir automatiquement ma div une fois qu’elle est chargée.
J’ai bien réussi à créer un événement «click» sur la div avec le code suivant :
(function ($) {Drupal.behaviors.test = {
attach: function(context, settings) {
$("#photo").click(function(){
$(this).css("background-color", "green");
});
}
}
})(jQuery);
Par contre lorsque je cherche à l’ouvrir automatiquement cela ne fonctionne pas, voici le code :
(function ($) {Drupal.behaviors.slide = {
attach: function(context, settings) {
$("#photo").load(function() {
$(this).show("slide", { direction: "down" }, 1000);
});
}
}
})(jQuery);
Avez vous une aide utile à me donner ?
Merci d’avance.
kumkum
158