Discussion :

[kate59]

Bonjour,
j'ai trouver un système d'étoiles qui marche très bien petit erreur tout de même quand il y' a 0 vote, j'ai deux rangée d'etoiles qui apparaisent, voici le code:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
<script type="text/javascript">
	$(document).ready(function(){
		 $(".star, .star_hover").hover(function () { // Au survole d'une étoile
			 var id = $(this).attr("id"); // On récupere son id, exemple : star_5
			 var num = id.split('star_'); // On récupère le numéro de l'id, exemple : 5
			 for (var i=1;i<=num[1];i++){ // on modifie le css pour chaque étoile situé avant celle survolé par  la souris
				 var hover = '#star_'+i; // On crée le nom de l'id dont on va modifier le css, exemple : star_1
				 $(hover).css("background-position","0 -16px");
			 }
		 }, function() { // fonction utilisé lorsque la souris se retire de l'étoile survolé (fait la même chose mais remet le background)
			 var id = $(this).attr("id");
			 var num = id.split('star_');
			 for (var i=1;i<=num[1];i++){
				 $('#star_'+i+'[class=star]').css("background-position","0 0");
				 $('#star_'+i+'[class=star_hover]').css("background-position","0 -32px");
			 }
		 });
		$(".star, .star_hover").live('click', function(){
		  var id = $(this).attr("id");
		  var vote = id.split('star_');
		  $.ajax({
			type: "POST",
			url: "vote_traitement.php",
			data: 'vote='+vote[1],
			beforeSend: function(){},
			complete: function(){},
			success: function(){
				alert('Vous avez voté : '+vote[1]);
			}
		  });
		  return false;
		});
	});
	</script>

l'appel sur la page:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
 
 
$vote=$ListeActiviteAmis->getVotesActivite();
for ($i=0;$i<=$vote;$i+=2){
 // de 1 à $vote étoiles (+1 si impaire)
$body.='<div id="star_'.$i.'" class="star_hover"></div>';
 if ($i<$vote){
$body.='<div id="star_'.($i+1).'" class="star_hover"></div>';
 }else{
$body.='<div id="star_'.($i+1).'" class="star"></div>';
 }
 
 }
 
merci. encore  :p 
 for ($i;$i<=10;$i+=2){ // de ($vote (+1 si impaire)) $i à 10
$body.='<div id="star_'.$i.'" class="star"></div>';
$body.='<div id="star_'.($i+1).'" class="star"></div>';
 }
 $vote_isset_user = 1;
$body.='<br /><div style="float:left;margin-left:15px;">(Notes : '.$vote.'/10)</div>';
 
if (!$vote){ // Si $vote = false, alors aucune note n'ai prise en compte à l'affichage
 for ($i=0;$i<=10;$i+=2){
$body.='<div id="star_'.$i.'" class="star"></div>';
$body.='<div id="star_'.($i+1).'" class="star"></div>';
 }
}

VOICI LA source :
http://www.r-leconte.net/index.php?o...query&Itemid=5

[SpaceFrog]

une source qui fonctionne
http://www.developpez.net/forums/d34...ation-etoiles/

[kate59]

merci mais cela ne correspond pas trop et j'aimerais avoir une idée pourquoi l'autre ne fonctionne pas.

J'ai donner la source au dessus.
Si il y' a une idee?
Merci.

[SpaceFrog]

montre nous plutot le html généré ...

[kate59]

bonjour,

Voici la page ou le nombre de vote égale à 0 :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
 
<?php
<div id="listeActivite">
<div id="top_unique_activite">
<div><h3>ACTIVITE N&deg;11</h3></div>
 
<div id="espace_tampon" style="float:right;"><img src="../../../images/tampon_terminer.png" />
</div>
</div>
<div class="descrActivite">
 
<span class="heureActivite">19H00</span><br />
<span>2011-05-26</span><br /><br />
<span class="libelleActivite">Footing</span><br /><br />
<span>Inscription pour plusieurs:Oui</span><br /><span>Budget :</span><span class="prixActivite"> Gratuit</span><br /><br /><img src="../../../images/handicape_not.jpg" /> <img src="../../../images/famille_not.png" /><br /><br /><span>Nombre de places totales: 5</span><br /><br /><span>Nombre d&#146;inscrits : 0</span><br /><br /></div>
 
<div class="visuActivite">
 
<div id="star_1" class="star"></div><div id="star_2" class="star"></div><div id="star_3" class="star"></div><div id="star_4" class="star"></div><div id="star_5" class="star"></div><div id="star_6" class="star"></div><div id="star_7" class="star"></div><div id="star_8" class="star"></div><div id="star_9" class="star"></div><div id="star_10" class="star"></div><br /><div style="float:left;margin-left:15px;">(Notes : 0/10)</div><div id="star_1" class="star"></div><div id="star_2" class="star"></div><div id="star_3" class="star"></div><div id="star_4" class="star"></div><div id="star_5" class="star"></div><div id="star_6" class="star"></div><div id="star_7" class="star"></div><div id="star_8" class="star"></div><div id="star_9" class="star"></div><div id="star_10" class="star"></div><br /><br /><img src="../images/medium/1/footing2.jpg" height="80" width="80"/><br /><br /><a href="../../organisateur/views/profil_organisateur.php?id_membre=1"><span class="PseudoOrganisateur">Par admin66</span></a><br /><br />
<div class="btn_vue_activite"><a href="details_activite.php?id_activite=11" title="voir l activite">Details</a></div><br />
<div class="btn_action_inscription"><a href="details_activite.php?id_activite=11" title="voir l activite">INSCRIPTION</a></div>
 
</div>
</div>
?>

merci.