[stuff] XML Menü 1, incl. JavaScript PopUp

[shorty]

Kurz, Schmerzlos & Präventiv

Das Menü ist optisch mal "etwas" anders gestaltet, die Anzahl der Menüpunkte ist selbstgenerierend, da es auf einer XML Datei basiert. Wer jetzt meint es schon einmal wo anders gesehen zuhaben, liegt damit vollkommen richtig: Hier. Die "wabber" funktion der buttons ist aus diesem Thread adaptiert & wurde etwas modifiziert. Wer also fragen, speziell dazu hat, der möge sich bitte im o.g. Thread melden.

Als kleines highlight sei noch angemerkt, dass ihr mit dem Menü alle Bildformate in einem Popup öffnen könnt, dazu muss lediglich die XML-Datei angepasst, und statt *.swf *.jpg oder *.gif oder, oder, oder geschrieben werden. Das zum öffnen der Popups benötigte JavaScript wird dynamisch im FlashFilm generiert, liegt also nicht in der .html Datei.

Bevor es los geht, noch ein kleiner hint auf freund psyk seine adaption dieses Menüs: hier lang ...


Xml Flashmenü + Popup / JavaScript
FileSize: 1,57Kb | Version: Flash MX 2004

• Menügenerierung per XML
• Waaberfunktion der Items (Menüpunkte)
• Items können frei gestaltet werden
• Positionierung der Items frei einstellbar
• dynamisch generiertes JavaScript
• Positionierung der Popup's direkt in Flash einstellbar
• Aufruf jedes X-Belibigen Bildformates im Popup möglich
• 99,9 % Browser kompatibel (interner Scherz^^)

Ansehen*: drück mich
*die Items funktionieren bis Nr. 10, der Rest ist show...

Saugen* : javaXmlFlashMenü
*der verwendete font nennt sich "Org_v01"

Falls sich etwas ändern sollte, kleben die neuen Versionen unten dran ...

