Flashforum - Die Community zu Adobe Flash, Flex AIR. Web Design und Inspiration.

neo14 · 17-03-2006, 10:20

hallo,

ich habe folgenden code für ein horizontales xml-menu:

PHP-Code:

  var abstandMain:Number = 10;

var abstandSub:Number = 1;

//////////////////////////////////////

var xmlMenu:XML = new XML();

xmlMenu.ignoreWhite = true;

xmlMenu.onLoad = function(success) {

    if (success) {

        var mainItems = this.firstChild.childNodes;

        for (var i:Number = 0; i<mainItems.length; i++) {

            var mainBtn:MovieClip = _root.attachMovie('main_btn', 'main_btn'+i, i);

            mainBtn.txt.autoSize = true;

            if (mainItems[i] != this.firstChild.lastChild) { 

                mainBtn.txt.text = mainItems[i].attributes.item + "   |";

            } else {

                mainBtn.txt.text = mainItems[i].attributes.item;

            }

            // new: var ID

            mainBtn.ID = i;

            mainBtn._x = (mainBtn.txt._width + abstandMain) * i + 200;

            mainBtn._y = 100;

            mainBtn.onRollOver = function() {

                this.gotoAndPlay(2);

            };

            mainBtn.onRelease = function() {

                // new: call anzeigen with argument ID ...

                anzeige(this.ID);

                trace(subMenu_mc._height);

                trace(this)

            };

            mainBtn.onRollOut = function() {

                this.gotoAndPlay(1);

            };

        }

    }

};

wie bekomm ich es nun hin, dass der erste button bei x=250 und y=100 steht und der abstand der buttons der länge des jeweiligen textfeldes angepasst wird?
dazwischen soll immer ein " | " stehen.

neo14 · 17-03-2006, 12:49

hmm...
keiner ne idee???

wenn ich die pfade zum node ändere, dann sthet undefined im textfeld (klar) aber die abstände und ausrichtung passt.

was los da???

psyk · 17-03-2006, 12:53

Hallo, das müsste Dir weiterhelfen.

PHP-Code:

  var mainBtn:MovieClip = _root.attachMovie('main_btn', 'main_btn'+i, i);
mainBtn._x = 250+i*prevMainBtn._width;
mainBtn._y = 100
var prevMainBtn:MovieClip = mainBtn;

neo14 · 17-03-2006, 13:08

hallo,

funkts leider nicht.
hab's nochmal umgeschrieben...geht aber immer noch nicht ganz:

PHP-Code:

  mainBtn._x = i * prevMainBtn + abstandMain;

            mainBtn._y = 100

            var prevMainBtn:Number = mainBtn.txt._width;

psyk · 17-03-2006, 13:24

Kleiner Denkfehler meinerseits.

PHP-Code:

  mainBtn._x = 250+i*mainBtn._width;

Der Frager · 17-03-2006, 13:28

Das muss so ungefähr aussehen:

PHP-Code:

  var texte = ["hallo", "du", "na sowas aber auch", "huch"];

for (var x = 0; x<texte.length; x++) {

    var mc = this.createEmptyMovieClip("mc"+x, x);

    mc.createTextField("txt", 0, 0, 0, 0, 0);

    mc.txt.autoSize = true;

    mc.txt.text = texte[x]+"  |  ";

    mc._x = last_mc._x+last_mc._width;

    last_mc = mc;

}

neo14 · 18-03-2006, 12:20

ok...ich hab's soweit hin bekommen.
doch nun hab ich ein neues problem...

ich habe als trenner zwischen die buttons ein " | " gesetzt.
wenn ich nun die farbe der buttons ändere, dann ändert sich natürlcih auch die farbe des trenners, was ja nicht sein sollte.

nun hab ich versucht das trenner-zeichen als grafik zwischen die einzelnen buttons zu schieben, doch das will nicht richtig funktionieren...

hier mal mein ansatz:

PHP-Code:

  _root.createEmptyMovieClip("naviTrenner_mc", this.getNextHighestDepth());

  for (var k:Number = 0; k<mainItems.length; k++) {

  var trenner:MovieClip = _root.naviTrenner_mc.attachMovie('naviTrenner_mc', 'trenner'+k, k);

  trenner._y = mainBtn._y;

  trenner._x = last_mc._x + last_mc.txt._width + abstandMain;

}

psyk · 18-03-2006, 12:49

Ich schätz mal du hast den Trnner nicht mit berücksichtigt.

