[Prototype] Il vaut mieux un exemple../)

Il vaut mieux un exemple../)

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

1 2 3 4 var defaultOptions = { hum: $H({top:'-20px',left:'0px'}) };
dans ma class pour attribuer le positionnement je fais cela:
Code:

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):roll:

Salut,
Code:

1 2 top: this.options.hum.top, left: this.options.hum.left
ne marche pas ?

re:

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

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.

Tu oublies de préciser les unités.

Code:

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

Code:

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:

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

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

pour vous repondre a tous les deux :
les px etaient deja mentionnés /
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.
de plus mon defaultoptions est deja étendu comme ceci:
Code:

1 2 this.options = Object.clone(defaultOptions); Object.extend(this.options, options || {});
donc en gros ce code :
Code:

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

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:

1 2 var monH = $H({foo:"bar"});
tu ne peux plus faire

Code:

alert(monH.foo);

tu dois faire

Code:

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