Dynamisches Menü mit Bildern (Klick-Problem)

[Codex]

hi!

ich möchte ein dynamisches menü aus dem inhalt einer txt-datei erzeugen lassen. ich habe nun alles so weit hinbekommen, dass die variablen ausgelesen und in ein array gepackt werden. danach wird für jeden button ein mc erstellt und dort ein bild reingepackt. diese vielen bilder werden nun nebeneinander plaziert.
so weit klappt ja auch alles. ich schaffe es aber nicht, diesen movieclips einen befehl zuzuweisen, der ausgeführt wird, sobald man diese anklickt.

wie mach ich das?

hier mal der wichtige teil des codes:

for(var npic=0; npic<anzahl; npic++)
    {
  _root.filmstreifen.mc_alle.createEmptyMovieClip("prepic"+npic, 10+npic);
      with (_root.filmstreifen.mc_alle["prepic"+npic]) 
      {
        // setzen der eigenschaften fuer die einzelnen bilder
        //_x =  u.s.w.
        loadMovie(item_bild[npic]);
        _y=5;//Abstand nach oben
        _x=(bildbreite+abstand)*npic;//position der bilder nebeneinander
    }
} 

bei jedem schleifendurchlauf werden die eigenschaften des jeweiligen bildes festgelegt (also zB _x)
nun möchte ich, dass diese generierten movieclips klickbar sind. das ereignis möchte ich jeweils vorgeben können.
wie bring ich das da rein?


vielen dank!!

[MacEvil]

Hi, soviel ich weiss musst du das von Hand machen, sonst sind die Event Handler nur während der Laufzeit der Schleife gültig !

[RustyCake]

so vielleicht!

for (var npic = 0; npic<anzahl; npic++) {
    _root.filmstreifen.mc_alle.createEmptyMovieClip("prepic"+npic, 10+npic);
    with (_root.filmstreifen.mc_alle["prepic"+npic]) {
        // setzen der eigenschaften fuer die einzelnen bilder
        //_x =  u.s.w.
        loadMovie(item_bild[npic]);
        _y = 5;
        //Abstand nach oben
        _x = (bildbreite+abstand)*npic;
        //position der bilder nebeneinander
    }
    _root.filmstreifen.mc_alle["prepic"+npic].onPress = function() {
        //was willst den auslösen!!
    };
} 

[Codex]

leider nicht. ich hab das auch schon so ähnlich probiert.
sie sind trotzdem nicht klickbar (also mauszeiger verädnert sich beim drüber fahren nicht, und die funktion wird dementsprechend auch nicht ausgeführt)

Hi, soviel ich weiss musst du das von Hand machen, sonst sind die Event Handler nur während der Laufzeit der Schleife gültig !

wie meinste von hand? und wieso sollten die nur wärend der laufzeit gültig sein? wenn die klickeigenschaften erstmal vergeben wurden, sollten die doch bleiben!? die position bleibt ja auch.

[Codex]

hab das jetzt mal mit dem debuger durchlaufen lassen.

der kommt bei der folgenden zeile zwar an, springt aber nicht rein
"_root.filmstreifen.mc_alle["prepic"+npic].onPress = function() {"

da muss also noch irgendwas falsch dran sein. der nachfolgende code in den {} ist also erstmal ganz egal, weil er da gar nicht erst rein geht.
woran könnts denn liegen?

[warrantmaster]

du überschreibst mit dem load alle eigenschaften des
containers.

du brauchst einen beobachter, der die function zuweist,
wenn fertig geladen ist:

for (var i = 1; i<=10; i++) {
    mc1 = _root.createEmptyMovieClip('holder'+i, i+100);
    mc1._x = (i-1)*100;
    mc1.loadMovie('miniaturen/pic'+i+".jpg", 1);
    var mc = _root.createEmptyMovieClip('watcher'+i, i);
    mc.id = i;
    mc.onEnterFrame = function() {
        if (_root['holder'+this.id]._width>1) {
            _root['holder'+this.id].onPress = function() {
                trace(this);
            };
             this.removeMovieClip()
        }
    };
} 

hi@rusty

[Codex]

ich verstehe zwar nicht ganz, wieso das so kompliziert geschehen muss, aber ich weiß nun, dass es so in der richtung sein muss. leider funktioniert dein code trotzdem nicht ganz korrekt.
das problem ist, dass _width erst einen wert bekommt, wenn die bilde rgeladen sind, und diese sind erst am schluss geladen, wenn der code schon abgearbeitet wurde. (das hat das ausprobieren ergeben)

ich habe das ganze so versucht:

for (var npic = 0; npic<anzahl; npic++) {
        _root.filmstreifen.mc_alle.createEmptyMovieClip("prepic"+npic, 10+npic);
        with (_root.filmstreifen.mc_alle["prepic"+npic]) {
                // setzen der eigenschaften fuer die einzelnen bilder
                //_x =  u.s.w.
                loadMovie(item_bild[npic]);
                _y = 5;
                //Abstand nach oben
                _x = (bildbreite+abstand)*npic;
                _root.filmstreifen.mc_alle["prepic"+npic].nummer=npic;
                //position der bilder nebeneinander
        }
        var mc = _root.filmstreifen.mc_alle.createEmptyMovieClip('watcher'+i, i);
        mc.id = i;
        mc.onEnterFrame = function() {
                if (_root.filmstreifen.mc_alle.prepic1._width>1) {
                    //zweite schleife, die die prepics nochmals durchgeht und ihnen
                    //die onPress eigenschaft zuweist
                    for (var mpic = 0; mpic<anzahl; mpic++) {   
                        _root.filmstreifen.mc_alle['prepic'+mpic].onPress = function() {
                                trace(this);
                                infotext.text="Nummer: "+mpic;
                        };//ende onpress
                        this.removeMovieClip()
                    }// ende mpic-schleife
                }//ende if (..._width)
            }//ende on enterframe
} 

immerhin sind jetzt alle buttons klickbar. das problem ist, dass alle buttons das selbe ereignis auslösen, aus irgendeinem grund ergibt "infotext.text="Nummer: "+mpic;" bei allen die ausgabe: "Nummer: 6" (ich habe im moment 6 bilder zum testen).
ich dachte, dass meine innere schlfe bewirken würde, dass jedem button eine andere ausgabe zugewiesen wird.
was ist jetzt noch falsch?

[warrantmaster]

die aufgabe ist schon "unterschiedlich"(siehe trace(this)), nur die variable (mpic) ist in dem moment "gleich".

for (var mpic = 0; mpic<anzahl; mpic++) {
    _root.filmstreifen.mc_alle['prepic'+mpic].id = mpic;
    _root.filmstreifen.mc_alle['prepic'+mpic].onPress = function() {
        trace(this);
        infotext.text = "Nummer: "+this.id;
    };
    this.removeMovieClip();
} 

grz

[Codex]

klasse!!!

es funktioniert jetzt alles so wie ich das möchte.
ich freu mich echt riesig. hatte mir schon tagelang den kopf darüber zerbrochen und nun hab ich das mit deiner hilfe hinbekommen.

big thx @ warrantmaster!

*mit-honigkuchen-um-die-wette-strahl*

[warrantmaster]

Geschrieben von Codex
klasse!!!

*mit-honigkuchen-um-die-wette-strahl*

hähä...

[Codex]

ochmann. jetzt hab ich mich so gefreut, weil alles geht, dann mal testweise hochgeladen, und es geht doch nicht. naja, das gesamte menü wird nicht geladen auf der festplatte geht aber alles ohne probleme.
es hat zwar nichts mehr mit dem ursprünglichen problem zu tun, aber ich poste das trotzdem mal hier, weil mir hier schon so gut geholfen wurde

hier der code. was ist daran denn noch falsch (wenns doch auf der ferstplatte geht)
ps: ja die dateien sind alle im selben verzeichnis, und alle hochgeladen. also das sollte schon alles stimmen)

on(press){
    _root.infotext.htmlText="<b>Games</b>\nkleine Spielchen für Zwischendurch.";
    loadVariablesNum("inhalt.txt", 0);
    onData = function() {//anfang ondata
        if(dummy == null) return;
        item_bild = new Array();
        item_bild = gamepic.split("\r\n");
        
        item_text = new Array();
        item_text = gamenfo.split("\r\n");
        
        item_url = new Array();
        item_url = gameurl.split("\r\n");
        
        // var fuer die anzahl der bilder
        _global.anzahl=item_bild.length;
        _global.bildbreite = 107;
        _global.abstand = 10;
 
 
 // dieser mc enthaelt alle einzuladenden bilder
_root.filmstreifen.createEmptyMovieClip("mc_alle", 1);
//schleife, die die bilder nebeneinander erzeugt
for (var npic = 0; npic<anzahl; npic++) {
        _root.filmstreifen.mc_alle.createEmptyMovieClip("prepic"+npic, 10+npic);
        with (_root.filmstreifen.mc_alle["prepic"+npic]) {
                // setzen der eigenschaften fuer die einzelnen bilder
                //_x =  u.s.w.
                loadMovie(item_bild[npic]);
                _y = 5;
                //Abstand nach oben
                _x = (bildbreite+abstand)*npic;
                _root.filmstreifen.mc_alle["prepic"+npic].nummer=npic;
                //position der bilder nebeneinander
        }
        var mc = _root.filmstreifen.mc_alle.createEmptyMovieClip('watcher'+i, i);
        mc.id = i;
        mc.onEnterFrame = function() {
                if (_root.filmstreifen.mc_alle.prepic1._width>1) {
                    //zweite schleife, die die prepics nochmals durchgeht und ihnen
                    //die onPress eigenschaft zuweist
                    for (var mpic = 0; mpic<anzahl; mpic++) {
                        _root.filmstreifen.mc_alle['prepic'+mpic].id = mpic;
                        _root.filmstreifen.mc_alle['prepic'+mpic].onPress = function() {
                                trace(this);
                                infobild.loadMovie("www-"+item_bild[this.id]);
                                infobild.url = "http://www.bla.de";//geht irgendwie auch nicht : (
                                infotext.htmlText=item_text[this.id];
                        };//ende onpress
                        this.removeMovieClip()
                    }// ende mpic-schleife
                }//ende if (..._width)
            }//ende on enterframe
}
    
    //anfang des blocks aus dem onload teil
    _global.rechts = _root.filmstreifen._x+((bildbreite+abstand)*anzahl);
    _global.links = _root.filmstreifen._x;
    _global.speed = 8;
    _global.left = false;
    _global.right = false;
    
}//ende ondata anweisung
} 

[warrantmaster]

wo liegt das onpress ?
hast du mal das ondata überprüft ?
kommen denn die daten aus deiner txt da an ?

btw,

item_bild = new Array();//<-------ist über
item_bild = gamepic.split("\r\n");//<------weil "split" ein array erzeugt

nochmals btw:

warum nutz du nicht loadvars, ist m.m. nach die bessere variante
zum laden von daten.

[Codex]

das onpress liegt auf einem button, wenn ich den drück, soll das alles eingelesen und angezeigt werden.
"_root.infotext.htmlText="<b>Games</b>\nkleine Spielchen für Zwischendurch.";"
funktioniert, also liegts nicht an dem onpress.

wie überprüf ich, ob die daten aus der txt datei ankommen, wenn alles auf dem server liegt? auf der festplatte gehts ja. die gleiche textdatei liegt auch im web gleichen verzeichnis.

die txtdatei sieht so aus:

gameurl=http://www.bla1.htm
http://www.bla2.htm
http://www.bla3.htm&dummy=

&gamepic=game01.jpg
game02.jpg
kurs_bild3.jpg&dummy=

&gamenfo=Information1
<b>bla2</b>
test3

wie gesagt: auf der festplatte gehts. habe ich das ondata vielleicht irgendwie falsch verwendet? das ist das einzige, was mir einleuchten würde, was einen unterschied von lokal zu web machen würde.

item_bild = new Array();//<-------ist über
item_bild = gamepic.split("\r\n");//<------weil "split" ein array erzeugt

k, wusst ich nicht.

warum nutz du nicht loadvars, ist m.m. nach die bessere variante
zum laden von daten.

kanns nicht anders ... ... was würde das denn für einen unterschied machen? schneller? einfacher?

[warrantmaster]

versuch mal (ohne test immer blöde )

frame 1 auf root:

make_menue = function () {
    _root.infotext.htmlText = "<b>Games</b>\nkleine Spielchen für Zwischendurch.";
    m = new LoadVars();
    m.onLoad = function(ok) {
        if (ok) {
            item_bild = this.gamepic.split("|");
            item_text = this.gamenfo.split("|");
            item_url = this.gameurl.split("|");
            _global.anzahl = item_bild.length;
            _global.bildbreite = 107;
            _global.abstand = 10;
            _root.filmstreifen.createEmptyMovieClip("mc_alle", 1);
            for (var npic = 0; npic<anzahl; npic++) {
                _root.filmstreifen.mc_alle.createEmptyMovieClip("prepic"+npic, 10+npic);
                with (_root.filmstreifen.mc_alle["prepic"+npic]) {
                    loadMovie(item_bild[npic]);
                    _y = 5;
                    _x = (bildbreite+abstand)*npic;
                    _root.filmstreifen.mc_alle["prepic"+npic].nummer = npic;
                }
                var mc = _root.filmstreifen.mc_alle.createEmptyMovieClip('watcher'+i, i);
                mc.id = i;
                mc.onEnterFrame = function() {
                    if (_root.filmstreifen.mc_alle.prepic1._width>1) {
                        for (var mpic = 0; mpic<anzahl; mpic++) {
                            _root.filmstreifen.mc_alle['prepic'+mpic].id = mpic;
                            _root.filmstreifen.mc_alle['prepic'+mpic].onPress = function() {
                                trace(this);
                                infobild.loadMovie("www-"+item_bild[this.id]);//<-----die bilder müssen also "www-game01.jpg" z.b. heißen
                                infobild.url = "http://www.bla.de";//<------verstehe ich überhaupt nicht ???
                                infotext.htmlText = item_text[this.id];//<-------sollten jetzt die texte stehen("Information1" z.b)
                            };
                            this.removeMovieClip();
                        }
                    }
                };
            }
            _global.rechts = _root.filmstreifen._x+((bildbreite+abstand)*anzahl);
            _global.links = _root.filmstreifen._x;
            _global.speed = 8;
            _global.left = false;
            _global.right = false;
        }
    };
    m.load("inhalt.txt");
}; 

auf deinen button:

on (press) {
    _root.make_menue();
} 

und in die txt :


&gameurl=http://www.bla1.htm|http://www.bla2.htm|http://www.bla3.htm&
&gamepic=game01.jpg|game02.jpg|kurs_bild3.jpg&
&gamenfo=Information1|<b>bla2</b>|test3&

[Codex]

ja tatsächlich
warum nur nicht schon vorher!?

also du bist echt genial

damit du auch weißt, wobei du mir eigentlich hilfst: klick
das meiste am design ist vorübergehend.
funktionsweise: man wählt eine kategorie über die unteren buttons, oben erscheinen kleine vorschaubilder, wenn man diese anklickt komm ein text und ein großes bild daneben, das beim klicken eine webseite aufrufen soll.
(deshalb auch dieses ominöse
"infobild.url = "http://www.bla.de";//<------verstehe ich überhaupt nicht ???". ich hab aber schon gemerkt, dass das eh nicht funktioniert. och männo : (. wie denn sonst?)
soll übrigens ein fun-portal mit regelmäßigen updates werden (die ich in die txt-datei eintragen will und nicht jedesmal die swf ändern.)
wenn das endlich ALLES so funktioniert, wie ich das will, wird das design gemacht. : )

jedenfalls kann ich jetzt ruhig schlafen können, weil das menü jetzt doch funktioniert.

danke.