PHP-Code:

  _root.createEmptyMovieClip("naviTrenner_mc", this.getNextHighestDepth());

for (var i:Number = 0; i<mainItems.length; i++) {

  var mainBtn:MovieClip = _root.attachMovie('main_btn', 'main_btn'+i, i);

  var trenner:MovieClip = _root.naviTrenner_mc.attachMovie('naviTrenner_mc', 'trenner'+i, i);

  mainBtn._x = last_mc._x + last_mc._width + lastTrenner._width;

  trenner._x = last_mc._x + last_mc._width;

  trenner._y = mainBtn._y;

  last_mc = mainBtn; 

  lastTrenner = trenner;

}

neo14 · 18-03-2006, 14:04

hmm jeztzt liegen alle button übereinander...?

PHP-Code:

  var abstandMain:Number = 5;

//////////////////////////////////////

var xmlMenu:XML = new XML();

xmlMenu.ignoreWhite = true;

xmlMenu.onLoad = function(success) {

    if (success) {

        var mainItems = this.firstChild.childNodes;

        _root.createEmptyMovieClip("naviTrenner_mc", this.getNextHighestDepth());  

        for (var i:Number = 0; i<mainItems.length; i++) {

            var mainBtn:MovieClip = _root.createEmptyMovieClip("mainBtn"+i, i); 

            var trenner:MovieClip = _root.naviTrenner_mc.attachMovie('naviTrenner_mc', 'trenner'+i, i); 

            mainBtn._x = last_mc._x + last_mc.txt._width + abstandMain + lastTrenner._width + abstandMain; 

            trenner._x = last_mc._x + last_mc.txt._width; 

            last_mc = mainBtn;  

            lastTrenner = trenner; 

            mainBtn._y = 75;

            trenner._y = mainBtn._y; 

        }

    }

}

nicht vergessen, ich habe mainBtn.txt.autoSize = true; eingestellt, denn ich möchte ja dass sich die poistion de trenners an die länge des textfeldes anpasst

shorty · 18-03-2006, 15:28

verschoben - Bitte immer auf den Bereich achten, in welchen du postest

psyk · 18-03-2006, 15:52

So habs mal nachgebaut.

PHP-Code:

  var mainItems:Array = ['fli', 'fla', 'foo', 'Dosenbier'];
_root.createEmptyMovieClip("naviTrenner_mc", this.getNextHighestDepth());
for (var i:Number = 0; i<mainItems.length; i++)
{
    var mainBtn:MovieClip = _root.attachMovie('main_btn', 'main_btn'+i,  _root.getNextHighestDepth(),{_y:75}); 
    mainBtn.txt.autoSize = true
    mainBtn.txt.text = mainItems[i];
    mainBtn.txt.textColor = 0xff0000;

    var trenner:MovieClip = _root.naviTrenner_mc.attachMovie('naviTrenner_mc', 'trenner'+i, _root.getNextHighestDepth(),{_y:mainBtn._y});
    mainBtn._x = last_mc._x + last_mc._width + lastTrenner._width;
    var last_mc:MovieClip = mainBtn;
    trenner._x = last_mc._x + last_mc._width; 
    var lastTrenner:MovieClip = trenner;
}

neo14 · 18-03-2006, 22:53

danke...das geht soweit nun.

kann mir jetzt noch jemand bei der abwärtsbewegung der subnavi helfen?
hab mir gerade dieses bsp zusammen gebaut...doch geht es leider nicht.

PHP-Code:

  var speed:Number = 0.5;  

var subArr:Array = [];

//

function anzeige(ID) {

    this.subMenu_mc.removeMovieClip();

    movedown(ID);

    this.createEmptyMovieClip("subMenu_mc", this.getNextHighestDepth());

    var subItems = xmlMenu.firstChild.childNodes[ID].childNodes;

    for (var a:Number = 0; a<subItems.length; a++) {

        var subBtn:MovieClip = _root.subMenu_mc.attachMovie('sub_btn', 'sub_btn'+a, a);

        subArr[a].push(subBtn);

        //

        subBtn.txt.change(0);

        subBtn._y = (subBtn._height + abstandSub) * a;

        subBtn._y += (subBtn._height + abstandSub + 115);

        subBtn._x = 20;

        subBtn.txt.text = subItems[a].attributes.item;

        subBtn.namen = subItems[a].attributes.item;

    }

}   

function movedown(p)  { 

    dist = subArr[p].length * subArr[p][0]._height;  

    for (var i:Number = 0; i<subArr[p].length; i++) { 

        subArr[p][i].down(subArr[p][i].spos + (i * subArr[p][i]._height + subArr[p][i]._height)); 

    } 

} 

MovieClip.prototype.down = function(dist) { 

    this.onEnterFrame = function() { 

        Math.round(this._y) != Math.round(dist) ? this._y += (-this._y + dist) * speed : (delete this.onEnterFrame, this._y = dist); 

    }

}

psyk · 18-03-2006, 23:11

Hast denn speed vergessen.

PHP-Code:

  MovieClip.prototype.down = function( dist, speed )
{
    this.onEnterFrame = function()
    {
    Math.round( this._y ) != Math.round( dist ) ? this._y += ( -this._y+dist )*speed : ( delete this.onEnterFrame, this._y = dist );
    }
};
// : Anweisung
_mc.down( 300, 0.5 );

neo14 · 19-03-2006, 11:14

nee...geht nicht

psyk · 19-03-2006, 11:22

Damit kann mal richtig was anfangen.

Ich hab es getestet und es geht.

Edit: Ok, Komando zurück, die geschweiften Klammer fehlten,
aber darauf hättest du ja selbst kommen können.

17-03-2006, 10:20	#1 (permalink)
neo14 visitor Registriert seit: Nov 2003 Ort: Stuttgart Beiträge: 600	xml menu hallo, ich habe folgenden code für ein horizontales xml-menu: PHP-Code: var abstandMain:Number = 10; var abstandSub:Number = 1; ////////////////////////////////////// var xmlMenu:XML = new XML(); xmlMenu.ignoreWhite = true; xmlMenu.onLoad = function(success) { if (success) { var mainItems = this.firstChild.childNodes; for (var i:Number = 0; i<mainItems.length; i++) { var mainBtn:MovieClip = _root.attachMovie('main_btn', 'main_btn'+i, i); mainBtn.txt.autoSize = true; if (mainItems[i] != this.firstChild.lastChild) { mainBtn.txt.text = mainItems[i].attributes.item + " \|"; } else { mainBtn.txt.text = mainItems[i].attributes.item; } // new: var ID mainBtn.ID = i; mainBtn._x = (mainBtn.txt._width + abstandMain) * i + 200; mainBtn._y = 100; mainBtn.onRollOver = function() { this.gotoAndPlay(2); }; mainBtn.onRelease = function() { // new: call anzeigen with argument ID ... anzeige(this.ID); trace(subMenu_mc._height); trace(this) }; mainBtn.onRollOut = function() { this.gotoAndPlay(1); }; } } }; wie bekomm ich es nun hin, dass der erste button bei x=250 und y=100 steht und der abstand der buttons der länge des jeweiligen textfeldes angepasst wird? dazwischen soll immer ein " \| " stehen.

17-03-2006, 12:53	#3 (permalink)
psyk Pending… Registriert seit: Jul 2002 Ort: Hamburg Beiträge: 3.866	Hallo, das müsste Dir weiterhelfen. PHP-Code: `var mainBtn:MovieClip = _root.attachMovie('main_btn', 'main_btn'+i, i); mainBtn._x = 250+i*prevMainBtn._width; mainBtn._y = 100 var prevMainBtn:MovieClip = mainBtn;` __________________ :: Warum einfach, wenn's auch kompliziert geht! ::

17-03-2006, 13:08	#4 (permalink)
neo14 visitor Registriert seit: Nov 2003 Ort: Stuttgart Beiträge: 600	hallo, funkts leider nicht. hab's nochmal umgeschrieben...geht aber immer noch nicht ganz: PHP-Code: `mainBtn._x = i * prevMainBtn + abstandMain; mainBtn._y = 100 var prevMainBtn:Number = mainBtn.txt._width;`

17-03-2006, 13:24	#5 (permalink)
psyk Pending… Registriert seit: Jul 2002 Ort: Hamburg Beiträge: 3.866	Kleiner Denkfehler meinerseits. PHP-Code: `mainBtn._x = 250+imainBtn._width;` __________________ :: Warum einfach, wenn's auch kompliziert geht! :: Geändert von psyk (17-03-2006 um 13:25 Uhr)*

