✔ Bei klick ins Formular Meldung austauschen

I

Identität

Erfahrenes Mitglied
Hi,

leider kann ich gar kein Javascript, sondern nur PHP, damit lässt sich mein Problem jedoch nicht lösen. Ich habe ein Formular erstellt, welches recht komplex ist. Rechts ist noch ein bisschen Platz. Dort soll dann ein Text erscheinen, sobald man in ein Formular Feld geklickt hat. Also ein Beispiel:

Man klickt in das Feld "Name", dann erscheint der Text "Es wird nur der Nachname benötigt." bei Feld "Alter" kommt dann: "Sie müssen mindestens 18 Jahre alt sein."

Ich vermute das man einfach eine Javascript Variable setzt und diese immer überschreibt, da der Text immer an der selben Position steht. Leider habe ich überhaupt keine Ahnung, wie man das angeklickte Feld überprüft. Über Google finde ich auch nicht viel, meistens nur Tooltips die über dem Formular liegen, das möchte ich aber nicht.

Danke für eure Hilfe, jeder Tipp hilft mir!
 
Hi,
würde dir gerne nen Code dafür an den Kopf werfen, aber habe nicht allzuviel Zeit gerade.
Aber ich würde es versuchen bei JavaScript mit dem Eventhandler "onFocus" zu versuchen. Und dann rufst du mit dem onFocus eine Funktion auf, die an der Stelle, wo der Text stehen soll die Beschreibung angibt.
Die Beschreibungen stehen alle in div-Tags, die ausgeblendet sind.
Dies würde ich machen, indem du beim aufrufen der funktion einen Parameter übergibst und je nach Parameter wird dann der jeweilige div-Block ein geblendet, oder beim verlassen ausgeblendet.
Wenn das Problem morgen noch besteht, dann würde ich mich da vielleicht dransetzen.
Hoffe ich konnte dir wenigstens einen Ansatz geben.

Gruß Jennesta
 
Hallo Jennesta,

erstmal danke für deine Hilfe. Das hört sich sinnvoll an. onfocus kenne ich und das mit den divs ist auch kein Problem. Aber das mit dem Parameter verstehe ich nicht ganz.

Also meine Theorie wäre jetzt:

IF Focus auf Feld 1 <div>Hallo Tutorials.de!</div>

Nur ich habe keine Ahnung wie ich herausfinde, welches Feld geklickt wurde.
 
Ich setze mich mal dran und versuche das zu erarbeiten :D

//edit

ok es ging schneller als ich dachte :D

Code: 
<html>
	<head>
		<title>Test</title>
		<script type="text/javascript">
			function changeDiv(div) {
				document.getElementById(div).style.display = "block";
			}
			function changeDiv2(div) {
				document.getElementById(div).style.display = "none";
			}
		</script>
	</head>
	<body>
		<form name="form">
			Name:<input name="name" onFocus="javascript:changeDiv('eins')" onBlur="javascript:changeDiv2('eins')" /><br />
			Bla: <input name="bla"  onFocus="javascript:changeDiv('zwei')" onBlur="javascript:changeDiv2('zwei')"  /><br />
			<p></p>
			Div:<br />
			<div id="eins" style="display:none;">Name</div>
			<div id="zwei" style="display:none;">Bla</div>
		</form>
	</body>
</html>
 
Das funktioniert perfekt. Alleine hätte ich es nicht hinbekommen, wie kann ich dir bloß danken?

Deinen Beitrag habe ich schon bewertet :-)

Ich habe nun auch verstanden wie das geht. ich glaube ich muss mir JavaScript mal aneignen. *freu*
 
Ja gerne hat auch net so lange gedauert, wie ich befürchtet hatte :D

Und ja ich kann dir empfehlen JavaScript zu lernen. Ich selbst habe nur grundlegendes Wissen und stelle selbst häufig fragen, aber naja ich finde es immer gut, wenn ich dann gelerntes anwenden kann, vorallem wenn man seine Pages einfach so dynamisch hat.
Das sieht vorallem auch gut aus, wenn alls t.
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück