InputFields /Bei Auswahl (onFocus?) Aktion aufrufen

Hi,

ich hab ein Mailformular erstellt, das aus 5 inputtextfields besteht.

Nun möchte ich, das man, sobald man dieses Feld anklickt, eine Aktion gestartet wird. Nämlich das links die Beschriftung per Script den Alphawert ändert. Soweit ist alles klar. Ich brauche nur eine Abfrage oder einen entsprechenden on Handler dafür.

Also so in etwa:

on(inputfeld markiert/focus)
{
_root.feldbeschreibung_1._alpha=50;
}

Und jetzt noch etwas…

In dem o.g. Script sollen alle anderen Felder dann immer wieder dunkler gemacht werden.


Was haltet ihr davon, wenn man die Felder, die bereits ausgefüllt sind, davon aussschließt?

Also


on(inputfeld markiert/focus)
{
_root.feldbeschreibung_1._alpha=50;
if(_root.feldbeschreibung_2='')
{
_root.feldbeschreibung_2._alpha=10;
}
if(_root.feldbeschreibung_3='')
{
_root.feldbeschreibung_3._alpha=10;
}
//(…)
}



Liebe Grüße

Yves

[sonar]

Ciao 409

das Textfeld-Objekt hat einen callback-Handler namens "deinTextFeld.onSetFocus". Isses das, was du suchst?

Und das mit dem == beim if brauch ich dir ja nicht zu sagen...

Geschrieben von sonar

Und das mit dem == beim if brauch ich dir ja nicht zu sagen...

Ich denke das ist es

Ja das mit den if… das war Flüchtigkeit

= -> Zuweisung
== -> Gleichheit
=== -> Strikte Gleichheit




Danke

Yves

Geschrieben von sonar
Ciao 409

das Textfeld-Objekt hat einen callback-Handler namens "deinTextFeld.onSetFocus". Isses das, was du suchst?

Also mal eben so dahingeschmiert:

field=new Array('_root.elements.content.mail.field_name','_root.elements.content.mail.field_email','_root.elements.content.mail.field_phone','_root.elements.content.mail.field_subject','_root.elements.content.mail.field_message');
eval(field[0]).text='';
eval(field[1]).text='';
eval(field[2]).text='';
eval(field[3]).text='';
eval(field[4]).text='';
eval(field[2]).restrict='0-9+ ';
eval(field[1]).restrict='a-zA-ZäöüÄÖÜ0-9@._-';
selection.setFocus(eval(field[0]));
eval(field[0]).tabIndex=1;
eval(field[1]).tabIndex=2;
eval(field[2]).tabIndex=3;
eval(field[3]).tabIndex=4;
eval(field[4]).tabIndex=5;
 
eval(field[0]).onSetFocus
    {
    _root.elements.content.mail.name._alpha=100;
    }
eval(field[1]).onSetFocus
    {
    _root.elements.content.mail.email._alpha=100;
    }
eval(field[2]).onSetFocus
    {
    _root.elements.content.mail.phone._alpha=100;
    }
eval(field[3]).onSetFocus
    {
    _root.elements.content.mail.subject._alpha=100;
    }
eval(field[4]).onSetFocus
    {
    _root.elements.content.mail.message._alpha=100;
    }
 
this.stop(); 

Die MCs, die die Benennungen enthalten sind standardmäßig auf _alpha=10;

So wie es jetzt da steht werden alle direkt alpha=100 gesetzt.

Ich mach wohl was falsch oder?


Gibt es übrigens auch sowas wie

onLooseFocus?


Yves

[sonar]

Geschrieben von 409coffeemaker

Gibt es übrigens auch sowas wie

onLooseFocus?

TextField.onKillFocus(); 

Hi,

also in der AS Referenz steht das irgendwie anders… so mit Kontruktor und so…


Das hier funktioniert nicht:

eval(field[0]).onSetFocus
    {
    _root.elements.content.mail.name._alpha=10;
    }
eval(field[1]).onSetFocus
    {
    _root.elements.content.mail.email._alpha=10;
    }
eval(field[2]).onSetFocus
    {
    _root.elements.content.mail.phone._alpha=10;
    }