17-03-2006, 13:28	#6 (permalink)
Der Frager ................ Registriert seit: Jun 2004 Beiträge: 15.890	Das muss so ungefähr aussehen: PHP-Code: `var texte = ["hallo", "du", "na sowas aber auch", "huch"]; for (var x = 0; x<texte.length; x++) { var mc = this.createEmptyMovieClip("mc"+x, x); mc.createTextField("txt", 0, 0, 0, 0, 0); mc.txt.autoSize = true; mc.txt.text = texte[x]+" \| "; mc._x = last_mc._x+last_mc._width; last_mc = mc; }` __________________ ternärer Konditionaloperator +++ Bitte keine Privat-Nachrichten bezüglich Flashfragen! +++

17-03-2006, 12:49	#2 (permalink)
neo14 visitor Registriert seit: Nov 2003 Ort: Stuttgart Beiträge: 600	hmm... keiner ne idee??? wenn ich die pfade zum node ändere, dann sthet undefined im textfeld (klar) aber die abstände und ausrichtung passt. was los da???

18-03-2006, 12:20	#7 (permalink)
neo14 visitor Registriert seit: Nov 2003 Ort: Stuttgart Beiträge: 600	ok...ich hab's soweit hin bekommen. doch nun hab ich ein neues problem... ich habe als trenner zwischen die buttons ein " \| " gesetzt. wenn ich nun die farbe der buttons ändere, dann ändert sich natürlcih auch die farbe des trenners, was ja nicht sein sollte. nun hab ich versucht das trenner-zeichen als grafik zwischen die einzelnen buttons zu schieben, doch das will nicht richtig funktionieren... hier mal mein ansatz: PHP-Code: `_root.createEmptyMovieClip("naviTrenner_mc", this.getNextHighestDepth()); for (var k:Number = 0; k<mainItems.length; k++) { var trenner:MovieClip = _root.naviTrenner_mc.attachMovie('naviTrenner_mc', 'trenner'+k, k); trenner._y = mainBtn._y; trenner._x = last_mc._x + last_mc.txt._width + abstandMain; }`

18-03-2006, 12:49	#8 (permalink)
psyk Pending… Registriert seit: Jul 2002 Ort: Hamburg Beiträge: 3.866	Ich schätz mal du hast den Trnner nicht mit berücksichtigt. PHP-Code: _root.createEmptyMovieClip("naviTrenner_mc", this.getNextHighestDepth()); for (var i:Number = 0; i<mainItems.length; i++) { var mainBtn:MovieClip = _root.attachMovie('main_btn', 'main_btn'+i, i); var trenner:MovieClip = _root.naviTrenner_mc.attachMovie('naviTrenner_mc', 'trenner'+i, i); mainBtn._x = last_mc._x + last_mc._width + lastTrenner._width; trenner._x = last_mc._x + last_mc._width; trenner._y = mainBtn._y; last_mc = mainBtn; lastTrenner = trenner; } __________________ :: Warum einfach, wenn's auch kompliziert geht! ::

18-03-2006, 14:04	#9 (permalink)
neo14 visitor Registriert seit: Nov 2003 Ort: Stuttgart Beiträge: 600	hmm jeztzt liegen alle button übereinander...? PHP-Code: var abstandMain:Number = 5; ////////////////////////////////////// var xmlMenu:XML = new XML(); xmlMenu.ignoreWhite = true; xmlMenu.onLoad = function(success) { if (success) { var mainItems = this.firstChild.childNodes; _root.createEmptyMovieClip("naviTrenner_mc", this.getNextHighestDepth()); for (var i:Number = 0; i<mainItems.length; i++) { var mainBtn:MovieClip = _root.createEmptyMovieClip("mainBtn"+i, i); var trenner:MovieClip = _root.naviTrenner_mc.attachMovie('naviTrenner_mc', 'trenner'+i, i); mainBtn._x = last_mc._x + last_mc.txt._width + abstandMain + lastTrenner._width + abstandMain; trenner._x = last_mc._x + last_mc.txt._width; last_mc = mainBtn; lastTrenner = trenner; mainBtn._y = 75; trenner._y = mainBtn._y; } } } nicht vergessen, ich habe mainBtn.txt.autoSize = true; eingestellt, denn ich möchte ja dass sich die poistion de trenners an die länge des textfeldes anpasst

18-03-2006, 15:28	#10 (permalink)
shorty notzucht Registriert seit: Nov 2003 Ort: Potsdam Beiträge: 2.939	verschoben - Bitte immer auf den Bereich achten, in welchen du postest __________________ . Flex in a week \| Viertel vor halb nach Vollmond \| ^^°.°^^ \| Waltz with Bashir .

