[JS] Daten aus PopUp in Textfeld einfügen

Stefan · 10.04.2007, 13:16

Hallo

Ich hoffe, ihr könnt mir helfen. Wie ihr wisst, kann ich praktisch kein Javascript, möchte jedoch folgendes Vorhaben verwirklichen:

Ich habe ein normales Textfeld (keine textarea, normales input) auf der Hauptseite. Nun möchte ich, dass man mit einem Klick auf einen Link ein PopUp geöffnet wird.

Das ist soweit kein Problem. Nun werden in diesem Popup verschiedene Namen ausgegeben. Nun soll beim Klick auf den Namen das Popup geschlossen und in das Textfeld eingefügt werden.

Könnt ihr mir irgendwie helfen? Ich hab schon n wenig gegoogelt, aber ich wüsste keinen sinnvollen Suchbegriff ... danke schon im vorraus

Gruß Stefan

EDIT: Ich seh' grad, gibt ja sogar ne Javascript-Rubrik ... ich werd wohl schon alt

webcreate · 10.04.2007, 15:35

main.html

HTML-Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Ausfüllhilfe</title>
<script type="text/javascript">
<!--
var fenster;
function InfoWin(){
    var eigenschaften="left=0,top=0,width=200,height=100,menubar=no,toolbar=no,scrollbars=no";
    fenster=window.open('pop.html','',eigenschaften);
    fenster.focus();
}
function transfer(inhalt){
    document.form1.textfeld.value += inhalt;
    fenster.close();
}
//-->
</script>
</head>
<body>
<form name="form1" id ="form1" method="post" action="">
<textarea name="textfeld" id="textfeld" rows="10" cols="100"></textarea><br />
<button name="btn" id="btn" value="Ausfüllhilfe" onclick="InfoWin()">Ausfüllhilfe</button>
</form>
</body>
</html>

pop.html

HTML-Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
</head>
<body>
<a href="#" onclick="opener.transfer('Name1')">Name1</a><br />
<a href="#" onclick="opener.transfer('Name2')">Name2</a><br />
<a href="#" onclick="opener.transfer('Name3')">Name3</a><br />
<a href="#" onclick="opener.transfer('Name4')">Name4</a>
</body>
</html>

Sollte laufen.

Stefan · 10.04.2007, 17:24

Hey cool funktioniert wunderbar! Bist 'n Schatz!

- Vielen Dank!