Discussion :

[ryykko]

bonjour,
je suis confronte a petit probleme
(code au minimum)
dans ma var j'ai ceci :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 
var defaultOptions = {
  hum: $H({top:'-20px',left:'0px'})
};

dans ma class pour attribuer le positionnement je fais cela:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
 
var Sv = Class.create();
Sv.prototype = {
  buildSV: function() {
   this.el.setStyle({
				position:'absolute',
				top: this.options.hum.values().first(),
				left: this.options.hum.values().last()
			});
 }
};

donc comment remplacer top et left dans le setstyle par :
this.options.hum.keys().first();
this.options.hum.keys().last();
Cela plante lamentablement (missing after id ).

(l' intitulé est navrant mais je ne voyait pas comment le resumer)

[Bovino]

Salut,

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
top: this.options.hum.top,
left: this.options.hum.left

ne marche pas ?

[ryykko]

re:

desole, j'ai du mal m'exprimer.
Voila le code que je voudrai mettre en place

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
 
var Sv = Class.create();
Sv.prototype = {
  buildSV: function() {
   this.el.setStyle({
				position:'absolute',
				this.options.hum.keys().first(): this.options.hum.values().first(),
				this.options.hum.keys().first(): this.options.hum.values().last()
			});
 }
};

en gros changer les proprietes du setStyle en fonction des positions declarées dans defautoptions.

J ai bien essayé ton exemple mais il ne fonctionne pas.

[Bovino]

Tu oublies de préciser les unités.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
this.options.hum.keys().first(): this.options.hum.values().first() + 'px',
this.options.hum.keys().first(): this.options.hum.values().last() + 'px'

[gwyohm]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
var Sv = Class.create();
Sv.prototype = {
  buildSV: function() {
   this.el.setStyle({
				position:'absolute',
				this.options.hum.keys().first(): this.options.hum.values().first(),
				this.options.hum.keys().last(): this.options.hum.values().last()
			});
 }
};

Mais je ne vois pas pourquoi tu passes par un hash...
Pourquoi ne pas faire :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 
var defaultOptions = {
  hum: {top:'-20px',left:'0px'}
};
this.el.setStyle(Object.extend(Object.clone(defaultOptions), {position:'absolute'}));

[ryykko]

re bonjour, merci pour les rep: ta solution gwyohm marche nickel donc merci....mais je ne comprends pas la difference...

pour vous repondre a tous les deux :

1. les px etaient deja mentionnés /
2. je passe par un hash car je cite :
   prototype>setStyle
   Modifies element’s CSS style properties. Styles are passed as a hash of property-value pairs in which the properties are specified in their camelized form.
3. de plus mon defaultoptions est deja étendu comme ceci:
   

   Code :

   Sélectionner tout - Visualiser dans une fenêtre à part

   1
   2
   this.options = Object.clone(defaultOptions);
   Object.extend(this.options, options || {});

donc en gros ce code :

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
 
 
var defaultOptions = {
  hum: $H({top:'-20px',left:'0px'}),
  bla:false,
  blabla: true
};
 
var SV = Class.create();
SV.prototype = {
 
	initialize : function(element, options){
 
		this.el = $(element);
		this.options = Object.clone(defaultOptions);
			Object.extend(this.options, options || {});
           },
 
           buildSV: function(){
                       //ne fonctionne pas
                       //pas de messages d'erreurs,style du div est egal a nul
                         this.el.setStyle(this.options.hum);
                       //en enlevant le hash 
                       //this.el.setStyle(Object.extend(Object.clone(defaultOptions.hum), {position:'absolute'}));
                       //fonctionne
           }
}

gwyohm ou quelqun d'autre peut m expliquer la difference d'approche
en tout cas merci ....
je flagg resolu a la fin de la semaine

[gwyohm]

Je ne suis pas sur d'avoir compris ce qui fonctionne et ne fonctionne pas, mais le problème que tu vas avoir avec $H(), c'est qu'à partir de la version 1.6 de prototype, quand tu fais

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
var monH = $H({foo:"bar"});

tu ne peux plus faire

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

alert(monH.foo);

tu dois faire

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

alert(monH.get("foo"));

et je pense que c'est ca qui pose problème...

Pour revenir à setStyle, il est vrai que la doc est un peu confusante, mais l'exemple d'utilisation est très clair...
http://prototypejs.org/api/element/setStyle ... pas besoin de $H