• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Textboxen und Hyperlink ich verzweifel!!!

Status
Für weitere Antworten geschlossen.
M

maxreiter

Neues Mitglied
Hallo,

zu allererst möcht ich mich erst mal Vorstellen...

Also da bin ich :lol:
beschäftige mich noch nicht so lange mit html..
Ich bin 29 Jahre alt. Und mein Hobby ist einfach der Computer

Jetzt zu meinem Problem:

Ich habe mit Frontpage eine htm Seite erstellt, und darin 2 Textfelder eingebaut.

Unter den 2 Textfeldern hab ich eine Schaltfläche eingefügt.

Jetzt möcht ich erreichen, daß wenn ich auf die Schaltfläche klicke, ein hyperlink aufgemacht wird. Und zwar mit den Inhalten der Textbox1 und Textbox2...

Beispiel:

Ich schreibe in Textbox1 google

in Textbox2 de

dann klick ich auf die Schaltfläche

und er soll mir im Browser danach www.google.de aufmachen..

Eigentlich doch ganz simpel gell ??? :-)

Ich bin aber zu blöd dazu... such mich zu tode


grüße

max
 
Also was für'n Button?
Ein <form>-Button oder ein einfacher Link?

Das geht mit verschiedenen Varianten:
-Normales HTML
-PHP
-JavaScript
-sogar Flash ;)

-------------
Nur das mit dem Textfeld machte mir sorgen.
Meinst du die <textarea>-Tags?
-------------

Die HTML-Variante:
HTML: 
<a href="http://www.google.de" target="_blank">Google.de</a>
Da macht es Google.de im neuen Fenster auf.
target bestimmt das Ziel

Wenn du <form>Tag's benutzt hast, dann so etwa:
HTML: 
<form action="www.google.de" target="_blank">
 <input type="button" value="Google.de" />
</form>
So wird es per Button übernommen.

-Variante mit PHP:
PHP: 
<?php
$link = "http://www.google.de";

echo'<form action="'.$link.'" target="_blank">';
echo' <input type="button" value="Google.de" />';
echo'</form>';
?>
ISt natürlich basierend, dieser Code.
Denn muss man erweitern ;)
Aber ich erweitere mal nicht, da ich nicht genau weiss, wegen dem Textfeld oder so.. ;)

-Vairante JS:
Kein Plan, sorry ;)
Hab keine Idee momentan, aber man kann es ermöglichen.

-Variante Flash:
Code: 
on(press) {
getURL("www.google.de", "_blank");
}
Hab mal so alles als Ansätze geschrieben (ausser JS).
wenn du mal genauer erklären könntest, oder deinen Quellcode zeigen könntest, würde ich dir mehr beartung anbieten können. ;)


Mfg, matibaski
 
Ungefähr sowas?

HTML: 
<script>
function create_link() {
  part1 = document.getElementById("part1").value;
  part2 = document.getElementById("part2").value;

  document.getElementById("text").value = part1 + part2;
}
</script>
<input type="text" id="part1">
<input type="text" id="part2">

<a href="#" onclick="create_link()">Link erstellen</a>

<input type="text" style="border:0px;" id="text" readonly>
 
Wow geil, wie schnell man hier Antworten bekommt :-)

sehr geil

also mein quelltext sieht momentan so aus

Code: 
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Neue Seite 1</title>
</head>
<body>
<form method="POST" action="--WEBBOT-SELF--">
 <!--webbot bot="SaveResults" U-File="fpweb:///_private/form_results.csv" S-Format="TEXT/CSV" S-Label-Fields="TRUE" -->
 <p><input type="text" name="T1" size="20"></p>
</form>
<form method="POST" action="--WEBBOT-SELF--">
 <!--webbot bot="SaveResults" U-File="fpweb:///_private/form_results.csv" S-Format="TEXT/CSV" S-Label-Fields="TRUE" -->
 <p><input type="text" name="T2" size="20"></p>
</form>
<form method="POST" action="--WEBBOT-SELF--">
 <!--webbot bot="SaveResults" U-File="fpweb:///_private/form_results.csv" S-Format="TEXT/CSV" S-Label-Fields="TRUE" -->
 <p><input type="submit" value="Absenden" name="B5"></p>
</form>
</body>
</html>

Also ich hab 2 Textboxen übereinander

Darunter eine Schaltfläche

