Batch Index du Forum
S’enregistrerRechercherFAQMembresGroupesConnexion
Répondre au sujet Page 1 sur 1
[R] [JAVASCRIPT] Modifier une valeur d'une élément en JS
Auteur Message
Répondre en citant
Message [R] [JAVASCRIPT] Modifier une valeur d'une élément en JS 
Yop,

Juste avant de commencer, c'est bien ici pour demander de l'aide au niveau du javascript car j'ai pas trouvé xD


J'ai rencontré un problème dans un de mes scripts html.

Je voulais modifier la valeur de item

Code:
<button id="supp_confirm" item="" type="button" class="class_css">Oui</button>


J'ai demander a google sans aucune réponse (et ouais, c'est fou ...)

Je voulais savoir si vous connaissez une réponse a ce problème, enfin la ligne miracle qui me ferrais avancé sur mon projets

Merci d'avance

Cordialement, AntoZzz



Dernière édition par Anto2112 le Lun 2 Jan 2017 - 20:49; édité 1 fois

______________________________________________________
Visiter le site web du posteur Skype
Message Publicité 
PublicitéSupprimer les publicités ?


Répondre en citant
Message Re: [JAVASCRIPT] Modifier une valeur d'une élément en JS 
Anto2112 a écrit:
Yop,

Juste avant de commencer, c'est bien ici pour demander de l'aide au niveau du javascript car j'ai pas trouvé xD


J'ai rencontré un problème dans un de mes scripts html.

Je voulais modifier la valeur de item

Code:
<button id="supp_confirm" item="" type="button" class="class_css">Oui</button>


J'ai demander a google sans aucune réponse (et ouais, c'est fou ...)

Je voulais savoir si vous connaissez une réponse a ce problème, enfin la ligne miracle qui me ferrais avancé sur mon projets

Merci d'avance

Cordialement, AntoZzz


Avant de te donner la ligne magique permettant cela (le gars chiant xD)
Il faut déjà savoir ce que c'est que ce id, ce type, ce class et ce item que tu as rajouté Mr. Green

Alors pour faire simple, ce sont des attributs et justement JavaScript nous permet de modifier ces attributs très simplement Okay




Voici comment rajouter, modifier un attribut :

Code:
[lang=html5]<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>sdd</title>
  </head>
  <body>
    <button id="supp_confirm" type="button" class="class_css">Oui</button>
    <script type="text/javascript">
      var supp_confirm = document.getElementById("supp_confirm");
      supp_confirm.setAttribute("item","TROLLLLLOLOLOLOL je peux pas m'en empêcher xDDDDDDD lool");
    </script>
  </body>
</html>


Voici une capture pour prouver que cela fonctionne :




Ensuite il faut savoir que l'on peut aussi supprimer un attribut (Pourquoi supprimer un attribut me diras-tu lol et bin tu le saura après Mr. Green )
Code:
[lang=html5]<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>TU AS TROUVEE CE EASTER EGGS</title>
  </head>
  <body>
    <button id="supp_confirm" item="dfgdf" type="button" class="class_css">Oui</button>
    <script type="text/javascript">
      var supp_confirm = document.getElementById("supp_confirm");
      supp_confirm.removeAttribute("item");
    </script>
  </body>
</html>



Bon c'est bien beau tous ça mais ça sert à quoi les attributs (c pour les visiteurs Okay )
Et bin ça sert à sauvegarder des informations directement dans l'élément parce que utiliser les variables dynamiques, ou des tableaux c'est quand même moins stylé que les attributs non ?
Démonstration :

Code:
[lang=html5]<div id="user" data-temp="8_jHd4rE/user/Anto" ></div>

Code:
[lang=javascript]window["data-temp"+id]="8_jHd4rE/user/Anto";

C'est quand même + styley non ? En fait la vrai raison c'est que c'est plus pratique (de mon point de vu) Mr. Green


