Système de notation comme ce site?

Question

Bonjour, 

 

 j'aimerai savoir comment c'est possible de faire un
syst&#232;me de notation comme il y a sur ce site, c'est &#224; dire au survol
des &#233;toiles, faire le changement de couleur, et r&#233;cup&#233;rer la valeur que
l'on s&#233;lectionne, si possible en php, vu que je dois l'envoyer par php apres dans une base de donn&#233;es..

 

 Merci

tucsoufle · Answer

salut,

ben le survol des images et la transparence c'est du javascript

et pour la note ben c'est juste un lien du style noter.php?note=4 que tu r&#233;cup&#233;re en php sur la seconde page
rien de tr&#233;s compliqu&#233; tu vois

Je te donne une id&#233;e, tu me donnes une id&#233;e, nous avons chacun deux id&#233;es.
Mon site Internet

Monico9385 · Answer

Ah ouai ok c'est tout con comme ca. Sauf que je vois pas trop comment
c'est faisable en javascript. Si t'avais une id&#233;e ce serait pas mal,
sinon j'ai pos&#233; un message sue javascriptfr.com, mais j 'attends la
r&#233;ponse, donc si t'as une id&#233;e, elle est le bien venu :)



Merci

cs_Anthomicro · Answer

Salut, laisse tomber le système de javascript, lourd et peu pratique (enfin bon c'est affaire de goût après) :-) prends plutôt un formulaire de type select : ensuite : if(isset($_GET['note']) AND is_numeric($_GET['note']) AND $_GET['note']>0 AND $_GET['note']<=10) { //update la table }

Entraide, dépannage et vulgarisation informatique : Mon site de vulgarisation informatique

Monico9385 · Answer

ouai je sais le faire avec un select, c pour faire quelque chose de plus jolie, parce que le select, c'est pas tr&#232;s beau.



Merci quand meme

cs_Anthomicro · Answer

ah ok :-) désolé je suis mauvais en design je peux pas t'aider sur ce point. a +

Entraide, dépannage et vulgarisation informatique : Mon site de vulgarisation informatique

tucsoufle · Answer

salut antho 



pour le javascript, tu a tes images et au onmouseover tu applique une transparence, au onmouseout tu l'enleve

comme ca tout simplement :


Je te donne une id&#233;e, tu me donnes une id&#233;e, nous avons chacun deux id&#233;es.
Mon site Internet

Monico9385 · Answer

Ah c'est aussi simple que ca. Je vais essayer alors.



Merci beaucoup

Lucyberad · Answer

salut, y'as pas aussi une possibilit&#233; avec du css pour placer le image
et faire une propri&#233;t&#233; hover sur l'image pour faire la transparence?

par contre je pense que c'est pas trop recommand&#233; car ca fait intervenir deux image mais c simple.


L U C Y I3 E R @ D

cs_Anthomicro · Answer

Si tout à fait, perso c'est ce que j'aurais conseillé :-)

Entraide, dépannage et vulgarisation informatique : Mon site de vulgarisation informatique

tucsoufle · Answer

oui exact, c'est effectivement plus simple, petite d&#233;faillance de mon cerveau, je m'en excuse 

y a d&#233;fois faut le mettre au repos lol 



bon fait plutot comme ca :

le css

.transparence {

   width:100%;

}

.transparence:hover {

   filter:alpha(opacity=50);

   -moz-opacity:0.5;

   opacity: 0.5;

}



et le code de l'image

[bob_l_eponge_carre.php ]



marche sous IE et mozilla

mais je ne sais pas pourquoi(enfin si c'est encore IE qui merde ) mais il faut indiquer le width de l'image sinon IE y veut pas???


Je te donne une id&#233;e, tu me donnes une id&#233;e, nous avons chacun deux id&#233;es.
Mon site Internet

Monico9385 · Answer

ok je vais essayer ca. Mais ca sert a quoi le "-moz-opacity"?

cs_Anthomicro · Answer

C'est pour les navigateurs à base de gecko genre firefox, mozilla... et oui, les navigateurs ne se sont pas mis d'accord pour utiliser une seule notation, bref il en faut plusieurs...

Entraide, dépannage et vulgarisation informatique : Mon site de vulgarisation informatique

Lucyberad · Answer

ha ou&#233; -moz pour mozilla ^^

L U C Y I3 E R @ D

Monico9385 · Answer

Ok, bah merci pour cette r&#233;ponse :)

Monico9385 · Answer

Bon je viens de tester, en effet la transparence marche bien, sauf que
quand je me met sur la 4eme imga par exemple, il faut que les 3
premiers soient selectionn&#233;es aussi, et ca commet on fait?

cs_Anthomicro · Answer

Renseigne-toi sur le forum javascript, c'est pas vraiment approprié ici ;-)

Entraide, dépannage et vulgarisation informatique : Mon site de vulgarisation informatique

Système de notation comme ce site?

16 réponses

Votre réponse

Discussions similaires