Onfocus simulieren

lithium · 20.09.2010, 23:22

Heyho,

folgendes Problem habe ich:
Ich habe 2 Input Felder, für die Passworteingabe. Warum 2, erkläre ich gleich.
Im ersten (type="text"), steht als value nur "Passwort", im zweiten (type="password"), steht gar nichts und ist unsichtbar.
Wird auf das erste Input Feld geklickt, wird mit Javascript das Feld unsichtbar und das 2. sichtbar.
Nun ist der Focus aber nicht auf das 2. Feld gesetzt, sodass, wenn ich etwas eintippe, es nirgendswo verwertbar steht.

Ich habe mir diese Methode ausgedacht, da es mit jQuery nicht möglich ist, das type Attribut zu ändern. (Siehe hier und hier)

Hat jemand eine Idee, wie ich das 2. Passwortfeld "aktiviere", wenn ich jedoch auf das 1. Feld klicke?

Ich hoffe, ich konnte es verständlich erklären und danke schonmal im vorraus. :P

Gruß,
Lithium

ChrisB · 20.09.2010, 23:26

Das Problem ist nicht jQuery, sondern der IE, in dem sich der Typ von Formularfeldern nicht ändern lässt.

Und die Methode focus hast du nicht gefunden, als du versucht hast, dich selber zu informieren ...?

(Darüber hinaus kann man das natürlich auch sinnvoller ohne ein zweites Inputfeld lösen. Bsp.: Transparenter Hintergrund, Text (bspw. LABEL) einfach dahinter platziert - bei hover/focus dann Hintergrundfarbe setzen - fertig.)

lithium · 20.09.2010, 23:34

Zitat:

Zitat von ChrisB

Das Problem ist nicht jQuery, sondern der IE, in dem sich der Typ von Formularfeldern nicht ändern lässt.

Richtig, aber folglich wurd es in jQuery dann deaktiviert.

Zitat:

