[Erledigt] Easter Egg - Nachricht bei Eingabe

Sniper_Kotaro · 12.04.2011, 14:41

Hallo Leute!

Ich habe nicht viel mit JS zu tun, habe mir aber überlegt, dass es lustig wäre, wenn ich ein kleines Easter-Egg in meine Seite einbaue.
Wenn ein bestimmter Text eingegeben wird (nicht in ein Textfeld, sondern einfach irgendwo auf der Seite), dann soll irgendwas bestimmtes passieren.
Gibt jemand also beispielsweise "HappyBirthday" ein, soll (erstmal ziemlich langweilig) eine alert-box mit "Herzlichen Glückwunsch!!" kommen.

Ich habe nur Probleme das zu realisieren...
Welche Taste der User gedrückt hat, kriege ich über window.event.keyCode raus... gibt es eigentlich eine Möglichkeit, gleich den entsprechenden Buchstaben (und nicht den Code dahinter) rauszubekommen?

Auf jeden Fall habe ich mir gedacht, dass ich mir die Werte in ein Array speichere und jedes Mal überprüfe, ob in dem Array nun ein String steckt, der beispielsweise "HappyBirthday" matcht.

Meint ihr, das funktioniert so?
Ich habe nämlich mal ein bisschen rumprobiert und es scheint bei weitem nicht so einfach zu sein, wie ich dachte.
Allerdings muss ich auch sagen, dass ich bis jetzt herzlich wenig Berührungspunkte mit JS hatte

Flor1an · 12.04.2011, 15:44

Probier mal: String.fromCharCode(keyCode)

Hätte man nach bissl Googlen aber selbst finden können.

lstegelitz · 12.04.2011, 16:19

Der Scancode einer Taste ist nicht zwingend mit einem druckbaren Zeichen verbunden.

dreamcatcher · 12.04.2011, 16:28

2:43 per google gebraucht.

Funktionierendes Beispiel:

PHP-Code:

  <script type="text/javascript">
function textsizer(e){
var evtobj=window.event? event : e //distinguish between IE's explicit event object (window.event) and Firefox's implicit.
var unicode=evtobj.charCode? evtobj.charCode : evtobj.keyCode
var actualkey=String.fromCharCode(unicode)
if (actualkey=="a")
document.body.style.fontSize="120%"
if (actualkey=="z")
document.body.style.fontSize="100%"
}
document.onkeypress=textsizer
</script>

Auführlichere Instruktionen & Quelle:
http://www.javascriptkit.com/javatut...riptkey2.shtml

Sniper_Kotaro · 12.04.2011, 16:59

Danke schonmal dafür!

Jetzt ist nur noch das Problem der String-Verkettung.
Ich weiß natürlich dass man Strings mit + verkettet.
Ich habe ungefähr sowas geschrieben:

Code:

var eingabe;
if(eingabe != ""){eingabe = "";}
eingabe = eingabe + String.fromCharCode(window.event.keyCode);
alert(eingabe);

Leider ist das alert jetzt jedes Mal nur der aktuelle Buchstabe.
Da verstehe ich allerdings nicht warum...
.= hat zur konkatisierung leider nicht geklappt, dabei dachte ich, dass es dann so geht wie oben geschrieben.
Aber scheinbar hängt er nicht an

ChrisB · 12.04.2011, 17:08

Zitat:

Zitat von Sniper_Kotaro

Leider ist das alert jetzt jedes Mal nur der aktuelle Buchstabe.
Da verstehe ich allerdings nicht warum...

Weil du die Variable jedes Mal zu Beginn dieses Codes (vermutlich in einer Funktion) erneut mit

Code:

var eingabe;

lokal deklarierst.

mermshaus · 12.04.2011, 17:08

Die ersten beiden Zeilen bedeuten ungefähr:

Code:

Initialisiere eingabe neu.
Falls eingabe Inhalt hat, lösche Inhalt.

rudygotya · 12.04.2011, 17:12

Dazu noch:

Zitat:

Ich weiß natürlich dass man Strings mit + verkettet.

Offensichtlich nicht

Zitat:

.= hat zur konkatisierung leider nicht geklappt

