dynamisches xml-menue

[warrantmaster]

hi loitz,
hab gerade mal mit xml ein wenig gebastelt,
rausgekommen ist ein dynamisches menue.
stelle das hier mal zum download, eventuell
kann es ja mal jemand gebrauchen.
das ding ist derart simpel, daß es wohl niemandem
ein prob bereiten sollte, es für seine zwecke
umzubauen. eine readme ist anbei.



grz
warrant

[sonar]

Habs mir gerade gezogen. Danke! Vielleicht schaff ich's ja damit mal, mich in XML + Flash einzuarbeiten.

Gruß,
Tom

[RedSaint]

thanx to warrantmaster!
bin auch grade am xml plockern und da ist ein kommentiertes beispiel immer schön zur selbst prüfung!

danke!


_RED_

[warrantmaster]

hi ihr beiden,

der vorteil, den ich nach langem suchen ( ) an der
xml-geschichte sehe, sind die vordefinierten arrays.
werd mal weiter rumkramen in der ganzen sache,
eventuell find ich ja noch mehr vorteile gegenüber
einer "einfachen" txt.

grz

[RedSaint]

vordefiniete arrays? hört sich interesant an!

*horcht gespannt auf*



_RED_

[MacEvil]

Werds mit auch mal anschauen.
Danke dafür

[warrantmaster]

@red



childNodes

Sammlung (schreibgeschützt); gibt ein Array mit den Child-Knoten des angegebenen XML-Objekts zurück. Jedes Element im Array ist ein Bezug auf ein XML-Objekt, das einen Child-Knoten darstellt. Die Eigenschaft ist schreibgeschützt und kann nicht zum Manipulieren von Child-Knoten verwendet werden. Verwenden Sie zum Manipulieren von Child-Knoten die Methoden appendChild, insertBefore und removeNode.

attributes

Sammlung (Lese-/Schreibzugriff); gibt ein assoziatives Array zurück, das alle Attribute des angegebenen XML-Objekts enthält.

[sonar]

Vor allem das Einlesen zur Laufzeit und die Editierbarkeit von Daten ohne das swf erneut exportieren zu müssen fände ich mal einen ganz praktischen Grund, sich damit auszukennen... Ich schaff's. Irgendwann ^

[RedSaint]

wow - ich hab mir deine file jetzt mal genauer zur brust genommen und muss erstmal sagen: meinen respekt hast du!

hab nichtmal 100% verstanden was du in flash gekodet hast...der xml part ist mir eigentlich nach überfliegen meines workshop_XML.pdf klar


childnotes sind also diese ausdrücke:

PHP-Code:

<unternehmen sub= "3" sub1="historie" sub2="standorte" sub3="menschen"></unternehmen> 


die ich in flash so in einen array einfüge:

_root[this.firstChild.childNodes[1].childNodes[z].nodeName] = []; 

hab ich mir das richtig zusammengesponnen?
sorry, wenn ich mit meinem halbwissen jetzt ein bischen nerve - will deinen thread nicht misbrauchen...


_RED_

[warrantmaster]

@red

nicht ganz, mit:

_root[this.firstChild.childNodes[1].childNodes[z].nodeName] = [];

erstelle ich die arrays ("unternehmen"...etc), wobei die betitelung derselben über die zuweisung zuweisung von
...nodeName erfolgt,in die dann die entsprechenden
attribute gepusht werden.

schau mal in meinen thread "xml-struktur" im xml-bereich,
da ackere ich gerade mit nky (gruß@nky ) umher.
daher resultiert auch das script.

gruß

[RedSaint]

jap hab ich mir schon alles reingezogen und gerade auchnochmal bei matze auf der site ein paar xml sachen gesaugt ... ich glaub ich muss mich einfach mal an das menü machen das mir vorschebt und dabei dann lernen ... nur lesen bringt grad glaub ich nichts mehr ...


danke so weit!


_RED_



edit: da du mir ja scheinbra zeitlich garnict sooo weit voraus bist, evtl interesiert dich diese art der anwendung von xml auch:http://www.flashforum.de/forum/showt...587#post727587 -> chinos bsp. !

[warrantmaster]

