Bei Klick Linktext in Eingabefeld übernehmen
Snoot
- javascript
Hi,
kann mir jemand verraten, wie ich beim Klick auf einen Link, den Linktext in ein Eingabefeld übertragen kann?
Ich bin soweit, dass ich bei *einem* Link einen vorgegebenen Wert einfügen kann:
<html>
<head>
<script type="text/javascript">
function insert()
{
document.getElementById('eingabe').value = 'wert';
}
</script>
</head>
<body>
<input type="text" id="eingabe" value="">
<br>
<a href="#" onClick="insert()">Text</a>
</body>
</html>
Das ganze brauche ich aber für mehrere Links. Den Linktext "Text" bekomme ich aus einer Datenbank und könnte ihn dann bspw. bei jedem Link dynamisch als id einfügen <a id="Text aus DB" ...>Text aus DB</a>
. Aber wie bekomme ich diese id dann in das Eingabefeld?
<html>
<head>
<script type="text/javascript">
function insert()
{
document.getElementById('eingabe').value = .. id ..?;
}
</script>
</head>
<body>
<input type="text" id="eingabe" value="">
<br>
<a id="wert 1" href="#" onClick="insert()">Text 1</a>
<br>
<a id="wert 2" href="#" onClick="insert()">Text 2</a>
</body>
</html>
Beim ersten Link soll also "wert 1" und beim zweiten Link "wert 2" eingefügt werden.
Okay,
nach zig Stunden Rumprobieren schaff ich's natürlich 2 Sekunden nachdem ich irgendwo nachgefragt habe :D
<html>
<head>
<script type="text/javascript">
function insert(id)
{
document.getElementById('eingabe').value = id;
}
</script>
</head>
<body>
<input type="text" id="eingabe" value="">
<br>
<a id="irgendwas" href="#" onClick="insert(id)">Text</a>
<a id="irgendwas anderes" href="#" onClick="insert(id)">Text 2</a>
</body>
</html>
nach zig Stunden Rumprobieren schaff ich's natürlich 2 Sekunden nachdem ich irgendwo nachgefragt habe :D
<input type="text" id="eingabe" value="">
<br>
<a id="irgendwas" href="#" onClick="insert(id)">Text</a>
<a id="irgendwas anderes" href="#" onClick="insert(id)">Text 2</a>
Das kann schief laufen, je nachdem wie der Text geartet ist, welchen du als einen gültigen identifiaktor verwenden willst.
Für deine Zwecke wäre es sicherer wenn du den Inhalt des Links mit this.innerHtml übergeben würdest.
mfg Beat
Für deine Zwecke wäre es sicherer wenn du den Inhalt des Links mit this.innerHtml übergeben würdest.
mfg Beat
Okay, muss ich nur noch rausfinden, wohin damit :)
Für deine Zwecke wäre es sicherer wenn du den Inhalt des Links mit this.innerHtml übergeben würdest.
Okay, muss ich nur noch rausfinden, wohin damit :)
Wie Beat vorschlägt: In das Element selbst!
<a onclick="insert(this.http://de.selfhtml.org/javascript/objekte/all.htm#inner_html@title=innerHTML)">Einzufügender Text</a>
Mathias