=> eingabe += 'xyz'

Sniper_Kotaro · 13.04.2011, 14:11

@ ChrisB & mermshaus:
Ja stimmt, aber wenn ich sie dort nicht deklariere, dann meckert JS rum, dass die Variable nicht deklariert ist

@rudygotya:
Ach verdammt... ich habe natürlich an .= und nicht an += gedacht

Verzeih bitte diesen Fehler, danke aber natürlich für den Hinweis!

Sniper_Kotaro · 13.04.2011, 14:26

So, ich habe das Problem jetzt gelöst.
Der Code war etwas umständlich gebaut, deswegen ging das mit der Variablen-initialisierung nicht so ganz.
Aber jetzt läuft es und ich werde mir mal anschauen, wie es weitergeht

Vielen Dank für eure Hilfe!!!

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
Weiterleitung nach Eingabe in Textfeld	Meyer_Lansky	PHP Einsteiger	2	10.04.2011 09:40
[Erledigt] Problem bei der Eingabe einer "01" im Textarea	otni kaerb	PHP Tipps 2010	3	17.11.2010 19:49
[Erledigt] Eingabe mit Javascript filtern/escapen ?	Brom	JavaScript, Ajax und mehr	6	03.10.2009 13:43
Eine Eingabe in zwei INPUTS ...	Semmy	PHP Tipps 2009	2	17.08.2009 13:41
[Erledigt] Datensatz mit Eingabe vergleichen	Chili-Schaf	PHP Tipps 2009	4	21.07.2009 18:16
Eingabe Datenbank - IDs verlinken	bamberg	PHP Tipps 2009	7	21.06.2009 21:19
Kontakfelder nach Senden der Nachricht ausblenden und durch Text ersetzt	uwe92	PHP Tipps 2009	4	06.02.2009 00:46
[Erledigt] For-Schleife (mehrfach?)	22hase	PHP Tipps 2009	26	12.01.2009 15:17
Bei richtiger Eingabe Daten an nächste Seite versenden	xx_heidi_xx	PHP Tipps 2008	49	27.05.2008 14:56
preg_match zur eingabe Überprüfung	pepepro	PHP Tipps 2006	9	16.05.2006 19:28
CLI, Command line Eingabe während der Laufzeit	DerDesian	PHP Tipps 2007	6	30.11.2005 14:10
URL Eingabe in Formular-Eingabefeld		PHP Tipps 2005-2	3	22.09.2005 11:02
[Erledigt] Eingabe in Textfeld A, Ausgabe Textfeld B wie?		HTML, Usability und Barrierefreiheit	2	01.06.2005 18:09
[Erledigt] Select Feld - Eingabe merken ?!?		PHP-Fortgeschrittene	4	18.11.2004 12:30
datum eingabe mittels formular + 6wochen		PHP Tipps 2004	6	17.10.2004 20:53

12.04.2011, 14:41
Sniper_Kotaro Erfahrener Benutzer Registriert seit: 04.03.2009 Beiträge: 303 PHP-Kenntnisse: Anfänger	[Erledigt] Easter Egg - Nachricht bei Eingabe Hallo Leute! Ich habe nicht viel mit JS zu tun, habe mir aber überlegt, dass es lustig wäre, wenn ich ein kleines Easter-Egg in meine Seite einbaue. Wenn ein bestimmter Text eingegeben wird (nicht in ein Textfeld, sondern einfach irgendwo auf der Seite), dann soll irgendwas bestimmtes passieren. Gibt jemand also beispielsweise "HappyBirthday" ein, soll (erstmal ziemlich langweilig) eine alert-box mit "Herzlichen Glückwunsch!!" kommen. Ich habe nur Probleme das zu realisieren... Welche Taste der User gedrückt hat, kriege ich über window.event.keyCode raus... gibt es eigentlich eine Möglichkeit, gleich den entsprechenden Buchstaben (und nicht den Code dahinter) rauszubekommen? Auf jeden Fall habe ich mir gedacht, dass ich mir die Werte in ein Array speichere und jedes Mal überprüfe, ob in dem Array nun ein String steckt, der beispielsweise "HappyBirthday" matcht. Meint ihr, das funktioniert so? Ich habe nämlich mal ein bisschen rumprobiert und es scheint bei weitem nicht so einfach zu sein, wie ich dachte. Allerdings muss ich auch sagen, dass ich bis jetzt herzlich wenig Berührungspunkte mit JS hatte __________________


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

12.04.2011, 15:44
Flor1an da schreibt der ElePHPant Registriert seit: 18.06.2008 Beiträge: 8.903 PHP-Kenntnisse: Fortgeschritten	Probier mal: String.fromCharCode(keyCode) Hätte man nach bissl Googlen aber selbst finden können.

12.04.2011, 16:19
lstegelitz Erfahrener Benutzer Registriert seit: 07.09.2009 Beiträge: 4.005 PHP-Kenntnisse: Fortgeschritten	Der Scancode einer Taste ist nicht zwingend mit einem druckbaren Zeichen verbunden. __________________ Über 90% aller Gewaltverbrechen passieren innerhalb von 24 Stunden nach dem Konsum von Brot.

12.04.2011, 16:28
dreamcatcher Erfahrener Benutzer Registriert seit: 28.12.2010 Beiträge: 599 PHP-Kenntnisse: Anfänger	2:43 per google gebraucht. Funktionierendes Beispiel: PHP-Code: `<script type="text/javascript"> function textsizer(e){ var evtobj=window.event? event : e //distinguish between IE's explicit event object (window.event) and Firefox's implicit. var unicode=evtobj.charCode? evtobj.charCode : evtobj.keyCode var actualkey=String.fromCharCode(unicode) if (actualkey=="a") document.body.style.fontSize="120%" if (actualkey=="z") document.body.style.fontSize="100%" } document.onkeypress=textsizer </script>` Auführlichere Instruktionen & Quelle: http://www.javascriptkit.com/javatut...riptkey2.shtml

12.04.2011, 16:59
Sniper_Kotaro Erfahrener Benutzer Registriert seit: 04.03.2009 Beiträge: 303 PHP-Kenntnisse: Anfänger	Danke schonmal dafür! Jetzt ist nur noch das Problem der String-Verkettung. Ich weiß natürlich dass man Strings mit + verkettet. Ich habe ungefähr sowas geschrieben: Code: var eingabe; if(eingabe != ""){eingabe = "";} eingabe = eingabe + String.fromCharCode(window.event.keyCode); alert(eingabe); Leider ist das alert jetzt jedes Mal nur der aktuelle Buchstabe. Da verstehe ich allerdings nicht warum... .= hat zur konkatisierung leider nicht geklappt, dabei dachte ich, dass es dann so geht wie oben geschrieben. Aber scheinbar hängt er nicht an __________________

12.04.2011, 17:08
mermshaus Erfahrener Benutzer Registriert seit: 14.06.2009 Beiträge: 1.725 PHP-Kenntnisse: Fortgeschritten	Die ersten beiden Zeilen bedeuten ungefähr: Code: Initialisiere eingabe neu. Falls eingabe Inhalt hat, lösche Inhalt. __________________ Blog \| Buch \| Kaloa

13.04.2011, 14:11
Sniper_Kotaro Erfahrener Benutzer Registriert seit: 04.03.2009 Beiträge: 303 PHP-Kenntnisse: Anfänger	@ ChrisB & mermshaus: Ja stimmt, aber wenn ich sie dort nicht deklariere, dann meckert JS rum, dass die Variable nicht deklariert ist @rudygotya: Ach verdammt... ich habe natürlich an .= und nicht an += gedacht Verzeih bitte diesen Fehler, danke aber natürlich für den Hinweis! __________________

13.04.2011, 14:26
Sniper_Kotaro Erfahrener Benutzer Registriert seit: 04.03.2009 Beiträge: 303 PHP-Kenntnisse: Anfänger	So, ich habe das Problem jetzt gelöst. Der Code war etwas umständlich gebaut, deswegen ging das mit der Variablen-initialisierung nicht so ganz. Aber jetzt läuft es und ich werde mir mal anschauen, wie es weitergeht Vielen Dank für eure Hilfe!!! __________________