Und Ziel ist es das ich in einer textbox z.B google eingebe und in der anderen textbox z.b de.... anschließend wenn ich auf den Button klicke, soll er mir eine Website mit www.google.de aufmachen.

Ein anderer User tippt z.B in der oberen textbox adac ein und in der unteren textbox de ... anschließend auf den Button.... und er soll mir www.adac.de aufmachen.

Ich such also ne Lösung wie ich einen Hyperlink aus den Inhalten von 2 Textboxen erstellen kann...

Aber ich seh schon... hier bin ich im richtigen Forum :-)
 
Das Problem wurde schon erkannt, aber den Rest hättest
dir auch selbst zusammenreimen können.

HTML: 
<script>
function create_link() {
  part1 = document.getElementById("part1").value;
  part2 = document.getElementById("part2").value;

  document.getElementById("link").href = part1 + part2;
  document.getElementById("link").innerHTML = part1 + part2;
}
</script>
<input type="text" id="part1">
<input type="text" id="part2">

<a href="#" onclick="create_link()">Link erstellen</a>
<a id="link" target="_blank" href="#"></a>
 
Hallo prostel

bei deinem script bekomm ich die Fehlermeldung "das objekt unterstützt diese eigenschaft oder methode nicht"

zeile 12 zeichen 3 ?????

Code: 
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Neue Seite 2</title>
</head>
<body>
<script>
function create_link() {
  part1 = document.getElementById("part1").value;
  part2 = document.getElementById("part2").value;
  document.getElementById("link").href = part1 + part2;
  document.getElementById("link").innerHTML = part1 + part2;
}
</script>
<input type="text" id="part1">
<input type="text" id="part2">
<a href="#" onclick="create_link()">Link erstellen</a>
<a id="link" target="_blank" href="#"></a>
</body>
</html>

Danke für Deine hilfe
 
So, getestet im IE 6.xxxx und FF 2.0.0.3. Klappt wunderbar

HTML: 
<script type="text/javascript" language="JavaScript">
function create_link() {
  part_1 = document.getElementById("part1").value;
  part_2 = document.getElementById("part2").value;

  document.getElementById("link").href = part_1 + part_2;
  document.getElementById("link").innerHTML = part_1 + part_2;
}
</script>
<input type="text" id="part1">
<input type="text" id="part2">

<a href="#" onclick="create_link()">Link erstellen</a>
<a id="link" target="_blank" href="#"></a>
 
Also erst mal Danke für Deine Geduld

Aber ich bin zu blöd dazu

das ist mein quelltext meiner htm seite

Code: 
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Neue Seite 1</title>
</head>
<body>
<script type="text/javascript" language="JavaScript">
function create_link() {
  part_1 = document.getElementById("part1").value;
  part_2 = document.getElementById("part2").value;
  document.getElementById("link").href = part_1 + part_2;
  document.getElementById("link").innerHTML = part_1 + part_2;
}
</script>
<input type="text" id="part1">
<input type="text" id="part2">
<a href="#" onclick="create_link()">Link erstellen</a>
<a id="link" target="_blank" href="#"></a>
</body>
</html>

wenn ich die Seite im IE6 aufruf kann ich in beiden feldern meine Daten eingeben.

Danach klicke ich auf link erstellen. Dann schreibt er mir die inhalte der beiden textboxen hinter link erstellen.

dieser link läßt sich aber dann nicht öffnen

eigentlich soll er ja gar nicht hinter link erstellen das zusammengeschriebene anzeigen sondern in einem extra fenster den link aufmachen..

hilfe
danke
 
ups sorry ich hatte http:// vergessen

jetzt funktioniert es... sehr geil Danke danke

Jetzt hab ich nur noch das Problem, daß ich den erstellten link nicht nochmals erneut anklicken möchte, sondern das er sofort aufgerufen wird..

Hast da evtl auch noch eine idee?

Wow geil ich hab ein GRINSEN im Gesicht fett fett fett

Nochmals danke
 
Ahso, da hatte ich wohl mal wieder nicht genau gelesen :>

Wenn du den Link im selben Fenster öffnen willst ersetze einfach: document.getElementById("link").href = part_1 + part_2; document.getElementById("link").innerHTML = part_1 + part_2;

durch
document.location.href = part_1 + part_2;

Willst du ein neues Fenster öffnen google mal ein wenig
nach window.open

Grüße prostel
 
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben