ridimensionamento dinamico

[Io_FraNo]

Ciao a tutti, susate se vi disturbo ma la questione è assai importante. Sto facendo un sito per un mio cliente che è rimasto stupefatto da quei siti dove links e finestre di stage si autoscalano contemporaneamente al cliccare di ognuno dei links di cui sopra a seconda della dimensione della corrispettiva sezione.

Ho provato di conseguenza a creare qlx di simile.

I links del menù non si animano in modo elastico alla pari dei corrispettivi stages ma sono immobili nella parte alta a sinistra della schermata.

Qual'è il problema?

Il fatto è che ad alcuni di questi links corrispondono delle finestre di stage un pò più grandi di altre e, di consuguenza, cliccando si vanno ad aprire fineste che coprono gli stessi tasti del menù...
... BENE... vorrei che ciò non accadesse! Che devo fare?


Segue il codice usato:

livello "actions":

stageWidth=955;
stageHeight=600;
wmodifier = 300;
hmodifier = 150;
bouncefactor = .7;
speedfactor = 8;
expand = function (id) {
// colorSquare width
this.destwidth = wmodifier;
this.poswidth = id._width;
this.velwidth = this.velwidth*bouncefactor+(this.destwidth-this.poswidth)/speedfactor;
id._width += Math.round(this.velwidth);
// colorSquare height
this.destheight = hmodifier;
this.posheight = id._height;
this.velheight = this.velheight*bouncefactor+(this.destheight-this.posheight)/speedfactor;
id._height += Math.round(this.velheight);
// colorSquare x
this.destx = (stageWidth-wmodifier)/2;
this.posx = id._x;
this.velx = this.velx*bouncefactor+(this.destx-this.posx)/speedfactor;
id._x += Math.round(this.velx);
// colorSquare y
this.desty = (stageHeight-hmodifier)/2;
this.posy = id._y;
this.vely = this.vely*bouncefactor+(this.desty-this.posy)/speedfactor;
id._y += Math.round(this.vely);
// shadow properties
shadow._width = (colorSquare._width+20);
shadow._x = (colorSquare._x-10);
shadow._height = (colorSquare._height+20);
shadow._y = (colorSquare._y-10);
};
colorSquare.onEnterFrame = function() {
expand(this);
};

livello "colorSquare":
mc con etichetta> colorSquare di 300x150 px

livello "shadow":
mc con etichetta> shadow 320x170 px

livello "buttons":
15 bottoni con questo codice:
on (press) {
wmodifier=300 ;
hmodifier=150 ;
}
naturalmente le variabili di altezza e lunghezza sono tutte diverse!
E all'apertura del sito queste finestre si ancorano al centro dello stage.

Io vorrei che si ancorassero con l'angolo alto a sinistra a X:275 Y:28! O per lo meno che l'angolo in alto a sinistra di ciascuna finestra, sebbene di misure diverse, sia sempre a X:275 Y:28!

Vi prego AIUTATEMI.

Grazie

[negatyve]

	...
	this.vely = this.vely * bouncefactor + (this.desty - this.posy) / speedfactor;
	id._y += Math.round(this.vely);
	// shadow properties
	shadow._width = (colorSquare._width + 20);
	shadow._x = (colorSquare._x - 10);
	shadow._height = (colorSquare._height + 20);
	shadow._y = (colorSquare._y - 10);
	id._x = 275 + (id._width / 2)
	id._y = 28 + (id._height / 2)
};
colorSquare.onEnterFrame = function()
{
	expand(this);
};

[Io_FraNo]

sei un mito Negatyve... quando torno a casa lo provo!

questo cmq dovrebbe darmi quell'ancoraggio in alto a sinistra di cui parlavo tenendo quello come punto fisso e non il centro della finestra da 300x150?

GRAZIE GRAZIE GRAZIE

[negatyve]

Si, l'angolo superiore sinistro, se attualmente il punto di registrazione del movieclip è sul suo centro (infatti vedi dal codice che si parla di metà della larghezza e dell'altezza).

[Io_FraNo]

l'ho provato, se puoi vai a guardarlo su questo link:

http://www.studiosn.com/csp/

e cmq per posizionarlo la dove lo vedi ho dovuto riscriverlo così:

this.velx = this.velx*bouncefactor+(this.destx-this.posx)/speedfactor;
id._x += Math.round(this.velx);
id._x = 275 + (id._width / 10)
// colorSquare y
this.desty = (stageHeight-hmodifier)/2;
this.posy = id._y;
this.vely = this.vely*bouncefactor+(this.desty-this.posy)/speedfactor;
id._y += Math.round(this.vely);
id._y = 28 + (id._height / 10)
// shadow properties
shadow._width = (colorSquare._width+20);
shadow._x = (colorSquare._x-10);
shadow._height = (colorSquare._height+20);
shadow._y = (colorSquare._y-10);
id._x = 275 + (id._width / 10)
id._y = 28 + (id._height / 10)
};


come vedi si posiziona più o meno dove voglio, ma il lato sinistro non rimane fisso dove vorrei (il posizionamento ideale è quello che ottengo cliccando sul secondo link dall'alto!)

perchè?

Grazie ancora

[negatyve]

Dov'è il punto di registrazione del movieclip?

[Io_FraNo]

se intendi il "cerchietto con la crocetta dentro" (scusami il lessico poco scientifico ma non sapevo si chiamasse punto di registrazione!) in alto a sinistra.

[negatyve]

Si, è quello, e se sta proprio sull'angolo superiore sinistro, allora il codice è:

	...
	this.vely = this.vely * bouncefactor + (this.desty - this.posy) / speedfactor;
	id._y += Math.round(this.vely);
	// shadow properties
	shadow._width = (colorSquare._width + 20);
	shadow._x = (colorSquare._x - 10);
	shadow._height = (colorSquare._height + 20);
	shadow._y = (colorSquare._y - 10);
	id._x = 275 + eventuale_scarto;
	id._y = 28 + eventuale_scarto;
};
colorSquare.onEnterFrame = function()
{
	expand(this);
};

[Io_FraNo]

ok... allora finisce qua... Grazie di cuore.

[negatyve]

Di niente.. :)