dynamisch buttons (MC) erstellen

[olien]

hallo zusammen,

ich versuche gerade ein kleines menue komplett zu scripten
(lacht nur nicht über den zusammengesuchten code :-)))

über ein beispiel für eine einfachere schreibweise würde ich
mich natürlich sehr freuen.

so. die textfelder in dem mc werden angezeigt aber natürlich
verdeckt wenn der mc seine farbe ändert. die links
funktionieren dann auch irgendwie nicht.

wenn ich von einer "buttoneinfärbung" absehe funktioniert alles. alle textfelder
(es sind mehr ... das script ist eine abgespeckte version hier fürs forum (der lesbarkeit halber :-)))
zeigen die richtigen texte und verweisen auch auf die
gewünschten links. allerdings fehlt mir dann ein schöner
button effekt :-((


das ganze soll nachher in einem mc (unter eine maske)
scrollbar sein.....aber das kommt später.

und jetzt der code (schähm):

lv = new LoadVars();
lv.onLoad = function() {
    this.titel  = this.name.split(",");
 
for (var i = 0; i<this.titel.length; i++) {
 
_root.createEmptyMovieClip(["ButtonMC"+i],i-1);
_root["ButtonMC"+i]._x=50;
_root["ButtonMC"+i]._y=i*25;
 
_root["ButtonMC"+i].farbe=new Color(["ButtonMC"+i]);
 
_root["ButtonMC"+i].onRollOver=function(){
        this.farbe.setRGB(0x0000ff);
}
 
_root["ButtonMC"+i].onRollOut=function(){
        this.farbe.setRGB(0xff00ff);
}
 
_root["ButtonMC"+i].onPress=function(){
     getURL([url]www.flashforum.de[/url]);
// hier soll natürlich (dynamisch) ein link zu den angegebenen titel rein.
}
 
    _root["ButtonMC"+i].createTextField(["ueberschrift"+i], a++, 35, ["ButtonMC"+i]._y, 350, 20);
    _root["ButtonMC"+i]["ueberschrift"+i].border=true;
    _root["ButtonMC"+i]["ueberschrift"+i].backgroundColor=0xc9c9c9;
    _root["ButtonMC"+i]["ueberschrift"+i].background=true;
    _root["ButtonMC"+i]["ueberschrift"+i].text = this.titel[i];
 
};
};
lv.load("daten.txt"); 

in der textdatei "daten.txt" steht folgendes:

name=1. menuepunkt,2. menuepunkt,3. menuepunkt,4. menuepunkt,5. menuepunkt,6. menuepunkt

vielleicht bin ich auch einfach inzwischen zu blind um die lösung
zu finden :-)) (oder noch einfacher zu unwissend :-(()

gruß
oliver

p.s. gesucht habe ich selbstverständlich schon im forum...

[pheidrias]

Hi olien !

Viel kann man da nicht mehr machen.
Grundsätzlich würde ich wegen der Schreibarbeit nach dem "createn" die Zeile
mc=_root["ButtonMC"+i];
einfügen und dann immer nur mc._x schreiben.
Auf width würde ich verzichten --> da gibt's immer wieder Probleme mit der Eindeutigkeit .

Ansonsten wäre es vielleicht noch von Vorteil (wegen Speicher zum Beispiel) die Funktionen (da bei allen gleich) auszulagen.
Also z.B. in dem Framecode noch _root.oRo=function() {
//code
}
und dann nur noch
mc.onRollOver=_root.oRo;
zuweisen.

Mit dem Textfeld dann genau wie mit dem MC über Variable verkürzen.

tanti saluti,
pheidrias

[olien]

hey pheidrias,

danke ersteinmal!

soviel zum subereren scripten....

aber mein problem das die textfelder "in" den buttons sichtbar
(eigentlich ja MCs) liegen sollen ist damit noch nicht gelöst...

muß ich wirklich einen button erstellen und verlinken?

nö. muß doch nicht - oder....

hast du vielleicht (oder irgendjemand) noch ein beispiel über ein
komplett gescripteten button oder mc mit dynamischen textinhalt
und dynamischer aktion beim anklicken?

(hab mich schon bei den üblichen quellen im netz umgesehen
aber so nix umsetzbares für mich gefunden...)

gruss
oliver

[Chino]

Hi Olien!

So, hab mal ein wenig aufgeräumt...

lv = new LoadVars ();
lv.onLoad = function () {
    this.titel = this.name.split (",");
    for (var i = 0; i < this.titel.length; i++) {
        var mc = _root.createEmptyMovieClip ("ButtonMC" + i, i - 1);
        mc._x = 50;
        mc._y = i * 25;
        mc.farbe = new Color ("ButtonMC" + i);
        mc.onRollOver = function () {
            this.farbe.setRGB (0x0000ff);
        };
        mc.onRollOut = function () {
            this.farbe.setRGB (0xff00ff);
        };
        mc.onPress = function () {
            getURL ("http://www.flashforum.de", "_blank");
        };
        mc.createTextField ("ueberschrift" + i, a++, 35, "ButtonMC" + i._y, 350, 20);
        mc["ueberschrift" + i].border = true;
        mc["ueberschrift" + i].backgroundColor = 0xc9c9c9;
        mc["ueberschrift" + i].background = true;
        mc["ueberschrift" + i].text = this.titel[i];
    }
};
lv.load ("daten.txt"); 

Was du allerdings mit den Buttons im MC meinst hab ich noch nicht ganz verstanden!? Funzt doch...

Gruss, Chino

[olien]

hi Chino,

danke fürs aufräumen .-))

ja. ersteinmal funktioniert es. nur beim mousover
werden die MCs komplett rot und der text ist nicht mehr lesbar.
beim mouseout ist der MC dann komplett blau.

wenn ich wüsst wo würd ich den alpha runtersetzen....
aber wo?

auf jeden fall sollte der text bei einem mouseover lesbar bleiben
und die farbe sich dennoch irgendwie erkennbar ändern.

beim mouseout soll alles wieder so sein wie vorher....

gruss
oliver

[pheidrias]

? Ich habe leider auch noch nicht verstanden, worauf du hinauswillst ?
Eine Button-Komponente ?

Hier auf jeden Fall mal noch die speicherschonendere Variante basierend auf Chinos Vorschlag :

_root.oRoU=function () {
                        this.farbe.setRGB (0x0000ff);
                };
_root.oRoU=function () {
                        this.farbe.setRGB (0xff00ff);
                };
_root.oP=function () {
                        getURL ("http://www.flashforum.de", "_blank");
                };
 
lv = new LoadVars ();
lv.onLoad = function () {
        this.titel = this.name.split (",");
        for (var i = 0; i < this.titel.length; i++) {
                var mc = _root.createEmptyMovieClip ("ButtonMC" + i, i - 1);
                mc._x = 50;
                mc._y = i * 25;
                mc.farbe = new Color ("ButtonMC" + i);
                mc.onRollOver = _root.oRoO;
                mc.onRollOut = _root.oRoU;
                mc.onPress = _root.oP;
                mc.createTextField ("ueberschrift" + i, a++, 35, "ButtonMC" + i._y, 350, 20);
                mc["ueberschrift" + i].border = true;
                mc["ueberschrift" + i].backgroundColor = 0xc9c9c9;
                mc["ueberschrift" + i].background = true;
                mc["ueberschrift" + i].text = this.titel[i];
        }
};
lv.load ("daten.txt"); 

tanti saluti,
pheidrias

[pheidrias]

Hello again !

Für dieses Problem mußt du dir halt einen MC in deinen MC packen.
So daß du also einen leeren MC erzeugst, darin einen weiteren MC packst - der ändert dann die Farbe und dann in den ersten MC noch das Textfeld.

tanti saluti,
pheidrias

[olien]

jupp.
das war es.
ich mach mich gleich mal ran.....

danke euch beiden!!!!!!!

oliver

[olien]

verwirrt bin :-((

gebt mir bitte noch einen tipp / beispiel....

oliver
(danke)

[Chino]

Na gut, dann mach ich die Verwirrung mal komplett:

lv = new LoadVars ();
lv.onLoad = function () {
    this.titel = this.name.split (",");
    for (var i = 0; i < this.titel.length; i++) {
        var mc = _root.createEmptyMovieClip ("ButtonMC" + i, i - 1);
        mc._x = 50;
        mc._y = i * 25;
        mc.createTextField ("ueberschrift", a++, 0, 0, 350, 20);
        mc.onRollOver = function () {
            this.ueberschrift.backgroundColor = 0x0000FF;
        };
        mc.onRollOut = function () {
            this.ueberschrift.backgroundColor = 0xFF00FF;
        };
        mc.onPress = function () {
            getURL ("http://www.flashforum.de", "_blank");
        };
        mc.ueberschrift.border = true;
        mc.ueberschrift.backgroundColor = 0xc9c9c9;
        mc.ueberschrift.background = true;
        mc.ueberschrift.text = this.titel[i];
    }
};
lv.load ("daten.txt"); 

Durch die Mouse Events wird jetzt lediglich die Hintergrundfarbe der Textfelder geändert. Das ist einfacher!

Die onPress etc. zuweisungen kann man in diesem Falle allerdings nicht so anlegen, wie pheidrias das vorgeschlagen hatte. Da jeder Button einen anderen Link aufrufen soll, und man auch sonst den aufrufenden Clip noch referenzieren müsste, machen wir hier die Aufrufe zu einer Methode des jeweiligen Buttons.

Hoffe du bist jetzt nicht völlig verwirrt!

Gruss, Chino

[olien]

danke!

jetzt bin ich völlig entwirrt!


gruss
oliver

[warrantmaster]

var a0 = "http://www.flashforum.de";
var a1 = "http://www.actionscript.org";
var a2 = "http://www.macromedia.com";
for (var i = 0; i<3; i++) {
    var mc = _root.createEmptyMovieClip("ButtonMC"+i, i-1);
    mc.id = i;
    mc._x = 50;
    mc._y = i*25;
    mc.createTextField("ueberschrift", a++, 0, 0, 350, 20);
    mc.onRollOver = function() {
        this.ueberschrift.backgroundColor = 0x0000FF;
    };
    mc.onRollOut = function() {
        this.ueberschrift.backgroundColor = 0xFF00FF;
    };
    mc.onPress = function() {
        getURL(_root["a"+this.id], "_blank");
    };
    mc.ueberschrift.border = true;
    mc.ueberschrift.backgroundColor = 0xc9c9c9;
    mc.ueberschrift.background = true;
    mc.ueberschrift.text = "titel"+i;
} 

grz

[olien]

ihr seid einfach klasse.

danke euch allen
oliver

[olien]

noch einmal???

jetzt hab ich nur noch das problem dass die url immer
"undefined" ist.

ist es ein array oder ein pfad problem?

lv = new LoadVars();
lv.onLoad = function() {
    this.titel  = this.name.split(",");
    this.adr    = this.adresse.split(",");
    this.beschr = this.beschreibung.split(",");
 
for (var i = 0; i<this.titel.length; i++) {
 
        var mc = _root.createEmptyMovieClip("ButtonMC"+i, i-1);
        mc.id = i;
        mc._x = 50;
        mc._y = i*60;
 
        mc.createTextField("ueberschrift", a++, 35, 0, 350, 20);
        mc.ueberschrift.border = true;
        mc.ueberschrift.backgroundColor = 0x9CBDD6;
        mc.ueberschrift.background = true;
        mc.ueberschrift.text = this.titel[i];
 
        mc.createTextField(["beschreibung"+i], a++, 0, 22, 385, 35);
        mc["beschreibung"+i].border=true;
        mc["beschreibung"+i].backgroundColor=0xfffffff;
        mc["beschreibung"+i].background=true;
        mc["beschreibung"+i].text = this.beschr[i];
 
        mc.createTextField(["nr"+i], a++, 0, 0, 32, 20);
        mc["nr"+i].border=true;
        mc["nr"+i].backgroundColor=0xFFCC00;
        mc["nr"+i].background=true;
        mc["nr"+i].text = [i];
 
        mc.onRollOver = function() {
                this.ueberschrift.backgroundColor = 0xffbDD9;
        };
        
        mc.onRollOut = function() {
                this.ueberschrift.backgroundColor = 0x9CBDD6;
        };
        
 
        mc.onPress = function() {
            getURL(this.adr[i], "_blank");  // funktioniert nicht :-((
        };
};
};
lv.load("daten.txt"); 

in der textdatei "daten.txt" stehen die urls natürlich
unter "adresse" (inkl. http://) drin.


gruss
oliver

[Chino]

Moin olien!

Innerhalb einer onPress Prozedur referenzierst du mit this den Button, der diese Methode aufruft.

ersetz mal this durch lv:

mc.onPress = function() {
                        getURL(lv.adr[i], "_blank");
                }; 

Gruss, Chino