11548 sujets

JavaScript, DOM et API Web HTML5

Bonjour à tous,

Je débute en JQuery et j'ai actuelement un problème Smiley smile

Voici mon bout de code HTML :
<div id="cards">
<a class="cards" href="#" title="card"><img src="images/btn_jaune.png" alt="card" id="01"/></a>
<a class="cards" href="#" title="card"><img src="images/btn_jaune.png" alt="card" id="02"/></a>
<a class="cards" href="#" title="card"><img src="images/btn_jaune.png" alt="card" id="03"/></a>
<a class="cards" href="#" title="card"><img src="images/btn_jaune.png" alt="card" id="04"/></a>
<a class="cards" href="#" title="card"><img src="images/btn_jaune.png" alt="card" id="05"/></a>
<a class="cards" href="#" title="card"><img src="images/btn_jaune.png" alt="card" id="06"/></a>
<a class="cards" href="#" title="card"><img src="images/btn_jaune.png" alt="card" id="07"/></a>
<a class="cards" href="#" title="card"><img src="images/btn_jaune.png" alt="card" id="08"/></a>
<a class="cards" href="#" title="card"><img src="images/btn_jaune.png" alt="card" id="09"/></a>
<a class="cards" href="#" title="card"><img src="images/btn_jaune.png" alt="card" id="10"/></a>
<a class="cards" href="#" title="card"><img src="images/btn_jaune.png" alt="card" id="11"/></a>
<a class="cards" href="#" title="card"><img src="images/btn_jaune.png" alt="card" id="12"/></a>

</div>

Celui JQUERY:
var DISPARITION = function(){
return{
init:function(){
DISPARITION.card01 = $('a#01');
DISPARITION.card02 = $('a#02');
DISPARITION.card03 = $('a#03');
DISPARITION.card04 = $('a#04');
DISPARITION.card05 = $('a#05');
DISPARITION.card06 = $('a#06');
DISPARITION.card07 = $('a#07');
DISPARITION.card08 = $('a#08');
DISPARITION.card09 = $('a#09');
DISPARITION.card10 = $('a#10');
DISPARITION.card11 = $('a#11');
DISPARITION.card12 = $('a#12');

DISPARITION.ok = $('a#ok');

$('a#01').click(function(){
alert('toto');
//DISPARITION.card02.hide('slow');
return false;
});
}
}
}();


J'appelle bien évidemment DISPARITION.init

Le but final étant de faire disparaitre les carte lorsque l'on clique dessus
Cependant rien ne se passe même un alert
Merci d'avance Smiley smile
Salut!

euh.. tu cibles un id dans un attribut a, mais tes id sont placés sur l'attribut img !
Modifié par nojazz (06 Mar 2012 - 14:24)
Bonjour et bienvenue parmi nous Smiley smile

En tant que modérateur, je me dois de te faire remarquer que tu n'as malheureusement pas respecté l'une des Règles de base du forum qui est d'afficher les codes et exemples proprement à l'aide des boutons [ code]... ici ton code HTML, CSS, PHP, etc.[ /code] (sans espace).

Je te remercie par avance de bien vouloir éditer ton message afin de le rendre conforme à cette règle. Smiley cligne

D'ailleurs, je rappelle que le lien "Aide" qui apparaît tout en haut du forum est important. Il contient des pistes de recherche, des indications sur les règles de vie de la communauté, etc.
Il serait courtois de ta part de bien vouloir en prendre connaissance.

Bonne continuation Smiley smile

upload/1-code.gif