Textbox
Pascal
- html
0 Carl0 Eidgenosse0 AB
Hallo
Ich habe eine Frage: Ich habe bei meiner Homepage verschiedene Rezepte. Auf der Seite hat es ein Link und dann geht ein kleines Fenster auf mit dem Rezept.
Nun möchte ich aber dass wenn man auf den Link klickt auf der selben Seite unten an den Links eine Textbox ist, wo das Rezept erscheint.
Weiss einer wie das geht?
Danke viel mal für eine Hilfe!!!!
Pascal
Hi
du könntest das mit php lösen, indem du für das Rezept eine variable definierst und dann diese Variable als Text innerhalb des textfelds ausgibst.
Gruss
Carl
Hallo Pascal,
nutze iframes.
Gruß
Eidgenosse
Das geht auch mit JavaScript. Allerdings müssen dann
alle Rezepte in Variablen rein. Schon mal schlecht, je
nach dem wie viele das sein sollen, brauchen besonders
Modembenutzer was länger zum laden der Seite. Egal,
ich schreib trotzdem mal ein Beispiel.
Ähm... soll es wirklich ein Textfeld sein oder
soll der text da so stehen?
[1]
<body>
<a onclick="insertText('lebkuchen')">Lebkuchen</a>
<a onclick="insertText('brot')">Brot</a>
<textarea id="textfeld" rows="7" cols="70"></textarea>
</body>
<script type="text/javasript">
var brot="man braucht Eier, Mehl, Wasser, Zucker...";
var lebkuchen="man braucht Wasser, Zucker, Mehl...";
function insertText(wasfuertext)
{
if(wasfuertext=="brot")
{document.textfeld.innerHTML=brot;}
if(wasfuertext=="lebkuchen")
{document.textfeld.innerHTML=lebkuchen;}
}
</script>
So.
Jetzt noch was dazu.
Schlecht am Textfeld ist, dass es bereits zum Anfang
sichtbar ist und _leer_ ist. Deshalb empfehle ich statt
des <textarea> - Tags einen <p> oder <span> Tag.
Der fällt nicht auf, solange er leer ist und man kann
den text hinteher auch noch schön mit CSS 'stylen'.
Das sieht dan so aus:
<span id="textfeld"></span>
Der Rest bleibt gleich.
Noch was wichtiges!
Innerhalb der Anführungszeichen von
var brot=""; usw
Kann der Text auch in HTML formatiert werden.
ABER dann müßen alle Anführungszeichen (mittendrin)
entweder durch " ersetzt werden oder per \
"auskommentiert" werden.
Dh:
brot="ich "finde" das toll";
geht natürlich nicht, was geht, wäre.
brot="ich "finde" das toll";
brot="ich "finde" das toll";