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

**Caplande** · 28/05/2015, 15h01

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

**NoSmoking** · 28/05/2015, 15h18

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 :

S�lectionner tout - Visualiser dans une fen�tre � part

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;

**Caplande** · 28/05/2015, 16h08

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.

**NoSmoking** · 28/05/2015, 16h32

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.

**Bovino** · 28/05/2015, 17h17

Si tu ne recherches pas la compatibilit� et que tu ne vises que Chrome (voire Opera), tu peux toujours utiliser Object.observe() :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

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

**Caplande** · 28/05/2015, 17h20

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 html :

S�lectionner tout - Visualiser dans une fen�tre � part

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

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

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);
};

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

JavaScript

Vue hybride

Discussions similaires

Partager

Partager