Passwortschutz in Flash MX mehrere Benutzer.
Ich arbeite gerne mit mehreren Ebenen.
Für diesen Passwortschutz habe ich 5 Ebenen
1. = Action
2. = Hintergrund
3. = Eingabe
4. = Schalter
5. = Rahmen
Also jetzt gehts los: einen neuen Flashfilm erstellen; dazu geht ihr auf Datei und dann neu oder in Windows "Strg + n" drücken. Jetzt die 5 Ebenen erstellen.
In euerm neuen Flashfilm ist schon die EBENE 1. Auf diese klickt ihr mit der rechten Maustaste und wählt im Kontexmenue "ebene einfügen". Das macht ihr, bis 5 Ebenen in euerem Film sind.
Jetzt zeigt ihr mit der Maus auf Ebene 1 und Doppelklick; nun könnt ihr die Ebene umbenennen. In unserem Fall in Action.
Bitte alle 5 Ebenen benennen.
Ebene Action:
Erstes Schlüsselbild:
Doppelt auf das Schlüsselbild klicken und im Actionmanager folgendes Skript einfügen.
Unten über Eigenschaften ist Actionen - Bild, bitte öffnen, wählt Expertenmodus "Strg + Umschalttaste + E" und schreibt das Skript unten hinein
stop();
--------------------------------------------------------------------------------------
Ebene Hintergrund:
Erstes Schlüsselbild "Hintergrund" gestalten. Die Grösse des Flashfilmes ist egal. Ihr könnt den Standard 550px x 400px und 12 BpS verwenden. Diese Einstellungen macht ihr im Eigenschftsmanager, der am unteren Rand eueres Flash Mx ist oder ihr müsst ihn öffnen über Fenster - Eigenschaften oder "Strg + F3"
--------------------------------------------------------------------------------------
Ebene Eingabe:
Bezeichnung für die Eingabetextfelder und die Eingabetextfelder erstellen
1.
In Statischem Text schreibt ihr "Name:" "und Passwort:"
das geht wie folgt: ihr klickt links in Werkzeuge auf das "A" oder auf der Tastatur das "t"; jetzt hat sich das Bild in Eigenschaften geändert. Ihr könnt ganz links in der ComboBox eine Textart auswählen. Dort wählt ihr "Statischer Text". Ihr könnt da auch noch Angaben zur Schriftfarbe und Schriftgröße machen. Probiert einfach mal rum. Jetzt zieht ihr einen Rahmen in der grösse des Wortes, das ihr schreiben wollt in eueren Flashfilm (natürlich an die Stelle wo euer Passwortschutz beginnen soll) und schreibt "Name:" hinein.
Wenn ihr fertig seid, klickt links in Werkzeuge auf den linken Pfeil.
Genau so geht das mit dem Wort "Passwort". Den Schriftrahmen dafür zieht ihr unter dem Wort "Namen" auf.
Wenn ihr fertig seid nicht vergessen, auf den linken Pfeil in Werkzeuge zu klicken.
So, nun stehen die beiden Wörter untereinander und ihr könnt
2.
die einzeiligen Eingabetextfelder erstellen:
Klickt wieder links in Werkzeuge auf das "A" oder auf der Tastatur auf "t".
In Eigenschaften links, wo ihr den Statischentext ausgewählt habt, klickt ihr auf den kleinen Pfeil an der ComboBox und wählt Eigabetext. Jetzt haben sich die Eigenschaften wieder verändert; rechts neben der ComboBox steht die Schriftart,
darunter Zeichenposition und darunter eine ComboBox "Zeilentyp". Dort stellt ihr Einzelzeile ein, wenn es nicht schon da steht. Jetzt zieht rechts neben dem Namen einen genügend großen Rahmen auf Breite so 118 px Höhe so 25 px. Klickt auf den linken Pfeil in Werkzeuge. Euer Eingabetextfeld müsste jetzt einen blauen Rahmen haben. Jetzt ist in Eigenschaften ganz links ein Fenster, in dem seht ihr die Breite und die Höhe eueres Eigabetextfeldes. Klickt einfach doppelt in die Zahl neben B: dann könnt ihr über den Ziffernblock die Breite eueres Eingabetextfeldes verändern; genau so geht das mit der Höhe H:.
Schaut mal in die Eigenschaften, da steht rechts "Zeichen" und "Format". Links von "Zeichen" ist ein weißes Textfeld mit der Bezeichnung "Var:" Klickt bitte mal in das Feld "Var:" und schreibt txtName hinein. Jetzt habt ihr dem Eingabetextfeld einen Variabelennamen gegeben, den brauchen wir später für das Eingabetextfeld anzusprechen, wenn wir das ActionSkript schreiben.
Das ganze macht ihr nochmal für das Passwort Eingabefeld; nur hier vergeben wir den Variablennamen txtPasswort.
--------------------------------------------------------------------------------------
Ebene Schalter: hier wirds jetzt interresant!
In dieser Ebene die beiden Schaltflächen erstellen; einmal zum Überprüfen und einmal um die Eingaben zurück zu setzen.
Schaltfläche erstellen:
Klickt links in Werkzeuge auf das Ellipsenwerkzeug oder auf der Tastatur auf "o".
In Eigenschaften seht ihr die Fenster Schriftfarbe und darunter Füllfarbe. Klickt in das Fenster Schriftfarbe und wählt oben rechts neben dem Farbencode keine Schriftfarbe
einfach auf die Schaltfläche klicken.
Darunter in Füllfarbe könnt ihr euch eine Farbe aussuchen; nun mit gedrückter "Umschalttaste" einen Kreis in euerem Flashfilm zeichnen.Wieder auf den Pfeil ganz links klicken und ein Doppelklick auf eueren Kreis. Oben auf Einfügen - in Symbol konvertieren klicken oder "F8" drücken; da geht ein Fenster auf und ihr könnt einen Namen vergeben. Darunter bei Verhalten wählt ihr Schaltfläche und dann OK. Siehe da, der Kreis hat einen Punkt in der Mitte. Doppelklick auf eueren Kreis, der jetzt schon eine Schaltfläche ist und da ist ein neues Fenster. Fügt bei "Darüber","Drücken" und "Aktiv" ein Schlüsselbild ein (mit der Maus in das Feld zeigen und rechts Klick dann Schlüsselbild einfügen anklicken.Oder einfach "F6" drücken.)
Klickt auf eine freie Stelle in euerem Film, so dass ihr wieder zu Szene 1 zurückkommt.
Neben euere Schaltfläche schreibt ihr noch in Statischemtext Überprüfen.
Die Schaltfläche Überprüfen bekommt folgendes ActionScript:
Klick auf die Schaltfläche. Und unten über Eigenschaften ist Actionen. Bitte öffnen. Wählt Expertenmodus "Strg + Umschalttaste + E" und schreibt das folgende Skript hinein.
//Abfrage mehrere Aufgaben
on (press) {
//if Passwort 1 leitet dich auf eine Internetseite
if (txtName == "KWirsch" && txtPasswort == "Lima-City") {
getURL("http://kwirsch.milten.lima-city.de/", "_self");
___________________________________________________
//Passwort 2 führt auf das Zweite Bild im gleichen Film
} else if (txtName = = "Name" && txtPasswort == "Passwort") {
gotoAndStop(2);
/* Passwort 3 führt zur Szene 2 Bild 1 im selben Film da müsst ihr natürlich eine Szene 2 erstellen*/
} else if (txtName = = "Szene 2" && txtPasswort == "Passwort") {
gotoAndStop("Szene 2",1);
//Passwort 4 führt zu einen Flashfilm
} else if (txtName = = "Passwort" && txtPasswort == "Name") {
getURL(" http://kwirsch.milten.lima-city.de/Test/test.swf","_self");
______________________________________________________
// falsche Eingabe Springt zu Bild zwei im selben Film
} else {
gotoAndStop(2);
}
}
Mit diesem Script könnt ihr 4 Name und Passwörter vergeben, aber das Script ist beliebig verlängerbar oder auch zu kürzen; das geht folgendermasen.
Verlängern:
Einfach nach
on (press) {
//Passwort 1 leitet dich auf eine Internetseite
if (txtName = = "KWirsch" && txtPasswort == "Lima-City") {
getURL("http://kwirsch.milten.lima-city.de/", "_self");
und vor
//falsche Eingabe Springt zu Bild drei im selben Film
} else {
gotoAndStop(3);
}
}
ein neues Script txtName ist die Variable des Eingabetextfeldes und Name ist der Name den könnt ihr verändern genauso verhält es sich bei txtPasswort.
} else if (txtName = = "Name") {
(txtPasswort = = "Passwort")
einfügen.
Zm lösen eines Benutzers einfach ein} else if {Sript löschen.
Die Schaltfläche Zurücksetzen erstellt ihr genau wie die Schaltfläche Überprüfen und die bekommt folgendes Script
//Die Textfelder Zurücksetzen
on (press) {
txtName ="";
txtPasswort ="";
}
So, das wars dann auch fast. Jetzt nur noch
in der Ebene Rahmen einen Rahmen um die Eingabetextfelder ziehen.
Links in Werkzeuge wählt ihr das Rechteckwerkzeug oder "r". In Eigenschaften wählt ihr keine Füllfarbe, bei Schriftfarbe wählt ihr die Farbe, die euer Rahmen haben soll und zieht einen Rahmen genau über euere Eingabetextfelder.
Konvertiert den Rahmen in eine Grafik. Doppelklick auf den Rahmen und "F 8" drücken und in dem aufgehenden Fenster Grafik auswählen OK drücken.
Tipp: mit der x und y Angabe in dem Feld neben der Breite und Höhe könnt ihr die Rahmen genau über euere Eingabetextfelder schieben.
Klickt einfach euere Eingabetextfelder nacheinander an und schreibt euch die Werte für X und Y auf; dann klickt ihr euere Rahmen an, klickt doppelt auf die Zahl neben der Xposition und gebt die Xposition eueres Eingabetextfeldes ein, genauso die Yposition und bei dem zweiten Rahmen ebenso.
Nun das Bild für die falsche Eingabe des Passwortes erstellen.
Dazu geht ihr wider zur Ebene Action zweites Schlüsselbild:
Hier ein leeres Schlüsselbild einfügen klickt das zweite Bild in der Zeitleiste an und dann auf "Einfügen - Leeres Schlüsselbild einfügen" und einen Text erstellen so wie "du hast ein falsches Passwort benutzt" oder ähnliches.
Jetzt noch eine Schaltfläche erstellen und mit folgendem Script versehen.
//Sprigt auf bild 1 in Szene 1 zurück
on (press) {
gotoAndStop("Szene 1",1);
}
//Löscht die eingabe in den Eingabetextfeldern beim zurück Springen
on (press) {
txtName ="";
txtPasswort ="";
}
Das wars dann auch schon. Wenn ihr diesen Flashfilm testen wollt, geht auf
http://kwirsch.milten.lima-city.de/Test/PasswortabfrageLima.html
Meine Homepage http://kwirsch.milten.lima-city.de
Zum Schluss noch ein Tipp: überprüft den Quellext, ob das Passwort darin erscheint; wenn ja einfach löschen.
Viel Spass
KWirsch