Mais c'est con si on peut pas récupéré ses informations non ??
C'est pour ça que l'on peut xD (un peu de logique s'il vous plaît)

Récupérer le contenu d'un attribut :

Code:
[lang=html5]<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>TU AS TROUVEE CE EASTER EGGS</title>
  </head>
  <body>
    <button id="supp_confirm" item="Ceci provient de l'attribut item de l'élement supp_confirm :)" type="button" class="class_css">Oui</button>
    <script type="text/javascript">
      var supp_confirm = document.getElementById("supp_confirm"),
          regarde_dans_la_console_xD = supp_confirm.getAttribute("item");
      console.log(regarde_dans_la_console_xD);
    </script>
  </body>
</html>




Et enfin voici comment vérifier si un élément possède l'attribut en question :
(Dans tous les cas, si l'élément n'a pas l'attribut, cela ne génère pas d'erreur, cela renvoi null)
Code:
[lang=html5]<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>TU AS TROUVEE CE EASTER EGGS</title>
  </head>
  <body>
    <button id="supp_confirm" type="button" class="class_css">Oui</button>
    <script type="text/javascript">
      var supp_confirm = document.getElementById("supp_confirm");
      if (!supp_confirm.hasAttribute("item")) {
        console.log("Attention !!\nL'élément supp_confirm ne possède pas l'attribut item !!! NOOOON xD (Aller un peu d'humour quoi lol)");
      }
    </script>
  </body>
</html>


Au lieu de tester si element.getAttribute("item")==null
Pour optimiser le code on peut utiliser element.hasAttribute("item") qui renvoi une valeur booléenne
Et donc là tu comprends maintenant pourquoi on as la possibilité de supprimer un attribut (ce qui est normal car si on peut en rajouter..)


Pour en savoir + : https://developer.mozilla.org/fr/docs/Web/API/Element/setAttribute



Et voici un exemple concret de l'utilisation des attributs : http://batch.xoo.it/t5602-Spoiler-en-Javscript.htm
Je parle de ma réponse à logan t




______________________________________________________
la vie est trop courte pour retirer le périphérique USB en toute sécurité...
Si la statue de la liberté lève le bras depuis 125 ans, c'est parce qu'elle cherche du réseau sur son Blackberry Torches...
Grâce à mon nouveau correcteur automatiste sur mon téléphage, je ne fais plus aucune faute d'orthodontie.
Quelqu'un a t il déjà demandé au drapeau japonais ce qu'il enregistre depuis tout ce temps ?
Visiter le site web du posteur
Répondre en citant
Message [R] [JAVASCRIPT] Modifier une valeur d'une élément en JS 
Yop,

Un grand merci pour cette réponse détailler <3

Je code pas souvent du javascript mais la, tu m'a bien éclairé sur le fonctionnement de la fonction et tu m'a meme avancer sur comment supprimé un attribut

Peut-etre songé a me mettre au javascript Wink

Sur ceux, encore un grand merci Wink

Cordialement, AntoZzz




______________________________________________________
Visiter le site web du posteur Skype
Répondre en citant
Message [R] [JAVASCRIPT] Modifier une valeur d'une élément en JS 
Anto2112 a écrit:
Yop,

Un grand merci pour cette réponse détailler <3

Je code pas souvent du javascript mais la, tu m'a bien éclairé sur le fonctionnement de la fonction et tu m'a meme avancer sur comment supprimé un attribut

Peut-etre songé a me mettre au javascript Wink

Sur ceux, encore un grand merci Wink

Cordialement, AntoZzz


Ouai ce serait cool que tu t'y mette au javascript car sauf erreur de ma part tu es un développeur web non donc par toutes logiques tu devrai quand même t'y mettre lol
En + c'un langage simple et tu peux faire énormément de choses avec
Par exemple, il faut savoir qu'il n'est pas utilisé que pour le web Mr. Green

Il y a des OS uniquement en Javascript, on peut faire des jeux 3D avec du javascript
Le javascript est très puissant quand même (pas comme le html xD)




______________________________________________________
la vie est trop courte pour retirer le périphérique USB en toute sécurité...
Si la statue de la liberté lève le bras depuis 125 ans, c'est parce qu'elle cherche du réseau sur son Blackberry Torches...
Grâce à mon nouveau correcteur automatiste sur mon téléphage, je ne fais plus aucune faute d'orthodontie.
Quelqu'un a t il déjà demandé au drapeau japonais ce qu'il enregistre depuis tout ce temps ?
Visiter le site web du posteur
Message [R] [JAVASCRIPT] Modifier une valeur d'une élément en JS 


Montrer les messages depuis:
Répondre au sujet Page 1 sur 1
  



Index | créer un forum | Forum gratuit d’entraide | Annuaire des forums gratuits | Signaler une violation | Conditions générales d'utilisation
Copyright 2008 - 2016 // Batch