Lier la valeur d'une balise HTML (input , div.innerHTML, etc.) � celle d'une variable js

Version imprimable

28/05/2015, 15h01
Caplande

Lier la valeur d'une balise HTML (input , div.innerHTML, etc.) � celle d'une variable js

Bonjour,

Je ne sais pas s'il est possible de cabler une balise HTML d'affichage � l'�cran (div, input, etc..), de mani�re qu'elle affiche la valeur d'une variable javascript,cet affichage suivant les changements de valeurs de la variable..
Merci de votre r�ponse.

Caplande
28/05/2015, 15h18
NoSmoking
Bonjour,
l'expos� de ta question n'est pas des plus clair mais aucune raison de ne pas arriver � mettre � jour le contenu d'une balise fonction de la valeur d'une variable.
Code:

1 2 3 4 // 1st cas SPAN par exemple document.getElementById('id_de_la_balise').innerHTML = valeur_variable; // 2nd cas INPUT par exemple document.getElementById('id_de_la_balise').value = valeur_variable;
28/05/2015, 16h08
Caplande

Merci pour cette r�ponse. Elle ne correspond malheureusement pas � ma demande, qui est certainement un peu floue.

En effet, je souhaite �tablir un lien UNE FOIS ET UNE SEULE entre une variable js et une balise HTML de mani�re telle que lorsque la variable change de valeur, la valeur affich�e par la balise change en cons�quence SANS AUCUNE AUTRE INSTRUCTION que celle de changement de la valeur de la variable.
28/05/2015, 16h32
NoSmoking

Il n'y a pas d'op�ration du Saint Esprit en javascript, il te faudra bien � un moment ou � un autre faire la modification du contenu de la balise.

De quelle nature est ta variable, comment est elle modifi�e, par qui et o�.

Tu peux envisager de mettre un observateur sur cette variable via un setInterval par exemple.
28/05/2015, 17h17
Bovino
Si tu ne recherches pas la compatibilit� et que tu ne vises que Chrome (voire Opera), tu peux toujours utiliser Object.observe() :
Code:

1 2 3 4 5 6 var obj = { nb: 42 }; Object.observe(obj, function(changes){ document.getElementById('ton_element').innerHTML = obj.a; }, ['update']);

setInterval peut apporter une r�ponse � ma question. Je viens de trouver une autre solution qui est la suivante et qui fonctionne:
Elle consiste � cr�er un objet (dans mon exemple ci-dessous: watch) qui a pour attribut la variable � observer (maVar) et une m�thode (setMaVar(nlleVal)).Il suffit de s'astreindre � valoriser l'attribut maVar via la m�thode setMaVar et, au travers de cette m�thode tout devient possible, y compris l'actualisation de la valorisation de la valeur de la balise.
Code:

1 2 3 4 <body> <button onclick="clicBouton()">Cliquez moi !</button> <div id="monChamp"></div> </body>
Code:

1 2 3 4 5 6 7 8 9 10 11 var watch = new Object(); watch.maVar = null; watch.setMaVar = function(nlleVal){ this.maVar = nlleVal; console.log(document.getElementById('monChamp').innerHTML = nlleVal); }; watch.setMaVar(12345); var clicBouton = function(){ console.log("Bouton cliqué!"); watch.setMaVar(67895); };