Discussion :

[DarkHerumor]

C'est de nouveau moi

Je vais peut-�tre demander un truc fou mais soit...
Est-il possible de faire du DataBinding en JavaScript? Pour un peu mieux explicit� ce que je veux faire, voici ce que je veux:

Code :

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

1
2
3
4
5
6
 
<script type="text/javascript">
var myVar = 'toto';
</script>
 
<input type="text" value="javascript:myVar;" />

Et avec �a, je voudrai que d�s que je modifie myVar, mon input prenne la nouvelle valeur (et vice versa si possible).

[marts]

2 moyens :

- la fonction watch, mais ce n'est pas standard (n'existe que sur Fx)
exemple :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
 
<script type="text/javascript">
	o={myVar:'toto'}
	o.watch('myVar',changePropertieValue);
	function changePropertieValue(propertie,oldValue,newValue)
	{
		document.getElementById('aTextField').value=newValue;
	}
</script>
<input id="aTextField" type="text" value="toto" />
<input type="button" value="changer pour 'titi'" onclick="o.myVar='titi';">

- reproduire le fonctionnement de watch
exemple :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
 
<script type="text/javascript">
	o={myVar:'toto'}
	function changePropertieValue(propertie,oldValue,newValue)
	{
		document.getElementById('aTextField').value=newValue;
	}
 
	function Watcher(object,propertie,handler)
	{
		this.object=object;
		this.propertie=propertie;
		this.handler=handler;
 
		this.oldValue=object[propertie];
		this.timer=null;
	}
	Watcher.prototype.start=function(){this.timer=setInterval(run(this),1000);}
	Watcher.prototype.stop=function() {clearInterval(this.timer);}
 
	function run(watcher)
	{
		return function()
		{
			if (watcher.object[watcher.propertie]!=watcher.oldValue)
			{
				watcher.handler(watcher.propertie,watcher.oldValue,watcher.object[watcher.propertie]);
				watcher.oldValue=watcher.object[watcher.propertie];
			}
		};
	}
 
	watcher=new Watcher(o,'myVar',changePropertieValue);
	watcher.start();
</script>
<input id="aTextField" type="text" value="toto" />
<input type="button" value="changer pour 'titi'" onclick="o.myVar='titi';">

Le probl�me c'est de trouver le juste intervalle pour le timer. S'il est trop court les ressources risquent d'�tre monopolis�es, et s'il est trop long la r�activit� sera m�diocre et les changements rapides et successifs risquent de passer inaper�us.

[DarkHerumor]

LA premi�re m�thode est int�ressante je trouve, dommage pour la limitation � Fx...

La seconde est plus emb�tante, j'avais pens� � un timer mais je trouve �a un peut violent (pour ce que je veux faire).

Je pense qu'il doit y avoir des solutions annexes en passant par des sortes de Setter et Getter. Je vais essayer de regarder la chose mais je risque de sortir de mon projet et de perdre pas mal de temps pour 2 variables associ� � 2 input

[franculo_caoulene]

Salut,

Je ne comprends pas bien, c'est peut-�tre d� � la complexit� de ton code, mais pourquoi ne pas simplement ex�cuter une fonction mettant � jour le champ texte quand myVar est susceptible d'�tre modifi�e?

[DarkHerumor]

Salut,

Parce que c'est la solution de facilit�

Non en r�alit�, dans mon pr�sent �a n'a pas un int�r�t �norme, mais je suis de nature curieux. Et le DataBinding en js serait � mon avis un atout extra pour r�aliser des tout un tas de choses.

Mais au final je pense jouer sur des m�thodes de modifications comme tu le proposes, avec un petit gestionnaire d'objets abonn�s � la variable.