if(b in a&&f&&!j){if(e){b==="type"&&ab.test(a.nodeName)&&a .parentNode&&c.error("type property can't be changed");a[b]=d}

Aus der jquery.js mal herauszitiert. Folglich liegt es letzten endes doch an jQuery.

Wie dem auch sei, wir sind hier ja nicht um genau das zu diskutieren sondern etwas anderes:

Selbstverständlich habe ich mich über die Methode focus informiert und auch schon 2-3 verschiedene Sachen probiert - leider vergebens.

Die Idee mit dem Label und dem transparenten Hintergrund gefällt mir - da wäre ich jetzt ehrlich gesagt nie von selbst drauf gekommen. Danke dir!

Gruß,
Lithium

drsoong · 21.09.2010, 00:30

Seltsam, einerseits extrahierst Du kryptischen Code aus der JQuery Lib, wo man denkt: "Der Bursche hat die volle Checkung" und andererseits kommst Du nicht auf sowas wie

Code:

document.getElementById('DasZweiteFeld').focus();

Dies natürlich dem onclick-Ereignis Deines ersten Feldes zugeordnet.

lithium · 21.09.2010, 06:46

Naja, es war spät, ich war schon lange wach und auch ein wenig unkonzentiert. Habe ich aus den Ergebnisen eine Stunde später auch extrem gemerkt - wurde sehr unproduktiv. Aber ich will mich jetzt auch nirgends herausreden, die Variante mit dem .focus(); wusste/kannte ich wirklich nicht.

Ich habe an folgendem die ganze zeit rumprobiert:

Code:

document.getElementById('DasZweiteFeld').focus = true;

Naja, hab halt versucht, dem focus ein true zuzuweisen...

Greets

nikosch · 21.09.2010, 17:36

Zitat:

die Variante mit dem .focus(); wusste/kannte ich wirklich nicht.

Vielleicht solltest Du dann nochmal einen Schritt zurückgehen und wenigstens ein paar Brocken Javascript lernen, bevor Du jQ einsetzt.

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Post mit php simulieren und anschließend entzippen	kdojgd	PHP-Fortgeschrittene	8	23.04.2010 14:06
[Erledigt] Öffnen in neuem Tab simulieren	Chili-Schaf	PHP Tipps 2010	7	23.04.2010 11:00
Post-Request mit Curl simulieren	delafinest	PHP Tipps 2010	2	28.03.2010 20:22
Frames simulieren / fremde Seite includen. Eine Seite zickt	halbblah	PHP Tipps 2009	11	06.07.2009 20:28
[Erledigt] Datenbankfunktion simulieren	Raymond	PHP Tipps 2009	17	21.06.2009 15:57
login in php simulieren	WAY_KOW	PHP-Fortgeschrittene	11	11.04.2009 16:41
Klick auf Seitenobjekt (Link mit onClick Ereigniss) mit JScript simulieren	Stephan_87	JavaScript, Ajax und mehr	1	22.12.2008 21:50
RewriteRule simulieren	dh1sbg	Server, Hosting und Workstations	7	23.09.2007 14:02
SQL Einträge simulieren, sammeln, auf Erfolg prüfen, ... ?	PsychoEagle	Datenbanken	5	18.07.2007 16:33
Input-Feld: backgroundImage bei onFocus setzen?	php_frage	HTML, Usability und Barrierefreiheit	2	02.03.2006 20:19
[Erledigt] Kartenstapel simulieren		PHP-Fortgeschrittene	2	08.08.2005 16:55
programm um zugriffe zu simulieren		Beitragsarchiv	5	15.06.2005 20:06
Frames mit PHP simulieren	fxp	PHP Tipps 2005-2	11	07.06.2005 17:55
[Erledigt] PHP-Code simulieren		PHP-Fortgeschrittene	14	21.11.2004 04:31

20.09.2010, 23:22
lithium Benutzer Registriert seit: 04.08.2008 Beiträge: 67 PHP-Kenntnisse: Fortgeschritten	Onfocus simulieren Heyho, folgendes Problem habe ich: Ich habe 2 Input Felder, für die Passworteingabe. Warum 2, erkläre ich gleich. Im ersten (type="text"), steht als value nur "Passwort", im zweiten (type="password"), steht gar nichts und ist unsichtbar. Wird auf das erste Input Feld geklickt, wird mit Javascript das Feld unsichtbar und das 2. sichtbar. Nun ist der Focus aber nicht auf das 2. Feld gesetzt, sodass, wenn ich etwas eintippe, es nirgendswo verwertbar steht. Ich habe mir diese Methode ausgedacht, da es mit jQuery nicht möglich ist, das type Attribut zu ändern. (Siehe hier und hier) Hat jemand eine Idee, wie ich das 2. Passwortfeld "aktiviere", wenn ich jedoch auf das 1. Feld klicke? Ich hoffe, ich konnte es verständlich erklären und danke schonmal im vorraus. :P Gruß, Lithium


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

20.09.2010, 23:26
ChrisB Moderator¹ Registriert seit: 28.03.2010 Beiträge: 7.470 PHP-Kenntnisse: Fortgeschritten	Das Problem ist nicht jQuery, sondern der IE, in dem sich der Typ von Formularfeldern nicht ändern lässt. Und die Methode focus hast du nicht gefunden, als du versucht hast, dich selber zu informieren ...? (Darüber hinaus kann man das natürlich auch sinnvoller ohne ein zweites Inputfeld lösen. Bsp.: Transparenter Hintergrund, Text (bspw. LABEL) einfach dahinter platziert - bei hover/focus dann Hintergrundfarbe setzen - fertig.) __________________ RGB is totally confusing - I mean, at least #C0FFEE should be brown, right?

21.09.2010, 00:30
drsoong Erfahrener Benutzer Registriert seit: 05.08.2008 Beiträge: 1.127	Seltsam, einerseits extrahierst Du kryptischen Code aus der JQuery Lib, wo man denkt: "Der Bursche hat die volle Checkung" und andererseits kommst Du nicht auf sowas wie Code: document.getElementById('DasZweiteFeld').focus(); Dies natürlich dem onclick-Ereignis Deines ersten Feldes zugeordnet.

21.09.2010, 06:46
lithium Benutzer Registriert seit: 04.08.2008 Beiträge: 67 PHP-Kenntnisse: Fortgeschritten	Naja, es war spät, ich war schon lange wach und auch ein wenig unkonzentiert. Habe ich aus den Ergebnisen eine Stunde später auch extrem gemerkt - wurde sehr unproduktiv. Aber ich will mich jetzt auch nirgends herausreden, die Variante mit dem .focus(); wusste/kannte ich wirklich nicht. Ich habe an folgendem die ganze zeit rumprobiert: Code: document.getElementById('DasZweiteFeld').focus = true; Naja, hab halt versucht, dem focus ein true zuzuweisen... Greets