11548 sujets

JavaScript, DOM et API Web HTML5

[ jQuery ] 'afficher 1 div sur 2 en cliquant sur un bouton???

bonjour,
je souhaite afficher les div paires( contenant des images,) incluses dans une div principale. cela doit se faire après un clic sur un bouton. J'essaie avec "even" mais ca ne marche pas ...en meme temps c'est pas mon fort, j'apprends....tout ca avec jQuery comme je le dis dans le titre.

voici le code html:


<div id="choix">
     <input type="button" value="Une image sur 2" id="choix2" name="choix"/>
</div>

<div id="toutesLesImages">
     div class="entree">
	<img src="images/avocat.jpg" title="avocat" alt="avocat" /><p> 2 €</p><input type="button" value="ajouter au panier" />
    </div>
    <div class="entree">
		<img src="images/crevette.jpg" title="crevettes" alt="crevettes"  /><p>5 € </p><input type="button" value="ajouter au panier" />
    </div>		
    <div class="entree">
		<img src="images/sushi.jpg"  title="sushi" alt="sushi" /><p>5 € </p><input type="button" value="ajouter au panier" />
     </div>	
     <div class="plat">
		<img src="images/brochette.jpg" title="brochettes" alt="brochettes"/><p> 8 €</p><input type="button" value="ajouter au panier" />
     </div>
     <div class="plat">
		<img src="images/poisson.jpg" title="poisson" alt="poisson" /><p>10 € </p><input type="button" value="ajouter au panier" />
    </div>		
</div>



et voici comment je code en JavaScript :


$ (document).ready(initialiser);

function initialiser(){

        $("#choix choix2").click(selectionneRangPair);

function selectionneRangPair(){  
	$("#divRepas div:even").css("visibility", "hidden"});
}



Un grand MERCI à tous ceux qui me donneront un coup de main, je sèche vraiment sur ce coup...j'ai capté comment colorer une ligne sur deux dans un tableau avec even mais avec des div...argh!
Modifié par Heyoan (13 May 2009 - 21:23)
Peut-être :
$(function() {
	$("#choix2").click(function () {
		$("#toutesLesImages div:even").toggle("slow");
	});
});
merci de ta reponse, j'ai essayé mais ne marche pas....je connaissais pas toggle et cette propriete...
dommage, mais si d'autres idee te vienne.. je suis la

ps: si un modo peut effacer mon premier post...
pasGlop a écrit :
j'ai essayé mais ne marche pas....

Ah ? Voici le code utilisé :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Test</title>
<script type="text/javascript" src="jquery-1.2.6.min.js"></script>
<script type="text/javascript">
$(function() {
	$("#choix2").click(function () {
		$("#toutesLesImages div:even").toggle("slow");
	});
});  
</script>
</head>
<body>
<div id="choix">
<input type="button" value="Une image sur 2" id="choix2" name="choix"/>
</div>

<div id="toutesLesImages">
<div class="entree">
<img src="images/avocat.jpg" title="avocat" alt="avocat" /><p> 2 €</p><input type="button" value="ajouter au panier" />
</div>
<div class="entree">
<img src="images/crevette.jpg" title="crevettes" alt="crevettes" /><p>5 € </p><input type="button" value="ajouter au panier" />
</div>
<div class="entree">
<img src="images/sushi.jpg" title="sushi" alt="sushi" /><p>5 € </p><input type="button" value="ajouter au panier" />
</div>
<div class="plat">
<img src="images/brochette.jpg" title="brochettes" alt="brochettes"/><p> 8 €</p><input type="button" value="ajouter au panier" />
</div>
<div class="plat">
<img src="images/poisson.jpg" title="poisson" alt="poisson" /><p>10 € </p><input type="button" value="ajouter au panier" />
</div>
</div>
</body>
</html>
Question bête : tu as bien remplacé 
<script type="text/javascript" src="jquery-1.2.6.min.js"></script>
?
Sujet clos
Aller à