moin,
hab jetzt mal ein wenig weitergespielt und
rausgekommen ist ein "ausfahrmenue" ,
wie es hier oft auch nachgefragt wird.
entgegen meinen gewohnheiten hab ich die
fla jetzt mal kommentiert , ich hoffe,
einige können etwas für sich auch für
andere gelegenheiten saugen.
scriptoptimierungen natürlich immer
erwünscht

xml:

<?xml version="1.0" encoding="UTF-8"?>

<daten>
     <aktuelles sub1="heute" sub2="gestern"></aktuelles>
	 <unternehmen sub1="geschichte" sub2="standorte" sub3="philosophie" sub4="mitarbeiter"></unternehmen>
	 <leistungen sub1="web" sub2="print" sub3="cd-rom" sub4="hosting" sub5="hardware" sub6="software"></leistungen>
     <referenzen sub1="internet" sub2="interaktiv" sub3="projekte" sub4="weißnixxmehr"></referenzen>
     <links sub1="flashforum" sub2="flashstar" sub3="as.org" sub4="were here" sub5="flashbattle"></links>
	 <kontakt sub1="fon" sub2="fax" sub3="mailform" sub4="forum"></kontakt>
     <weiteres sub1="hallo" sub2="hiho" sub3="hähä" sub4="blabla" sub5="juppdidupp" sub6="peng"></weiteres>
</daten>

as:

font1 = new TextFormat();
font1.font = "ARIAL";
font1.color = 0xFFFFFF;
font1.size = 10;
font2 = new TextFormat();
font2.font = "Tahoma";
font2.color = 0x000000;
font2.size = 10;
startposx = 0;
startposy = 30;
tiefe = 10000000;
abstand = 2;
_root.createTextField('ausgabe', 0, 20, 5, 200, 20);
//************************************
//     faxxen 
//
warrantpos=1000;
warrant.onEnterFrame = function() {
    this._x += (-this._x+warrantpos)*.3;
};
//
//   ende der faxxen
//************************************
//
//        funktion ausfahren
moveout = function (nam, anz, a) {
    _root['control'+a].onEnterFrame = function() {
        for (var i = 1; i<=anz; i++) {
            var mc1 = _root[nam+i];
            // alle rausfahren
            mc1._y != mc1.y+(mc1.id*hoch-hoch) ? mc1._y += 5 : 0;
        }
        // wenn alle draußen sind, deleten
        _root[nam+anz]._y>=_root[nam+anz].y+(_root[nam+anz].id*hoch-hoch) ? delete this.onEnterFrame : 0;
    };
};
//       funktion  einfahren
movein = function (nam, anz, a, starty) {
    _root['control'+a].onEnterFrame = function() {
        for (var i = 1; i<=anz; i++) {
            // alle reinfahren
            _root[nam+i]._y != starty ? _root[nam+i]._y -= 5 : 0;
        }
        // wenn alle wieder drinnen, deleten
        _root[nam+anz]._y<=starty ? (_root.ausgabe.text="", delete this.onEnterFrame) : 0;
    };
};
//
//
//***********************************************
make = function (a, nam, anz, startx, starty, tiefe) {
    MovieClip.prototype.funktionen = function() {
        with (this) {
            // wenn du ein hauptmenuepunkt bist, dann lade dir den bt1 aus der
            // bibliothek und bringe den effekt mc (licht) nach vorn
            this.id == 1 ? (this.attachMovie('bt1', 'dummy', 0), this.licht.swapDepths(0)) : 0;
            // ertelle ein textfeld für die beschriftung
            createTextField('txt', 1, 10, 2, 90, 18);
            // damit der cursor nicht zum tab wird
            txt.selectable = 0;
            // beschriften
            this.id == 1 ? txt.text=nam : txt.text=_root['subarr'+a][this.id-2];
            // schriftart zuweisen
            this.id == 1 ? txt.setTextFormat(font1) : txt.setTextFormat(font2);
        }
        this.onPress = function() {
            this.id != 1 ? (warrantpos=this._x+50,ausgabe._x=this._x+10, ausgabe.text=this.txt.text, ausgabe.setTextFormat(font1)) : 0;
        };
        this.onRollOut = function() {
            // einfahren
            movein(nam, anz, a, startposy);
        };
        this.onRollOver = function() {
            this.licht.play();
            // ausfahren
            moveout(nam, anz, a);
        };
    };
    // +++++++++++++++++++++++++++++++++++++++++
    // eigentliche erstellung der buttons
    // +++++++++++++++++++++++++++++++++++++++++
    // 
    for (var i = 1; i<=anz; i++) {
        var mc = _root.attachMovie('bt', nam+i, tiefe-i);
        _root.hoch = mc._height;
        _root.breit = mc._width;
        mc._x = startx;
        mc._y = starty;
        mc.y = mc._y;
        mc.id = i;
        // hier werden alle buttons in das array gepusht
        // dient lediglich zum positionieren (siehe zeilen 98 und 158)
        _root.rootarr.push(mc);
        mc.funktionen();
    }
};
los = function () {
    // erstellung eines arrays zum einlesen aller erstellten buttons (siehe zeile 92 )
    _root.rootarr = [];
    // für jeden hauptmenuepunkt einen seperaten controller
    // erstellen, der die onenterframe-funktion für das
    // ein-und ausfahren übernehmen wird (siehe zeilen 27 und 39 )
    for (var i = 0; i<arr.length; i++) {
        _root.createEmptyMovieClip('control'+i, i+100000);
    }
    // aufruf der erstellungsfunktion mit übergabe
    // der namen für die einzelnen buttons etc.( siehe zeile 51)
    for (var i = 0; i<arr.length; i++) {
        make(i, arr[i], _root['subarr'+i].length+1, startposx, startposy, tiefe);
        // bei jedem schleifendurchlauf die _x-position
        // sowie die tiefe verändert
        startposx += _root.breit+abstand;
        tiefe -= _root['subarr'+i].length+1;
    }
};
m = new XML();
m.ignoreWhite = true;
m.onLoad = function(ok) {
    if (ok) {
        //  array für die hauptmenuepunkte
        _root.arr = [];
        //  anzahl der hauptmenuepunkte
        var xx = this.firstChild.childNodes.length;
        for (var i = 0; i<xx; i++) {
            //   arrays für die untermenuepunkte
            _root['subarr'+i] = [];
            //    hauptmenuepunkte in's array
            _root.arr.push(this.firstChild.childNodes[i].nodeName);
            //     untermenuepunkte in die entsprechenden arrays
            for (k in this.firstChild.childNodes[i].attributes) {
                _root['subarr'+i].push(this.firstChild.childNodes[i].attributes[k]);
            }
        }
        //++++++++++++++++++++++++++++++++++++++++++++++++
        //   positionierung Stage-mitte
        //++++++++++++++++++++++++++++++++++++++++++++++++
        //
        //   ermitteln des zuletzt zuzuweisenden buttontext
        //   zur überprüfung des vorhandenseins auf der bühne
        var last = _root['subarr'+(xx-1)][_root['subarr'+(xx-1)].length-1];
        //
        //    den beobachter erstellen
        _root.createEmptyMovieClip('watcher', -1);
        _root.watcher.onEnterFrame = function() {
            //    die lage peilen....
            for (var jj in _root) {
                //   wenn also der letzte text (last ) vergeben ist...
                if (eval(jj).txt.text == last) {
                    //   beobachten einstellen
                    delete this.onEnterFrame;
                    //   aus dem array mit den erstellten instanzen
                    //   den am weitesten rechts (letzten) heraussuchen
                    var letzter = _root.rootarr[_root.rootarr.length-1];
                    //   dessen _x und _width zur ermittlung des verbleibenden
                    //   platzes auf der Stage benutzen
                    distance = (Stage.width-(letzter._x+letzter._width))/2;
                    //   alle erstellten instanzen (die ja im array _root.rootarr
                    //   liegen siehe zeilen 92 und 99) um den betrag nach rechts schieben
                    for (var yy = 0; yy<_root.rootarr.length; yy++) {
                        _root.rootarr[yy]._x += distance;
                    }
                }
            }
        };
        //   ende positionierung Stage-mitte
        //
        //   startbefehl zum generieren (zeile 97)
        los();
    }
};
m.load('menue1.xml'); 

hier mal anschauen


fla und xml in der zip.
gruß

[MacEvil]

WoW.
Sieht ja super aus ! *Auch sowas verwenden will !

[warrantmaster]

@mac

do it !

[nky]

@ warrant - *enzückt* Sieht very nice aus ! Auch der Aufbau des XML`s ist sehr schön - Diggän Respäkt !

Gruss nky