18-03-2006, 15:52	#11 (permalink)
psyk Pending… Registriert seit: Jul 2002 Ort: Hamburg Beiträge: 3.866	So habs mal nachgebaut. PHP-Code: var mainItems:Array = ['fli', 'fla', 'foo', 'Dosenbier']; _root.createEmptyMovieClip("naviTrenner_mc", this.getNextHighestDepth()); for (var i:Number = 0; i<mainItems.length; i++) { var mainBtn:MovieClip = _root.attachMovie('main_btn', 'main_btn'+i, _root.getNextHighestDepth(),{_y:75}); mainBtn.txt.autoSize = true mainBtn.txt.text = mainItems[i]; mainBtn.txt.textColor = 0xff0000; var trenner:MovieClip = _root.naviTrenner_mc.attachMovie('naviTrenner_mc', 'trenner'+i, _root.getNextHighestDepth(),{_y:mainBtn._y}); mainBtn._x = last_mc._x + last_mc._width + lastTrenner._width; var last_mc:MovieClip = mainBtn; trenner._x = last_mc._x + last_mc._width; var lastTrenner:MovieClip = trenner; } __________________ :: Warum einfach, wenn's auch kompliziert geht! ::

18-03-2006, 22:53	#12 (permalink)
neo14 visitor Registriert seit: Nov 2003 Ort: Stuttgart Beiträge: 600	danke...das geht soweit nun. kann mir jetzt noch jemand bei der abwärtsbewegung der subnavi helfen? hab mir gerade dieses bsp zusammen gebaut...doch geht es leider nicht. PHP-Code: var speed:Number = 0.5; var subArr:Array = []; // function anzeige(ID) { this.subMenu_mc.removeMovieClip(); movedown(ID); this.createEmptyMovieClip("subMenu_mc", this.getNextHighestDepth()); var subItems = xmlMenu.firstChild.childNodes[ID].childNodes; for (var a:Number = 0; a<subItems.length; a++) { var subBtn:MovieClip = _root.subMenu_mc.attachMovie('sub_btn', 'sub_btn'+a, a); subArr[a].push(subBtn); // subBtn.txt.change(0); subBtn._y = (subBtn._height + abstandSub) * a; subBtn._y += (subBtn._height + abstandSub + 115); subBtn._x = 20; subBtn.txt.text = subItems[a].attributes.item; subBtn.namen = subItems[a].attributes.item; } } function movedown(p) { dist = subArr[p].length * subArr[p][0]._height; for (var i:Number = 0; i<subArr[p].length; i++) { subArr[p][i].down(subArr[p][i].spos + (i * subArr[p][i]._height + subArr[p][i]._height)); } } MovieClip.prototype.down = function(dist) { this.onEnterFrame = function() { Math.round(this._y) != Math.round(dist) ? this._y += (-this._y + dist) * speed : (delete this.onEnterFrame, this._y = dist); } } Geändert von neo14 (18-03-2006 um 22:54 Uhr)

18-03-2006, 23:11	#13 (permalink)
psyk Pending… Registriert seit: Jul 2002 Ort: Hamburg Beiträge: 3.866	Hast denn speed vergessen. PHP-Code: `MovieClip.prototype.down = function( dist, speed ) { this.onEnterFrame = function() { Math.round( this._y ) != Math.round( dist ) ? this._y += ( -this._y+dist )speed : ( delete this.onEnterFrame, this._y = dist ); } }; // : Anweisung _mc.down( 300, 0.5 );` __________________ :: Warum einfach, wenn's auch kompliziert geht! :: Geändert von psyk (19-03-2006 um 11:28 Uhr) Grund: geschweiften Klammer hinzugefügt*

19-03-2006, 11:14	#14 (permalink)
neo14 visitor Registriert seit: Nov 2003 Ort: Stuttgart Beiträge: 600	nee...geht nicht

19-03-2006, 11:22	#15 (permalink)
psyk Pending… Registriert seit: Jul 2002 Ort: Hamburg Beiträge: 3.866	Damit kann mal richtig was anfangen. Ich hab es getestet und es geht. Edit: Ok, Komando zurück, die geschweiften Klammer fehlten, aber darauf hättest du ja selbst kommen können. __________________ :: Warum einfach, wenn's auch kompliziert geht! :: Geändert von psyk (19-03-2006 um 11:37 Uhr)

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln