11548 sujets

JavaScript, DOM et API Web HTML5

Bonjour à tous, je suis nouveau sur ce forum
en fait je viens très régulièrement consulter votre site à la recherche de conseils et astuces, un grand bravo à toute l'équipe pour ce que vous faites !

J'ai un petit souci sur un script de vote que j'aimerais adapter pour mon site, ne maitrisant malheureusement pas le java-script parfaitement j'espère que je trouverai de l'aide ici.

Mon code actuel fonctionne sauf que quand j'enlève la souris (onmouseout) j'ai zéro étoiles qui s'affichent (fonction remstar).

sauf que j'aimerais le résultat des votes à la place (affichage par défaut qu'il y avait avant que je passe la souris dessus). Il faudrait donc modifier la fonction remstar, mais que mettre à la place ? j'ai essayé d'adapter le code php qui m'affiche par défaut le résultat des votes dans la fonction remstar mais je n'ai pas réussi.

ça serait vraiment sympa si quelqu'un aurait la gentillesse de m'aider !
D'avance un grand merci et bonne journée a vous tous !


voici mon code .js

	var name = new Array();
	name[0]= "webimages/etoiles/full.png";
	if(document.images)
	{
		var ss = new Image();
		ss.src = name[0];		
	}	
	
	function selstar(val)
    {
		for(var x=1;x<=val;x++)
		{
			document['i'+x].src="webimages/etoiles/full.png";
		}	
    }
    function remstar(val)
    {
		for(var x=1;x<=val;x++)
		{
			document['i'+x].src="webimages/etoiles/empty.png";
		}
    }

    function setrate(val)
    {
		document.rate.rating.value=val;
		document.rate.submit();
    }


et le php :

$qur1 = "select count(ID) as dd, avg(NOTE) as xx from vote where ID_EVENT='".$_GET['event']."' and ID_VOTE='".$id_vote."' group by ID_EVENT";
	$result1 = mysql_query($qur1);
	if($line = mysql_fetch_array($result1))
	{
		$count = $line['dd'];
		$rateval = $line['xx'];
	}
	else
		$count = 0;
	?>

	<?
        for($i=1;$i<=5;$i++)
        {
            if($rateval>=1)
            {
                   echo '<img name="i'.$i.'" style="cursor:pointer" onmouseover="selstar('.$i.')" onmouseout="remstar('.$i.')" onclick="setrate('.$i.')" src="webimages/etoiles/full.png" />';
                   $rateval=$rateval-1;
            }
            else if($rateval>=0.5)
            {
                    echo '<img name="i'.$i.'" style="cursor:pointer" onmouseover="selstar('.$i.')" onmouseout="remstar('.$i.')" onclick="setrate('.$i.')" src="webimages/etoiles/middle.png" />';
                    $rateval=$rateval-1;
            }
            else if ($rateval<0.5 && $rateval>0)
            {
                    echo '<img name="i'.$i.'" style="cursor:pointer" onmouseover="selstar('.$i.')" onmouseout="remstar('.$i.')" onclick="setrate('.$i.')" src="webimages/etoiles/empty.png" />';
                    $rateval=$rateval-1;
            }
            else if($rateval<=0)
            {
                    echo '<img name="i'.$i.'" style="cursor:pointer" onmouseover="selstar('.$i.')" onmouseout="remstar('.$i.')" onclick="setrate('.$i.')" src="webimages/etoiles/empty.png" />';
            }
        }	
    ?>

Modifié par lu83 (18 Sep 2009 - 11:26)