Mettre a jour la data-value de ma jauge (jQuery) avec un bouton

Fermé
STARloulou Messages postés 106 Date d'inscription jeudi 8 décembre 2011 Statut Membre Dernière intervention 6 janvier 2017 - Modifié par STARloulou le 11/12/2016 à 01:33
Pitet Messages postés 2826 Date d'inscription lundi 11 février 2013 Statut Membre Dernière intervention 21 juillet 2022 - 12 déc. 2016 à 12:15
Bonjour bonsoir,
J'aimerai savoir si c'est possible de modifier la "data-value" de ma jauge insérée a une page web en exécutant une fonction (je précise que je n'ai pas de grandes connaissances en js ou html, je fais ce code sans être pro)

Ma définition de la jauge :
  document.addEventListener("DOMContentLoaded", function(event) {

    var dflt = {
      min: 0,
      max: 6,
      donut: true,
      gaugeWidthScale: 0.155,
      counter: true,
      hideInnerShadow: true
    }

    var vit = new JustGage({
      id: 'vit',
      title: 'Vitesse (km/h)',
      defaults: dflt
    });


Ma jauge sur le site :
<div class="container">
<div id="vit" class="gauge" data-value="0"></div>
</div>


Et enfin ma fonction (ou je remplacerai l'alert par le changement de la data-value si j'y arrive):
if ( intKeyCode == KEY_A ){  
 alert("Accélération");

 winObj.keyCode = intKeyCode = REMAP_KEY_T;
 winObj.returnValue = false;
 return false;
 }


Si vous avez des question, n'hésitez pas !
Merci d'avance :)
A voir également:

1 réponse

Pitet Messages postés 2826 Date d'inscription lundi 11 février 2013 Statut Membre Dernière intervention 21 juillet 2022 524
12 déc. 2016 à 12:15
Salut,

Tu peux utiliser la fonction setAttribute pour définir la valeur d'un attribut d'un élément : https://developer.mozilla.org/fr/docs/Web/API/Element/setAttribute

Bonne journée,
0