Forum |  HardWare.fr | News | Articles | PC | Prix | S'identifier | S'inscrire | Shop Recherche
1611 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Problème de focus sur ma notation

 



 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Problème de focus sur ma notation

n°2264410
chrispc
E2PZ
Posté le 14-08-2015 à 13:32:17  profilanswer
 

Bonjour,
 
J'ai créé un système de notation perso pour mon site. Tout fonctionne sauf que le focus s'enlève de ma notation et on ne sait plus la note qu'on a attribué à part si on va voir dans l'url car j'ai mit une ancre qui change en fonction du clic sur les liens.
 
Donc lorsque je clique sur mon lien qui correspond à ma note 1 => href="#1" => JS ( ....valut = '1' ). Tout est bon sauf que lorsque je clique ailleurs je ne vois plus la note attribué. Le focus reprend sa couleur de départ, le gris ( Gris => clique => orange => clique ailleurs => revient à gris ).
 
Code :
 

Code :
  1. HTML5:
  2.         echo'<div class="rating">';
  3.            echo'<a href="#5" onclick="Objet.note5();">H</a>';
  4.            echo'<a href="#4" onclick="Objet.note4();">H</a>';
  5.            echo'<a href="#3" onclick="Objet.note3();">H</a>';
  6.            echo'<a href="#2" onclick="Objet.note2();">H</a>';
  7.            echo'<a href="#1" onclick="Objet.note1();">H</a>';
  8.         echo'</div>';
  9. JS:
  10. note1 : function(){
  11.         var noteUn = document.getElementById('note').value = 1;
  12.     },
  13.     note2 : function(){
  14.         var noteDeux = document.getElementById('note').value = 2;
  15.     },
  16.     note3 : function(){
  17.         var noteTrois = document.getElementById('note').value = 3;
  18.     },
  19.     note4 : function(){
  20.         var noteQuatre = document.getElementById('note').value = 4;
  21.     },
  22.     note5 : function(){
  23.         var noteCinq = document.getElementById('note').value = 5;
  24.     },
  25. CSS3:
  26. .rating a {
  27.    float: right;
  28.    color: #aaa;
  29.    text-decoration: none;
  30.    font-size: 3em;
  31.    transition: color .4s;
  32.    font-family: 'neoretrodrawregular';
  33. }
  34. .rating :hover,
  35. .rating a:focus,
  36. .rating a:hover ~ a,
  37. .rating a:focus ~ a {
  38.    color: #F68A53;
  39.    cursor: pointer;
  40. }
  41. .rating {
  42.    direction: rtl;
  43. }
  44. .rating a {
  45.    color: #aaa;
  46.    text-decoration: none;
  47.    font-size: 2.5em;
  48.    transition: color .4s;
  49. }
  50. .rating a:hover,
  51. .rating a:focus,
  52. .rating a:hover ~ a,
  53. .rating a:focus ~ a {
  54.    color: #F68A53;
  55.    cursor: pointer;
  56. }


 
Si quelqu'un peut me donner une solution à mon problème je suis preneur ! CSS ou JS je prends.
 
Merci !


---------------
Topic écologie : https://tinyurl.com/y6s6ysx3 | Topic habitats de demain : https://tinyurl.com/y5h2mjx7
mood
Publicité
Posté le 14-08-2015 à 13:32:17  profilanswer
 


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Problème de focus sur ma notation

 

Sujets relatifs
déployer asp.net problème d'hébergement[C#] Problème récup fabrique de la classe COM
Probleme de validation CSS2.1) : balise <style> et autreProblème d'envoi de mails
problème GITProblème de données php dans envoi de mail html
Petit problème JavaRequête mysql probleme
Problème filtrage macroProblème d'image et de lien hypertexte
Plus de sujets relatifs à : Problème de focus sur ma notation


Copyright © 1997-2018 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR