[Flash CS5] XML Glossar mit Links (zu sich selbst?)

[*Rookie*]

Hallo Flashforum,

wollte mir ein kleine Glossar basteln. Jetzt frage ich mich, ob man sowas sinnvoll mit einer XML in As2 aufbauen kann?
Mein Glossar wollte ich so aufbauen:
Einige MCs mit Text, und bestimmten Wörtern die erklärt werden sollen:
Beispiel: Hier steht Text der zu einer bestimmten Zeit entstanden ist. Blablub
Text und Zeit sollten beim anklicken ein kleines Popup-Fenster öffnen, mit den dazugehörigen Erklärungen. In den Erklärungen werden aber weitere Wörter auftauchen, die auf die gleiche Weise erklärt werden müßten.
Bzw. in Erlärung Text könnte ein Link zu Zeit existieren...(oder umgekehert)
Dazu müsste man doch "Html-ähnlich" Anker in der XML-Datei setzten können, welche aber auch noch eine Variable mit übergeben müssten, um dann wieder den passenden Abschnitt aus der XML zu holen und dann wieder in mein kleines Popup-Fenster zu laden.
Oder bin ich auf dem Holzweg???
Ich hoffe Ihr versteht was ich meine, und vielleicht habt ihr ja auch einen Tipp für mich, wie man das anstellen könnte.

Lieben Gruß
*Rookie*

[Martin Kraft]

Zitat von *Rookie*

wollte mir ein kleine Glossar basteln. Jetzt frage ich mich, ob man sowas sinnvoll mit einer XML in As2 aufbauen kann?

• Ja, wenn dieses Gloassar zu einer AS2-Seite gehört ist es natürlich sinnvoll es über ein XML zu pflegen bzw. XML für den Austauch mit einer Datenbank zu nutzen.
  
  Generell ist würde ich heutzutage (gerade im Zusammenhang mit XML) aber eher AS3 als AS1/2 einsetzen. Aber das hängt natürlich auch von Deinen Fähigkeiten ab...
  
  
• Sollte dieses Glossar hingegen zu einer reinen HTML-Seite gehören oder ganz alleine existieren, würde ich Dir hingegen dazu raten es auch in HTML/PHP/JS umsetzen. Wie man an Deinen eigenen Ausführungen sieht, ist das schließlich genau der Fall für den Hypertext/HTML ursprünglich erfunden wurde...

[*Rookie*]

Hallo Martin,

danke für Deine flinke Antwort.
Ich habe schon ein bestehendes Flash Projekt, wo ich das gerne mit einbauenwürde, dieses Projekt ist leider in As2...

LG, Rookie

[*Rookie*]

...würde es etwas bringen in der XML-Datei über z.B.
<node>Hier steht <![CDATA[<a href="<A href="variable">Text</a>]]> der zu einer bestimmten...</node>
soetwas zu probieren?

LG, Rookie

[shin10]

Pack den kompletten Text des Knotens in die CData tags, dann stimmt es. Andernfalls müsstest du sie ja bei jedem link nochmal machen.

mfg

sx

[Martin Kraft]

Zitat von *Rookie*

...würde es etwas bringen in der XML-Datei über z.B.
<node>Hier steht <![CDATA[<a href="<A href="variable">Text</a>]]> der zu einer bestimmten...</node>
soetwas zu probieren?

Nö! Den doppelt verschattelten Link versteh' ich nicht und diese Positionierung des CDATA-Blocks macht IMHO keinen Sinn und ist zudem unnötig. Arbeite doch einfach mit sauberem XML ohne irgendwelche Extras:

<node>Hier steht <a href="asfunction:wechselFunktion,variable">Text</a> der zu einer bestimmten...</node>

Und für die Verlinkung musst Du in AS2 das asfunction-Protokoll verwenden! (In AS3 gibt es dafür TextEvents, aber das nur am Rande )

[shin10]

oops! Den link im link hab ich gar nicht gesehen...

[*Rookie*]

Hallo,

vielen Dank, Ihr habt mir schon mal wirklich weitergeholfen!
Da ich noch ein echter Flash-Noobie bin, habe ich jetzt erst mal, statt einer Xml einen Versuch mit txt-Dateien gestartet. Das klappt auch eigentlich ganz gut.
Nur habe ich aber nun ein kleines anderes Problem.
Ich habe es so probiert:

PHP-Code:

stop();
btn1.onRelease = function()
{
    //glossar();
    text1();
}
btn2.onRelease = function()
{
    
    text2();
}
function glossar(){
        attachMovie('overlay','iO',1);
}

function text1(){
    glossar();
    loadText = new LoadVars();
    loadText.load("text1.txt");
    loadText.onLoad = function(success)
    {
        if (success)
        {
            iO.infoBox.html = true;
            iO.infoBox.htmlText = this.bla1;
        }
    };
}
function text2(){
    glossar();
    loadText = new LoadVars();
    loadText.load("text2.txt");
    loadText.onLoad = function(success)
    {
        if (success)
        {
            iO.infoBox.html = true;
            iO.infoBox.htmlText = this.bla2;
        }
    };
} 


Und die TXTs sehen so aus:

bla1=Hier steht <a href="asfunction:text2">Text</a> bla...

bla2=und noch mehr Text

Vorher hatte ich das Textfeld "infoBox" direkt auf der Bühne liegen, da hat der interne Link aus text1 wunderbar funktioniert.
Wenn ich das Textfeld aber als Mc attache, funktioniert zwar der Aufruf über die Buttons, aber der interne Link mit "asfunction:text2" geht nicht mehr?

Habt Ihr eine Idee?

LG, Rookie

[*Rookie*]

Hallo,

habe jetzt mal versucht das Ganze auf XML umzustricken, was auch funktioniert. Mein Code sieht so aus:

PHP-Code:

btn.onRelease = function()
{
    text1();
};
function text1(){
    glossar();
    xmlData = new XML();
    xmlData.ignoreWhite = true;
    xmlData.onLoad = loadXML;
    function loadXML(success){
        if (success)
        {
            _root.zitat = this.firstChild.childNodes[0].childNodes[0].firstChild.nodeValue;
            _root.inhalt = this.firstChild.childNodes[0].childNodes[1].firstChild.nodeValue;
            iO.zitat_txt.text = _root.zitat;
            iO.inhalt_txt.htmlText = _root.inhalt;
        }
        else
        {
            ladefehler();
        }
    }
    
    xmlData.load("glossar01.xml");
}

function text2(){
    glossar();
    xmlData = new XML();
    xmlData.ignoreWhite = true;
    xmlData.onLoad = loadXML;
    function loadXML(success)
    {
        if (success)
        {
            _root.zitat = this.firstChild.childNodes[0].childNodes[0].firstChild.nodeValue;
            _root.inhalt = this.firstChild.childNodes[0].childNodes[1].firstChild.nodeValue;
            iO.zitat_txt.text = _root.zitat;
            iO.inhalt_txt.htmlText = _root.inhalt;
        }
        else
        {
            ladefehler();
        }
    }
    
    xmlData.load("glossar02.xml");
}

function ladefehler(){
    iO.zitat_txt.text = "Fehler";
    iO.inhalt_txt.text = "Die Daten konnten leider nicht geladen werden.";
}

function glossar(){
    attachMovie('overlay','iO',1);
} 


Eine XML dazu sieht so aus:

PHP-Code:

<?xml version="1.0"?>
<glossar>
    <inhalte>
        <zitat>Text Nummer 2</zitat>
        <comment><![CDATA[  2te XML <a href="asfunction:_root.text1">zu 1</a> noch <b>weiterer</b> Text]]></comment>
    </inhalte>
</glossar>

Jetzt habe ich aber mal wieder ein paar Fragen zu meiner Herangehensweise.
Ich lade ja jetzt immer ein neues XML ein, das tue ich weil ich dachte, bie sehr viel Text und vielen Nodes könnte es übersichtlicher sein, gezielt eine XML zu editieren, als später in einem riesen Dokument, die richtige Stelle zu suchen und dort dann Ändrungen vorzunehemen.
Macht das überhaupt Sinn, oder meint Ihr, dass sowas (wenn schon XML), alles in einer XML-Datei zu stehen hat?
Ausserdem ist meine Anwendung nicht als Webanwendung geplant, sondern wird sich lokal auf einem Rechner befinden (und dort auch laufen). Muss ich in diesem Fall checken, ob die XML geladen ist, oder könnte ich darauf verzichten? Bei meinen ersten Versuchen mit den TXTs habe ich die "Ladeabfrage" weglassen können, und esging trotzdem...
Gibt es vielleicht noch einen Weg meinen Code kleiner zu bekommen, bzw. übersichtlicher? Ich kann leider am Ende keine XML-Dateien verwenden, die eine fortlaufende Nummer tragen, es wird auf "selbsterklärende" Namen hinauslaufen...

Viele Grüße
Rookie

[Martin Kraft]

Zitat von *Rookie*

habe jetzt mal versucht das Ganze auf XML umzustricken, was auch funktioniert.

Eine weise Entscheidung! Diese URL encodierten Variablen führen (insbesondere, wenn man sie per Hand editiert) früher oder später ins Chaos

Zitat von *Rookie*

PHP-Code:

            _root.zitat = this.firstChild.childNodes[0].childNodes[0].firstChild.nodeValue;
            _root.inhalt = this.firstChild.childNodes[0].childNodes[1].firstChild.nodeValue;
            iO.zitat_txt.text = _root.zitat;
            iO.inhalt_txt.htmlText = _root.inhalt; 


Zunächstmal ist es keine Gute Idee irgendwelche Werte pauschal in die _root zu schreiben. (Spätestens wenn Du parallel mehrer Glossareinträge verarbeitest überschreibst Du Dir so Deine Daten.) Variablen sollten immer so weit wie möglich lokal gehalten werden um eine Modularisierbarkeit des Codes zu gewährleisten. _root und _global sollte man von absoluten Ausnahmen abgesehn garnicht verwenden!

Aber da Du diese Variablen zwei Zeilen weiter eh wieder in einem Textfeld speicherst, benötigst Du sie eigentlich garnicht! Weis die Werte doch einfach direkt zu!

Zitat von *Rookie*

Ich lade ja jetzt immer ein neues XML ein, das tue ich weil ich dachte, bie sehr viel Text und vielen Nodes könnte es übersichtlicher sein, gezielt eine XML zu editieren, als später in einem riesen Dokument, die richtige Stelle zu suchen und dort dann Ändrungen vorzunehemen.
Macht das überhaupt Sinn, oder meint Ihr, dass sowas (wenn schon XML), alles in einer XML-Datei zu stehen hat?

Das kommt ganz darauf an, wieviele Einträge Dein Glossar hat?!
Wenn die XML-Datei max. ein paar hundert KB groß ist, würd ich es in eine schreiben. Spätestens im MB-Bereich sollte man die Daten aber aufsplitten bzw. idealerweise gleich mit einer Datenbank arbeiten.

Zitat von *Rookie*

Ausserdem ist meine Anwendung nicht als Webanwendung geplant, sondern wird sich lokal auf einem Rechner befinden (und dort auch laufen). Muss ich in diesem Fall checken, ob die XML geladen ist, oder könnte ich darauf verzichten? Bei meinen ersten Versuchen mit den TXTs habe ich die "Ladeabfrage" weglassen können, und esging trotzdem...

Was meinst Du mit Ladeabfrage?

• onLoad solltest Du immer verwenden, weil Ladevorgänge in AS imm asynchron sind.
• Der success-Parameter hingegen wird erst dann relevant, wenn tatsächlich mal ein Fehlerauftritt, d.h. eine Datei nicht existiert. Und auch das ist ja weitestgehend unabhängig davon, ob man on- oder offline arbeitet...

[Martin Kraft]

Die XML-Verarbeitung in AS1/2 ist im Vergleich zu AS3 übrigens ziemlich sperrig und unpraktisch. Wenn man die API etwas erweitert, kann man sich das Leben erheblich einfacher machen und viele Fehler vermeiden.

Z.B. könnte man mit diesem Prototype ...

XMLNode.prototype.children = function( name:String ):Array {
    var cA:Array = [];
    var c:XMLNode;
    for (var i:Number = 0; i < this.childNodes.length; i++) {
        c = this.childNodes[i];
        if (c.nodeName == name) cA.push(c);
    }
    return cA;
} 

...erreichen, dass man Nodes über ihren Namen anspricht und so nicht mehr auf die Reihenfolge angewiesen ist:

this.firstChild.children("inhalte")[0].children("zitat")[0].childNodes.join();
this.firstChild.children("inhalte")[0].children("comment")[0].childNodes.join() 

childNodes.join(); ist übrigens ein Kniff, um tatsächlich an die kompletten Inhalte eines Nodes zu kommen. So kann man sich dann auch diese CDATA-Blöcke schenken.

[*Rookie*]

Hallo Martin,

wow, absolut genial!!!
Habe das mal getestet, und auch die Werte jetzt direkt zugewiesen - läuft!
Ich habe auch mal grob überschlagen, die XML (mit allen Einträgen), wird wohl max. 300 kB groß werden können. Deshalb baue ich das vielleicht doch alles in eine XML. Gerade jetzt, wo ich (dank Deiner Hilfe) die Nodes viel besser ansprechen kann, macht das wohl Sinn...
Und das ich jetzt diesen CDATA-Kram nicht mehr brauche ist auch einfach TOP!
1000 Dank
An eine Datenbank traue ich mich noch nicht ran, bin momentan erst mal glücklich, dass das hier schon mal läuft

LG, Rookie

[thomas_E]

der asfunction-Eintrag kann parameter erhlaten, somit musst du nicht für jede xml-Datei eine neue Funktion schreiben.

PHP-Code:

btn.onRelease = function()
{
    getText("foo");
}

//index mit Stichworten, und der dazugehörigen XML-Datei
var pages = {
    "foo": "glossar01.xml",
    "bar": "glossar02.xml"
};

function getText(page)
{
    var url = pages[page];
    if(!url)
    {
        ladefehler("keine Seite für diesen Eintrag");
    }

    if(!iO)
    {
        attachMovie('overlay','iO',1);
    }
    
    var xmlData = new XML();
        xmlData.ignoreWhite = true;
        xmlData.onLoad = glossarLoaded;
        xmlData.load(url);
}


//auch in AS2 sollte man Funktionen nicht verschachteln
function glossarLoaded(success){
    if (success)
    {
        iO.zitat_txt.text = this.firstChild.childNodes[0].childNodes[0].firstChild.nodeValue;
        iO.inhalt_txt.htmlText = this.firstChild.childNodes[0].childNodes[1].firstChild.nodeValue;
    }
    else
    {
        ladefehler("Die Daten konnten leider nicht geladen werden.");
    }
}

function ladefehler(fehlertext){
    iO.zitat_txt.text = "Fehler";
    iO.inhalt_txt.text = fehlertext;
} 


<?xml version="1.0"?>
<glossar>
    <inhalte>
        <zitat>Text Nummer 2</zitat>
        <comment><![CDATA[  
			<a href="asfunction:getText, foo">zu 1</a><br/>
			<a href="asfunction:getText, bar">zu 2</a><br/>
			<a href="asfunction:getText, somethingElse">ins Off</a>
		]]></comment>
    </inhalte>
</glossar>

Als nächstes ständen für mich an: den Index (pages) auch aus einer XML-Datei zu laden. Dann musst du die SWF nicht anfassen, falls du dein glossar mal erweitern willst.

Und diese Links im XML zu abstrahieren (sowas wie BB-code + parser).
Die XML-Dateien müssen nicht wissen, wie die Funktion in AS lautet. Und wenn du jetzt die Funktion umbenennen/verschieben musst, kannst du das in allen XML-Dateien ändern.

[*Rookie*]

Hallo Thomas,

auch Dir vielen Dank für Deine Antwort.
Finde die Idee mit dem Index super, nur weiss ich gerade nicht, wie ich das zusammenbringe...
Ich befinde mich ja jetzt immer in der selben XML-Datei, und lese die Nodes ohne CDATA aus.
Bei "foo": "glossar01.xml" erwartet er auch noch einen Identifier?

Gruß, Rookie

[*Rookie*]

Hallo,

könntet Ihr mir bitte noch mal helfen, komme irgendwie nicht weiter?
Das man nicht ständig alles Durchackert und neu lädt finde ich gut, nur bin ich zu dusselig und bekomme ich es nicht richtig ans laufen...
Habe den Code jetzt mal so probiert:

PHP-Code:

XMLNode.prototype.children = function( name:String ):Array {
        var cA:Array = [];
        var c:XMLNode;
        for (var i:Number = 0; i < this.childNodes.length; i++) {
            c = this.childNodes[i];
            if (c.nodeName == name) cA.push(c);
        }
        return cA;
}
btn.onRelease = function()
{
    getText("foo");
}

//index mit Stichworten, und der dazugehörigen XML-Datei
var pages = {
    "foo": "glossar01.xml",
    "bar": "glossar01.xml"
};

function getText(page)
{
    var url = pages[page];
    if(!url)
    {
        ladefehler("keine Seite für diesen Eintrag");
    }

    if(!iO)
    {
        attachMovie('overlay','iO',1);
    }
    
    var xmlData = new XML();
        xmlData.ignoreWhite = true;
        xmlData.onLoad = glossarLoaded;
        xmlData.load(url);
}


//auch in AS2 sollte man Funktionen nicht verschachteln
function glossarLoaded(success){
    if (success)
    {
        iO.zitat_txt.text = this.firstChild.childNodes[0].childNodes[0].firstChild.nodeValue;
        iO.inhalt_txt.htmlText = this.firstChild.childNodes[0].childNodes[1].firstChild.nodeValue;
    }
    else
    {
        ladefehler("Die Daten konnten leider nicht geladen werden.");
    }
}

function ladefehler(fehlertext){
    iO.zitat_txt.text = "Fehler";
    iO.inhalt_txt.text = fehlertext;
} 


Bei "var pages" meckert er wegen dem Identifier,
irgendwie macht das auch keinen richtigen Sinn, wenn ich so auf immer die selbe XML zugreife, ich müsste doch die Knoten anspringen?
Ich finde aber irgendwie nicht heraus wie ich das mit der richtigen Syntax einabue...
Und ich weiss auch nicht so recht ob man beide Scripte so miteinander kombinieren kann, oder beisst sich das mit dem

PHP-Code:

this.firstChild.children("inhalte")[0].children("comment")[0].childNodes.join(""); 


und den daraus fehlenden CDATA Bereichen?

Lieben Gruß, Rookie