Ein Blick unter die Haube (need's OneKeyFrame only)

PHP-Code:

this.stop();
var tl:MovieClip = this;
//  deine einstellungen --------------------------------------------------------------
var menuePositionX:Number = 15;
var menuePositionY:Number = 15;
var itemSpace:Number = 1;
var itemsInLine:Number = 5;
var srcXML:String = 'menue.xml';
//  dynamisches JavaScript erstellen & aufrufen des Popup's --------------------------
function openWindow(file:String, width:String, height:String) {
    var windowPosX:Number = System.capabilities.screenResolutionX / 2 - width / 2;
    var windowPosY:Number = System.capabilities.screenResolutionY / 2 - height / 2;
    getURL("javascript:show=window.open('" + file + "','fenstername','width=" + width + ",height=" + height + ", left=" + windowPosX + ",top=" + windowPosY + ",toolbar=0,location=0,scrollbars=0,status=0,resizable=0,fullscreen=0');  show.focus(); void(0);");
}
//  waaber animation der items (buttons) ---------------------------------------------
function itemAnimation(target:MovieClip, lvl:Number, col:Number, sc:Number, rt:Number) {
    var c:Color = new Color(target.mcItemBackground);
    c.setRGB(col);
    target.swapDepths(tl.mcMenue.getNextHighestDepth());
    target.scX = 100;
    target.scY = 20;
    target.onEnterFrame = function() {
        this.scX = Number(this.scX * 0.7) + Number((sc - this._xscale) * rt);
        this.scY = Number(this.scY * 0.7) + Number((sc - this._yscale) * rt);
        this._xscale += this.scX;
        this._yscale += this.scY;
        if (Math.round(this._yscale) == 100) {
            this._xscale = 100;
            this._yscale = 100;
            this.swapDepths(lvl);
            delete this.onEnterFrame;
        }
    };
}
//  menü erstellen -------------------------------------------------------------------
function buildMenue():Void {
    tl.createEmptyMovieClip('mcMenue', tl.getNextHighestDepth());
    mcMenue._x = menuePositionX;
    mcMenue._y = menuePositionY;
    var posX:Number = 0;
    var posY:Number = 0;
    var node:Array = objXMLMenue.firstChild.childNodes;
    for (var i = 0; i < node.length; i++) {
        mcMenue.attachMovie('mcItem', 'mcItem' + i, mcMenue.getNextHighestDepth());
        var mcCut:MovieClip = tl.mcMenue['mcItem' + i];
        mcCut.ID = i;
        mcCut._x = posX;
        mcCut._y = posY;
        mcCut.varLink = String(node[i].attributes.link);
        mcCut.varWidth = String(node[i].attributes.width);
        mcCut.varHeight = String(node[i].attributes.height);
        mcCut.txtLabel.text = (i + 1);
        mcCut.onRollOver = function() {
            itemAnimation(this, this.ID, 0xff0000, 200, 0.3);
        };
        mcCut.onRelease = function() {
            openWindow(this.varLink, this.varWidth, this.varHeight);
            itemAnimation(this, this.ID, 0x333333, 100, 0.2);
        };
        mcCut.onRollOut = mcCut.onDragOut = function () {
            itemAnimation(this, this.ID, 0x333333, 100, 0.2);
        };
        posX += mcCut._width + itemSpace;
        if (posX >= (mcCut._width) * itemsInLine) {
            posX = 0;
            posY += mcCut._height + itemSpace;
        }
    }
    fncPosition();
}
//  xml datei laden ------------------------------------------------------------------
var objXMLMenue:XML = new XML();
objXMLMenue.ignoreWhite = true;
objXMLMenue.onLoad = function(ok) {
    if ((ok) && (this.status == 0)) {
        tl.buildMenue();
    } else if ((ok) && (this.status != 0)) {
        trace('Error:XML:Status:' + this.status + ':srcXML:' + tl.srcXML);
    } else {
        trace('Error:XML:Status:404 FILE NOT FOUND:srcXML:' + tl.srcXML);
    }
};
//  and action ...
objXMLMenue.load(srcXML); 


[tox!c]

anscheinend hat es keinen interessiert, bzw es kamen so viele neue fragen, sodass fast keine deinen post gesehen hat. ich jedenfalls bin begeistert und finds klasse . dankedankedanke

[shorty]

Das schmeichelt mir aber sehr und geht runter wie Öl Danke

Bei Fragen, Fragen ...


Gruß,
shorty

[questionner]

Aloha Shorty, witzige Sache. Ich glaube, der unter Nr. 3 bist Du, weil es niemand sieht. Und Nr. 7 danach vorm Spiegel

Hast Du aber fein gemacht. Lob verdient.

[shorty]

Erwischt! Nun ja, deinem geschultem Verstand bleibt halt nichts verborgen. Danke für die Lorbeeren @ Herr RosenkranzAvatar kurz. questioner...


shorty

[questionner]

Siehst Du, ich hatte recht, geht voll unter. Oder zu intellektuell.
Aber den Rosenkranz nehme ich nicht an. Sind doch die schönsten Marmor-Löckchen der Renaissance.

[tox!c]

sag mal shorty kann man sich auf deine page auch einloggen, wenn man kein customer is? ;D

[psyk]

Der shorty, den ganzen Tag (25 Stunden) am rackern und keiner merkt es.
Tzzz..

Nich mal ich.


Na dann Gut Nacht.

[shorty]

@ questionner - ok, es sind definitiv die schönsten Marmor-Löckchen der Renaissance

@ tox!c - wenn ich etwas mehr zeit für mich habe, gibts bestimmt bald einen öffentlichen bereich auf meiner HP. wann das ist kann ich dir allerdings nicht sagen

@ psyk - schnurrr, schnurrrr

[questionner]

@ shorty: na sag ich doch. Was glaubst Du denn, wo "Thomas" sein Outfit her hat. Er hat sich klonen lassen nach diesem Vorbild. Nur noch ein Schnäuzer auf die Oberlippe und ein paar Brusthaare dazu.
Schau mal genau hin und vergleiche die beiden Avatare.

P.S.: Du willst Dich öffentlich machen? Strippen?

[shorty]

irgendwas kam mir spanisch vor: Löckchen & psyk aka. thomas - klick volltreffer: passt ja wie ar*** auf eimer . ja, ich lass die hosen runter, auf das ihr euch alle ins fäustchen lacht ^^.

Bremse: genug OT...

[questionner]

Ok, nur noch zu besseren Einsicht.

Aber so kommt der schicke Code ins Gespräch.

[shorty]

Ich sag doch: VOLLTREFFER °brüll °kicher °feix °lach

Jetzt is aber gut



shorty