Linkname in Textfeld einfügen

kingluui · 14. Oktober 2008, 12:30

Hallo liebe Leute,

ich habe ein Formular mit einem textfield "Name" und ein hiddenfield "id", darunter z.B. drei Links zum Auswählen:

config
images
sites

wenn ich nun auf einen der drei Links klicke, dann soll im Textfeld der Linkname erscheinen und im hiddenfield der ensprechende Wert z.B. 1, 2 od. 3,

wie kann ich das mit javascript realisieren?

MfG

kingluui

Torben Brodt · 14. Oktober 2008, 18:30

nutze die punktsyntax um auf attribute eines elements zuzugrifen. du brauchst elem.value und this.href

Quellcode

<a href="http://www.easy-coding.de" onclick="document.getElementById('id_fuer_das_element').value=this.href;return false";>easy-coding.de</a>
<input id="id_fuer_das_element" type="text" value="" />

kingluui · 14. Oktober 2008, 19:30

Ah supi, danke

gedacht hatte ich das dann doch so:

Quellcode

<a href="#" onclick="document.getElementById('1').value='easy-coding 1';return false";>easy-coding 1</a>
<a href="#" onclick="document.getElementById('1').value='easy-coding 2';return false";>easy-coding 2</a>
<a href="#" onclick="document.getElementById('1').value='easy-coding 3';return false";>easy-coding 3</a>
<input id="1" type="text" value="" />

Aber das konnte ich mir ja dann aus Deinem Beispiel zusammen reimen. Also einfach den Text ins Textfeld überführen, fertig. Die IDs brauche ich garnicht.

Wieviele Programmzeilen habe ich eigentlich schon mit Deiner Unterstützung gecodet, ich weiss es nicht ! ! !

MfG

kingluui

Torben Brodt · 14. Oktober 2008, 20:13

kein problem

zahlen als id sind aber nicht erlaubt

validator.w3.org
..und natürlich würde ich dir dennoch die auslagerung in eine extra funktion empfehlen

kingluui · 18. Oktober 2008, 14:35

Ok, das mit den Zahlen habe ich geändert, wie würde es aussehen, wenn ich folgendes in ein popupfenster packe:

Quellcode

<a href="#" onclick="document.getElementById('linkfield').value='easy-coding 1';return false";>easy-coding 1</a>
<a href="#" onclick="document.getElementById('linkfield').value='easy-coding 2';return false";>easy-coding 2</a>
<a href="#" onclick="document.getElementById('linkfield').value='easy-coding 3';return false";>easy-coding 3</a>

und folgendes im Hauptfenster habe:

Quellcode

<p><a href="#" onclick="openBrWindow('ppopup.html','ppopup','width=400,height=400')">popup</a></p>
<form name="form1">
<input id="linkfield" name="linkfield" type="text" value="" />
</form>

wie bekomme ich die Ergebnisse ins inputfield im form1?

MfG

kingluui

Torben Brodt · 18. Oktober 2008, 17:34

ich bin gerade auf dem sprung, aber teste es mal mit window.parent.document.getElementById(...)...

kingluui · 19. Oktober 2008, 14:38

Nein, geht leider nicht, ich schätze ich müsste nicht mit getElementById sondern auf die Elemente im form Tag zugreifen, oder. Ich weiss nur leider nicht wie ich das coden muss.

MfG

kingluui

Torben Brodt · 19. Oktober 2008, 14:50

dann war es nicht window.parent sondern window.opener

popup:

Quellcode

<html>
<head>
<script type="text/javascript">
function grab() {
alert(window.opener.document.getElementById('grabme').innerHTML);
return false;
}
</script>
</head>
<body>
<a href="#" onclick="return grab()">grab</a>
</body>
</html>

Alles anzeigen

Quellcode

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<title>Popup-Fenster mit JavaScript</title>
<script type="text/javascript">
function popup (url) {
fenster = window.open(url, "Popupfenster", "width=400,height=300,resizable=yes");
fenster.focus();
return false;
}
</script>
</head>
<body text="#0000C0" bgcolor="#FFFFE0">
<p><a href="popup.html" target="_blank" onclick="return popup(this.href);">Fenster anzeigen</a></p>
<p><a href="../faq.htm#verweise_in_neuem_fenster">zurück</a></p>
<div id="grabme">grabbed!</div>
</body>
</html>

Alles anzeigen

kingluui · 19. Oktober 2008, 15:08

Perfekt ! ! !

Danke Dir und einen schönen Sonntag noch!

MfG

kingluui

Linkname in Textfeld einfügen

Linkname in Textfeld einfügen

Quellcode

Quellcode

Quellcode

Quellcode

Quellcode

Quellcode

Teilen

Tags