• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Frage jquery funktioniert aber am falschen ort

Baxterstockman

Neues Mitglied
Hi, ich hab mal ne FRage ich bin neu un versuche mich gerade an jquery

Ich habe folgenden Code und der funktioniert auch (Bei Textaenderung wird automatisch der neue text angezeigt)

Problem ist allerdings der neue text wird direkt neben dem input angezeigt. Was wenn ich den aber drunter oder wo ganz anders haben will. Weiss jemand wie das funktioniert?


<html>
<head>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
</head>

<body>
<div>
<p></p>
<input id="namefield" value="Name" onfocus="if(value=='Name') value = ''"/>
<span></span>
</div>
<p></p>
<!--namefield-->
<script>$(function() {
$('#namefield').bind('input', function() {
$(this).next().stop(true, true).fadeIn(0).html($(this).val());
});
});
</script>
</body>
</html>

Danke im Voraus!
 
Soweit ich das sehe wird der Text aus dem Feld in das <span> eingetragen? Wenn Du das anders positionieren willst verwende CSS, z.B.
Code:
span { display: block; }
 
Problem ist allerdings der neue text wird direkt neben dem input angezeigt. Was wenn ich den aber drunter oder wo ganz anders haben will.

Das erfordert Grundkenntnisse über das DOM und wie man sich über die Nodes bewegt. $(this).next() besagt, dass etwas im Anschluss an das aktuelle Objekt passieren soll. Wenn du das HTMl-Element woanders einfügen willst, musst du zur entsprechenden Stelle traversieren und Methoden wie append() oder appendTo() verwenden.
 
Zurück
Oben