eval(field[3]).onSetFocus
    {
    _root.elements.content.mail.subject._alpha=10;
    }
eval(field[4]).onSetFocus
    {
    _root.elements.content.mail.message._alpha=10;
    }
eval(field[0]).onKillFocus
    {
    _root.elements.content.mail.name._alpha=100;
    }
eval(field[1]).onKillFocus
    {
    _root.elements.content.mail.email._alpha=100;
    }
eval(field[2]).onKillFocus
    {
    _root.elements.content.mail.phone._alpha=100;
    }
eval(field[3]).onKillFocus
    {
    _root.elements.content.mail.subject._alpha=100;
    }
eval(field[4]).onKillFocus
    {
    _root.elements.content.mail.message._alpha=100;
    } 

Da werden einfach alle Felder erst 10 und dann wieder 100 gesetzt, egal ob Set/KillFocus.

/*Actionscriptreferenz
//Verwendung  
bestimmterListener.onSetFocus = function(alterFokus, neuerFokus){         anweisungen; } 
bestimmterListener = new Object(); bestimmterListener.onSetFocus = function() { ... }; Selection.addListener(bestimmterListener); 
*/ 

Kannst du mir das bitte mal erklären, wie ich das dann direkt anwende?

Ich habe schon ein paar Versuche gemacht, haut aber anscheinend nicht richtig hin.

Danke

Liebe Grüße

Yves

[sonar]

Hab dir mal schnell ne fla gebastelt...
Wenn ich dich richtig verstanden hab, passiert da sowas in der Art, was du willst.

[romän]

Moin Yves,

ich würde in dem Fall nicht mit einem Listener-Objekt arbeiten. Weil eben beim fokussieren unterschiedlicher Textfelder auch andere Aktionen ausgeführt werden sollen.

Vom Prinzip her funktioniert es ohne Listener so:
Du weist deinen Textfeldern zwei Funktionen "onSetFocus" und "onKillFocus" zu, die automatisch aufgerufen werden, wenn das Textfeld den Fokus erhält:

meinTextfeld_txt.onSetFocus = function(){
   // ...
};

In deinem Beispiel sähe das dann vereinfacht so aus (ich initzialisiere das Array "field" mal mit Referenzen anstatt mit Strings - damit fällt das eval weg):

field = [_root.elements.content.mail.field_name];
field[0].onSetFocus = function(){
this._parent.name._alpha = 50;
};
field[0].onKillFocus = function(){
this._parent.name._alpha = 100;
}; 

Da die Eingabefelder und die Beschriftungen in einem MovieClip liegen, kannst du mit relativen Pfaden arbeiten.

this -> das Textfeld das den Focus erhalten hat (im obigen Script field_name);
this._parent -> der MovieClip, in dem das Textfeld liegt (mail);
this._parent.name -> der Pfad zur zugehörigen Beschriftung

gruß,
roman

<edit>oh, moin sonar.</edit>

Guten Morgen zusammen,


danke für die Fla und danke für das kurze Tutorial und Danke für die Geduld!

Jetzt habe ich es verstanden!

Funktioniert auch.

Die Pfade habe ich auch relativ gewählt, macht den Code schlanker. Allerdings sind beide this., da im gleichen MC.
Die Arrays habe ich auch mit Referenzen initialisiert und das eval(); entfernt.
Macht den Code insgesamt schlanker

2 Fragen habe ich nun.

Ich habe das nach romäns Tutorial nachgebastelt und möchte nun das alles noch etwas eleganter mit for-schleifen realisieren, um nicht immer die ganzen ArrayIndices auszunotieren. Bietet sich ja hier an.

1.) Mir ist aufgefallen, das du in der for Schleife die Variable i mit einem 'var' einmal versehen hast. Macht man das so sauberer? Weil ohne var geht es ja auch, selbst ohne vorheriges initialisieren der Variable.

2.) Wie konkatiniere ich Arrays mit dem i.
So gehts nicht:

field=new Array(this.field_name,this.field_email,this.field_phone,this.field_subject,this.field_message);
designation=new Array(this.name,this.email,this.phone,this.subject,this.message);
 
for(var i = 0;i<=5;i++)
    {
    ['field['+i+']'].onSetFocus = function()
        {
        ['designation['+i+']']._alpha = 100;
        };
    ['field['+i+']'].onKillFocus = function()
        {
        ['designation['+i+']']._alpha = 60;
        };
    } 

Was haltet ihr davon, nur eine For Schleife mit einem Switch zu machen, um zb Restrict-Aktionen, die nur mit Index 2 passieren sollen, dort mitlaufen zu lassen aber vorher und nachher auszuschließen.

Liebe Grüße

Yves

[romän]

hi,

1) mit var erstellst du eine lokale Variable. Ist in diesem Fall zwar nicht unbedingt nötig, aber irgendwie (bei mir zumindest) Gewohnheit

2) viel einfacher, du brauchst nix zu konkatinieren.
Allerdings kannst du innerhalb der Funktionen i nicht mehr verwenden, weil es beim Aufruf der Funktion nicht mehr bekannt ist.
Deshalb mach's leiber wie sonar, und füg dem Textfeld noch eine Eigenschaft zu, die auf die zugehörige Beschriftung zeigt:

for(var i = 0;i<=5;i++)
{
var txt = field[i];
txt._designation = designation[i];
        txt.onSetFocus = function()
        {
                this._designation._alpha = 100;
        };
        txt.onKillFocus = function()
        {
                this._designation._alpha = 60;
        };
} 

Die individuellen Einstellungen der Textfelder würd ich eher aus der for-Schleife rauslassen.

gruß,
roman

Arghs…

ich hatte in der Hoffnung das man konkatinieren kann schon das hier grad vorbereitet:

var field=new Array(this.field_name,this.field_email,this.field_phone,this.field_subject,this.field_message);
var designation=new Array(this.name,this.email,this.phone,this.subject,this.message);
var onFocusAlpha=90;
var killFocusAlpha=45;
for(var i=0;i<=4;i++)
    {
    switch(i)
        {
        case 0:
            ['field['+i+']'].text='';         
            ['designation['+i+']']._alpha=killFocusAlpha;         
            ['field['+i+']'].tabIndex=i+1;      
            ['field['+i+']'].onSetFocus=function()
                {
                ['designation['+i+']']._alpha=onFocusAlpha;
                };
            ['field['+i+']'].onKillFocus=function()
                {
                if(['field['+i+']'].text='')
                    {
                    ['designation['+i+']']._alpha=killFocusAlpha;
                    }
                };
            selection.setFocus(['field['+i+']']);
        break;
        case 1:
            ['field['+i+']'].text='';
            ['field['+i+']'].restrict='a-zA-ZäöüÄÖÜ0-9@._-';
            ['designation['+i+']']._alpha=killFocusAlpha;         
            ['field['+i+']'].tabIndex=i+1;      
            ['field['+i+']'].onSetFocus=function()
                {
                ['designation['+i+']']._alpha=onFocusAlpha;
                };
            ['field['+i+']'].onKillFocus=function()
                {
                if(['field['+i+']'].text='')
                    {
                    ['designation['+i+']']._alpha=killFocusAlpha;
                    }
                };
        break;        
        case 2:
            ['field['+i+']'].text='';
            ['field['+i+']'].restrict='0-9+ ';
            ['designation['+i+']']._alpha=killFocusAlpha;         
            ['field['+i+']'].tabIndex=i+1;      
            ['field['+i+']'].onSetFocus=function()
                {
                ['designation['+i+']']._alpha=onFocusAlpha;
                };
            ['field['+i+']'].onKillFocus=function()
                {
                if(['field['+i+']'].text='')
                    {
                    ['designation['+i+']']._alpha=killFocusAlpha;
                    }
                };
        break;        
        case 3:
            ['field['+i+']'].text='';         
            ['designation['+i+']']._alpha=killFocusAlpha;         
            ['field['+i+']'].tabIndex=i+1;      
            ['field['+i+']'].onSetFocus=function()
                {
                ['designation['+i+']']._alpha=onFocusAlpha;
                };
            ['field['+i+']'].onKillFocus=function()
                {
                if(['field['+i+']'].text='')
                    {
                    ['designation['+i+']']._alpha=killFocusAlpha;
                    }
                };
        break;
        case 4:
            ['field['+i+']'].text='';         
            ['designation['+i+']']._alpha=killFocusAlpha;         
            ['field['+i+']'].tabIndex=i+1;      
            ['field['+i+']'].onSetFocus=function()
                {
                ['designation['+i+']']._alpha=onFocusAlpha;
                };
            ['field['+i+']'].onKillFocus=function()
                {
                if(['field['+i+']'].text='')
                    {
                    ['designation['+i+']']._alpha=killFocusAlpha;
                    }
                };
        break;    
        }
    }
this.stop(); 

Yves

[romän]

Mal ehrlich, dann wär's aber ohne for-Schleife irgendwie übersichtlicher, oder?

.tabIndex und .text kannst du natürlich mit in die for-Schleife packen:

for(var i = 0;i<=5;i++)
{
designation[i]._alpha = 45;
        var txt = field[i];
txt.tabIndex = i + 1;
txt.text = '';
        txt._designation = designation[i];
        txt.onSetFocus = function()
        {
// Die Funktion wird innerhalb des Textfeldes ausgeführt!
// deshalb this.text
if(this.text == ''){
                this._designation._alpha = 90;
}
        };
        txt.onKillFocus = function()
        {
                this._designation._alpha = 45;
        };
} 

Und die restrict-Angaben schreibst du vor oder hinter die for-Schleife.
Sind ja nur zwei Zeilen.

gruß,
roman

Hehe, naklar, wäre übersichtlicher. Aber der Designer mit dem ich zusammenarbeite hätte dann vermutlich nicht so gestaunt über jede Zeile.

Und mal ehrlich, die Konkatinationen sahen schon erotisch aus

So gehts:

var field=new Array(this.field_name,this.field_email,this.field_phone,this.field_subject,this.field_message);
var designation=new Array(this.name,this.email,this.phone,this.subject,this.message);
var onFocusAlpha=90;
var killFocusAlpha=45;
 
for(var i=0;i<=4;i++)
    {
    designation[i]._alpha=killFocusAlpha;
    var textfield=field[i];
    textfield.tabIndex=i+1;
    textfield.text='';
    textfield._designation=designation[i];
    textfield.onSetFocus=function()
        {
        this._designation._alpha=onFocusAlpha;
        };
    textfield.onKillFocus=function()
        {
        if(this.text=='')
            {
            this._designation._alpha=killFocusAlpha;
            }
        };
    }
selection.setFocus(field[0]);
field[1].restrict='a-zA-ZäöüÄÖÜ0-9@._-';
field[2].restrict='0-9+ '; 

Ich glaube dem ganzen setze ich nun die Krone auf, indem ich noch die Emailadresse im Emailfeld überprüfen lassen, ob diese korrekt ist oder nicht und entsprechend dann die Beschriftung hell oder dunkel lasse.

Code zeig ich dann gleich wenns geht

Liebe Grüße

Yves

Fertig :)

Funktioniert auch.

Den Switch wollte ich mir nicht verkneifen, bitte seht es mir nach ;)

var field=new Array(this.field_name,this.field_email,this.field_phone,this.field_subject,this.field_message);
var designation=new Array(this.name,this.email,this.phone,this.subject,this.message);
var onFocusAlpha=90;
var killFocusAlpha=45;
emailAdressError=function (mail) 
    {
    var badtype=['€',''];
    if (mail.indexOf('@')>0 && mail.lastIndexOf('.')>2 && mail.lastIndexOf('.')-1 != mail.indexOf('@') && mail.length<mail.lastIndexOf('.')+6 && mail.length>mail.lastIndexOf('.')+2) 
        {
        for (var i=0; i<badtype.length; i++) 
            {
            if (mail.indexOf(badtype[i])>0) 
                {
                return true;
                }
            }
        } 
    else 
        {
        return true;
        }
    };
for(var i=0;i<=4;i++)
    {
    switch(i)
        {
        case 0:
            designation[i]._alpha=killFocusAlpha;
            var textfield=field[i];
            textfield.tabIndex=i+1;
            textfield.text='';
            textfield._designation=designation[i];
            textfield.onSetFocus=function()
                {
                this._designation._alpha=onFocusAlpha;
                };
            textfield.onKillFocus=function()
                {
                if(this.text=='')
                    {
                    this._designation._alpha=killFocusAlpha;
                    }
                };
            selection.setFocus(textfield);      
        break;
        case 1:
            designation[i]._alpha=killFocusAlpha;
            var textfield=field[i];
            textfield.tabIndex=i+1;
            textfield.text='';
            textfield.restrict='a-zA-ZäöüÄÖÜ0-9@._-';
            textfield._designation=designation[i];
            textfield.onSetFocus=function()
                {
                this._designation._alpha=onFocusAlpha;
                };
            textfield.onKillFocus=function()
                {
                if(emailAdressError(this.text))
                    {
                    this._designation._alpha=killFocusAlpha;
                    }
                };
        break;  
        case 2:
            designation[i]._alpha=killFocusAlpha;
            var textfield=field[i];
            textfield.tabIndex=i+1;
            textfield.text='';
            textfield.restrict='0-9+\-/() ';
            textfield._designation=designation[i];
            textfield.onSetFocus=function()
                {
                this._designation._alpha=onFocusAlpha;
                };
            textfield.onKillFocus=function()
                {
                if(this.text=='')
                    {
                    this._designation._alpha=killFocusAlpha;
                    }
                };
        break;  
        case 3:
            designation[i]._alpha=killFocusAlpha;
            var textfield=field[i];
            textfield.tabIndex=i+1;
            textfield.text='';
            textfield._designation=designation[i];
            textfield.onSetFocus=function()
                {
                this._designation._alpha=onFocusAlpha;
                };
            textfield.onKillFocus=function()
                {
                if(this.text=='')
                    {
                    this._designation._alpha=killFocusAlpha;
                    }
                };
        break;
        case 4:
            designation[i]._alpha=killFocusAlpha;
            var textfield=field[i];
            textfield.tabIndex=i+1;
            textfield.text='';
            textfield._designation=designation[i];
            textfield.onSetFocus=function()
                {
                this._designation._alpha=onFocusAlpha;
                };
            textfield.onKillFocus=function()
                {
                if(this.text=='')
                    {
                    this._designation._alpha=killFocusAlpha;
                    }
                };
        break;
        }
    }
this.stop(); 

2 Fragen dann noch zum Abschluß :)


1a) textfield.restrict='0-9+\-/() ';

Der - kann trotz des Restricts nicht getippt werden. Warum? Ist doch korrekt escaped, oder?


1b) textfield.restrict='a-zA-ZäöüÄÖÜ0-9@._-';

Der - kann trotz des Restricts nicht getippt werden. Warum? Ist doch korrekt escaped, oder? :D

1c) Im Messagefeld erscheint ein § anstatt des ß wenn ich es eingebe, in der eMail ist es dann aber wieder korrekt.


Ich nutze Univers 57Codensed Bold und bette „all Characters“ ein.


2) Das hier liegt auf dem Button.

on(release)
    {
    if (var_name !=='' && var_email !=='' && var_subject !=='' && var_message !=='') 
        {
        if (!emailAdressError(var_email))
            {
            target=_global.selected_target_mail;
            loadVariablesNum('mail.php', 0,'POST');
            this.mailform_display.gotoAndPlay('valid');
            }
        else
            {         
            this.mailform_display.gotoAndPlay('invalid');
            }
        }
    else
        {         
        this.mailform_display.gotoAndPlay('invalid');
        }
    } 

Gibt es eine onLoad Methode für den globalen Befehl loadVariablesNum? Wenn ich das richtig verstehe, ballert der Befehl doch ALLE Variablen des Filmes an das angegebene Ziel.
Oder haben nur mit konstruktoren generierte Objekte Methoden?

Ist es nicht besser das mit einem loadVars Object zu machen und den loadVars.send zu nutzen? Dann habe ich ja auch meine onLoad Methode.


Liebe Grüße

Yves

[romän]

hi,

na dann Glückwunsch.

Aber lass doch besser die for-Schleife und das switch ganz raus. Ist komplett überflüssig und sinnfrei...

1 a+b) "-" muss doppelt escaped werden "\\-";
1 c) weiss ich jetzt grad nicht
2) nein, ja, ja, ja

gruß,
roman