hi everybody.
just created a simple rollover menu with elastic effect, (no Macromedia, just Ming and PHP)
well. i can’t make it disappear on RollOut…(check the MovieClip.prototype.removeMenu in the code)
lazy or dumb, the choice is up to you! any suggestions?
max.
the code:
"
function createSquare(target, targetW, targetH, lineW, lineAlpha, lineColor, fillColor, fillAlpha, CurveRadius) {
targetW = targetW - lineW;
targetH = targetH - lineW;
with (target) {
lineStyle(lineW, parseInt(lineColor, 16), lineAlpha);
moveTo(CurveRadius + lineW, 0);
beginFill(parseInt(fillColor, 16), fillAlpha);
lineTo(CurveRadius + lineW, 0);
curveTo(0 + lineW, 0, 0 + lineW, CurveRadius);
lineTo(0 + lineW, targetH - CurveRadius);
curveTo(0 + lineW, targetH, CurveRadius + lineW, targetH);
lineTo(targetW - CurveRadius, targetH);
curveTo(targetW, targetH, targetW, targetH - CurveRadius);
lineTo(targetW, CurveRadius);
curveTo(targetW, 0, targetW - CurveRadius, 0);
lineTo(CurveRadius + lineW, 0);
endFill();
}
}
Stage.width = SW ;
Stage.height = SH;
MovieClip.prototype.elastic_button = function (target, destination)
{
var spring = 0.2;
var friction = 0.9;
var velocity = 0;
var acceleration = 0;
target.onEnterFrame = function ()
{
acceleration = (destination - this._y) * spring;
velocity = velocity + acceleration;
velocity = velocity * friction;
target._y = target._y + velocity;
};
};
wordlist = new Array ();
phrase = ‘cat1|cat2|cat3|cat4’;
wordlist = phrase.split(’|’);
num = wordlist.length;
buttonWidth = SW/num;
buttonHeight = 20;
this.createEmptyMovieClip(‘button’, 1);
with (button)
{
createSquare(button, buttonWidth, buttonHeight, 2, 100, ‘0xFFFFFF’, ‘0xF5B723’, 100, 0);
}
button._x=50;
button._y=50;
button.createTextField(‘buttonText’, button.depth, 0, 0, buttonWidth, buttonHeight);
var buttonText = button[‘buttonText’];
var myFormat = new TextFormat ();
myFormat.font = ‘Luxi Sans’;
myFormat.size = 14;
myFormat.leftMargin = 0;
myFormat.align = ‘center’;
myFormat.leading = 0;
myFormat.color = 0xFFFFFF;
buttonText.border = false;
buttonText.borderColor = 0x000000;
buttonText.embedFonts = false;
buttonText.editable = false;
buttonText.selectable = false;
buttonText.antiAliasType = ‘advanced’;
buttonText._quality = ‘HIGH’;
buttonText.html = true;
buttonText.htmlText = ‘CATEGORIE’;
buttonText.setTextFormat(myFormat);
button.onPress=function()
{
removeMenu(button,num);
status.htmlText = ‘onPress–>remove’;
status.setTextFormat(myFormat);
};
button.onRelease=function()
{
createMenu(button,num);
status.htmlText = ‘onRelease–>create’;
status.setTextFormat(myFormat);
};
MovieClip.prototype.createMenu = function (target, n)
{
this.onEnterFrame=function()
{
i = 0;
while (i < n)
{
buttons = [];
title = ‘button’+i;
buttons* = target.duplicatemovieclip(title, num + i);
buttons*._x=target._x;
elastic_button(buttons*,target._height+(target._y+(target._height*i)));
buttons*.createTextField('mybuttonText', (n + i) * n, 0, 0, buttonWidth, buttonHeight);
var mybuttonText = buttons*['mybuttonText'];
mybuttonText.embedFonts = false;
mybuttonText.editable = false;
mybuttonText.selectable = false;
mybuttonText.antiAliasType = 'advanced';
mybuttonText._quality = 'HIGH';
mybuttonText.html = true;
mybuttonText.htmlText = wordlist*;
mybuttonText.setTextFormat(myFormat);
i++;
}
};
};
MovieClip.prototype.removeMenu = function (target, n)
{
this.onEnterFrame=function()
{
i = 0;
while (i < n)
{
buttons = [];
removeMovieClip(buttons*);
i++;
}
};
};
this.createTextField(‘status’,2, 20, 20, 250,20);
var status = this[‘status’];
status.embedFonts = false;
status.editable = false;
status.selectable = false;
status.antiAliasType = ‘advanced’;
status._quality = ‘HIGH’;
status.html = true;
"
Thanx!
Max