Bonjour,
j’ai une question relative à la bibliothèque Jquery et plus précisément sur le javascript.
Je souhaite appliquer sur une page internet un effet, par exemple slidedown/up. Le problème qui se pose et que je souhaite appliquer l’effet à 2 liens et sans à avoir « dupliquer » le code javascript. Je m’explique :
Imaginons ce code html :
<head>
<script src="jquery.js" type="text/javascript"></script>
<script src=" fonctions_jquery.js" type="text/javascript"></script>
<script src="effets_jquery.js" type="text/javascript"></script>
</head>
<body>
<p><a href="#" class="lien-test">Liens</a></p>
<div id="lien" style="display: none;">
- <a href="http://exempledelien1.com" target="_blank">exemple1</a><br />
- <a href="http://exempledelien2.com /" target="_blank">exemple2</a>div>
<p><a href="#" class="video-test">Video</a></p>
<div id="video" style="display: none;">
- <a href="http://exempledelien3.com" target="_blank">exemple3</a><br />
- <a href="http://exempledelien4.com /" target="_blank">exemple4</a>div>
</body>
Maintenant voici le code javascript qui se trouve dans « effets_jquery.js » :
$(document).ready(function(){
$(".lien-test").click(function(){
$("#lien").slideToggle("normal");
$(this).toggleClass("active"); return false;
});
$(".video-test").click(function(){
$("#video").slideToggle("normal");
$(this).toggleClass("active"); return false;
});
});
Ma question est comment puis-je avoir une seule fonction qui sera utilisable plus facilement sans avoir à ajouter le même code dans le fichier « effects_jquery.js » si je souhaite attribuer cet effet à un nouveau lien/objet ?
Je pense qu’il faut inclure dans le code html et dans la balise des liens un truc de ce genre <a onclick="Effect.toggle….. > mais je bute :(
Merci de tout aide.
Caracteristiques nokia 6600 slide