Textfeld in Link einbinden

Ch12051991

hallo,
ich möchte in meiner homepage ein textfeld einbinden, in dass man etwas eingibt, und wenn man dann auf den button klickt öffnet sich ein fenster mit einem immer gleichen link, an den der inhalt der textbox angehängt wird.
weiß jemand wie das geht ?

driver

*grübel*

ich denke das müsste mit javascript gehen... deshalb verschieb ichs mal...
also window.open und dann den inhalt des input-feldes auslesen..

ch12051991

kannst mir dafür mal den code geben

BendOr

ich probier mich mal:

Code

<script type="javascript"> 
function open_me () {
var x = document.FORMNAME.TEXTAREANAME.value;
var adresse = "meinpopup.php?txt=" + x;
Fenster1 = window.open(adresse, "Popup", "width=470,height=640,left=600,top=200"); 
Fenster1.focus(); 
} 
</script>

so, ich hab leider keine ahnung, wie man das anders übergeben könnte als per get
das get kannst du nun entweder mit php oder mit js weiterverarbeiten

Ch12051991

ich stelle mir days so vor: eine immer gleiche adresse : http://www.test.de/test
an diese wird der inhalt der textbox angehängt (und noch .jpg angehängt) => http://www.test.de/test/Textbox.jpg
kann mir jemand den kompletten code dafür geben

Christopher

im Header:

Code

<script type="javascript">
function open_me () {
var text = document.DasFormular.textfeld.value;
var adresse = "http://www.test.de/test/" + text + ".jpg";
Fenster1 = window.open(adresse, "Popup", "width=470,height=640,left=600,top=200");
Fenster1.focus();
}
</script>

im Body:

Code

<form name="DasFormular" method="get" action="http://www.test.de/test" onsubmit="open_me(); return false">
<textarea name="textfeld" rows="10" cols="50"></textarea>
<input type="submit" name="SubmitButton1" value="Absenden">
</form>

Evtl. musst du bei action auch nur die aktuelle Seite oder "#" angeben.

Ch12051991

erstmal danke, aber bei dem code gibts ein problem. der server verweigert, das bild anzuzeigen. wenn ich aber ganz normal in der adresszeiledie adresse eingebe erscheint das bild. gibt es eine möglichkeit, dass nur der inhalt der textbox in der adresszeile steht und nicht diese zeichenfolge :?textfeld=Textfeld&SubmitButton1=Absenden

BendOr

sollte eigentlich, mal im firefox in die fehlerconsole geschaut ?
sieht ganz nach einem fehler im javascript aus !

normalerweise sollte das nicht in der url stehen, das steht nun nur da, weil er den link beuscht, was er aber ja eig nicht machen soll

wenns i.o. ist das js, dann machs so:

Code

<form name="DasFormular" method="get" action="http://www.test.de/test"> 
<textarea name="textfeld" rows="10" cols="50"></textarea> 
<input type="submit" name="SubmitButton1" value="Absenden" onclick="open_me(); return false;"> 
</form>

Ch12051991

das problem besteht weiterhin. ich erkläre mal mein projekt ein bisschen, um vllt besser auf die lösung zu kommen. es gibt eine online-community namens team-ulm, wo viele leute angemeldet sind. da hat jeder angemeldete ein profil mit profilbild. nun will ich nicht aufs profil gehen, sondern direkt das profilbild anzeigen. das geht, indem man in die adresszeile http://www.team-ulm.de/profil/bilder/ und dann die ID des benutzers anhängt, z.b. http://www.team-ulm.de/profil/bilder/12345

das ist nun mein code:

HTML

<!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=iso-8859-1" />
<title>Unbenanntes Dokument</title>
<script type="javascript">
function open_me () {
var text = document.Formular.Text.value;
var adresse = "http://www.team-ulm.de/profil/bilder/" + text + ".jpg";
Fenster1 = window.open(adresse, "Popup", "width=470,height=640,left=600,top=200");
Fenster1.focus();
}
</script> 
</head>


<body>
<form name="DasFormular" method="get" action="http://www.team-ulm.de/profil/bilder/">
  <input name="textfeld" type="text" value="" size="10" />
<input type="submit" name="SubmitButton1" value="Absenden" onclick="open_me(); return false;">
</form>


</body>
</html>

Alles anzeigen

BendOr

du musst uach nicht den namen ersetzen, du versucst ein feld anzusprechen, das gar nicht da ist !

HTML

<!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=iso-8859-1" /> 
<title>Unbenanntes Dokument</title> 
<script type="javascript"> 
function open_me () { 
var text = document.Formular.textfeld.value; 
var adresse = "http://www.team-ulm.de/profil/bilder/" + text + ".jpg"; 
Fenster1 = window.open(adresse, "Popup", "width=470,height=640,left=600,top=200"); 
Fenster1.focus(); 
} 
</script> 
</head> 


<body> 
<form name="Formular" method="get" action="http://www.team-ulm.de/profil/bilder/"> 
  <input name="textfeld" type="text" value="" size="10" /> 
<input type="submit" name="SubmitButton1" value="Absenden" onclick="open_me(); return false;"> 
</form> 


</body>

Alles anzeigen

so sollte es gehn, mfg

Ch12051991

du musst es mal selber ausprobieren. es geht immer noch nicht

BendOr

bitteschön, erfolgreich getestet:

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> 
<title>Unbenanntes Dokument</title> 
<script language="javascript"> 
function open_me () { 
var text = document.Formular.textfeld.value; 
var adresse = "http://www.team-ulm.de/profil/bilder/" + text + ".jpg"; 
Fenster1 = window.open(adresse, "Popup", "width=470,height=640,left=600,top=200"); 
Fenster1.focus(); 
} 
</script> 
</head> 
<body> 
<form name="Formular" method="get" action="http://www.team-ulm.de/profil/bilder/"> 
  <input name="textfeld" type="text" value="" size="10" /> 
<input type="submit" name="SubmitButton1" value="Absenden" onclick="open_me(); return false;"> 
</form> 
</body>

Alles anzeigen

es heisst language="javascript" und ich hab mal den verweis in deinem doc-type rausgenommen

ch12051991

juhuu es geht....
ich danke allen die hier mitgeholfen haben ganz herzlich

ch12051991

ich hätte nochmal eine zusätzliche frage:
wie ist es möglich den Anzeigen-Button durch ein bild (bild.jpg) zu ersetzen ?
ich habe schon in allen möglichen html/java tutorials nachgesehen, aber nichts hat funktioniert

Textfeld in Link einbinden

Tags

Benutzer online in diesem Thema