テキストボックスに任意のURLを入力で移動するには。

ホームページ上に１つのテキストボックスと１つのボタンを設置して、そのテキストボックスに任意のURLを入力してボタンを押すと新しいウィンドウが開いて、その任意のURLに移動するには、どうしたらいいのでしょうか。宜しくお願いします。

No.1 ベストアンサー 回答者： Dumper 回答日時： 2008/03/11 01:32

<form>

<input name="url" type="text" value="http://" style=" width:400px; "><br>
<input type="button" value="開く" onclick="window.open(this.form.url.value,'freelink')">
</form>
単純に書けばこのような感じでしょうね。
あとはURLの形式チェックを行うのか？など
もっとこうしたい という希望部分があれば、それを書けばきっとレスが入ります。

この回答への補足

ありがとうございました。移動できました。
上記の応用で移動先が例えばhttp://movie.goo.ne.jp/contents/movies/MOVCSTD12 …
の様に決まっている場合でURLの.htmlの前のstoryだけをテキストボックスに入力するだけで上記のhttp://movie.goo.ne.jp/contents/movies/MOVCSTD12 …に移動するにはどうしたらいいのでしょうか。ただしstoryの部分はソースコードに入力しないとした場合。リンクをしないページに移動する場合に上記のstoryの部分を擬似パスワードにしたいからです。宜しくお願いします。

補足日時：2008/03/11 22:09

No.2 回答者： Dumper 回答日時： 2008/03/11 23:54

<form>

<input name="url" type="text" value=""><br>
<input type="button" value="開く" onclick="window.open('http://movie.goo.ne.jp/contents/movies/MOVCSTD12 … + this.form.url.value + '.html','freelink')">
</form>
こんな感じです。
javascriptの所に前部分と後部分を先に書き込んでしまって置きます。
ファイル名の部分だけをテキストボックスから貰ってウィンドウを開きます。


長くなりますからスクリプト部分を別にしても良いかもしれませんね。
<script type="text/javascript">
function newpage(form){
if(form.url.value != '') window.open('http://movie.goo.ne.jp/contents/movies/MOVCSTD12 … + form.url.value + '.html','freelink');
}
</script>
<form>
<input name="url" type="text" value=""><br>
<input type="button" value="開く" onclick="newpage(this.form)">
</form>

ここでコピーする時にURIが含まれる場合は、余計な空白文字が入りますので気をつけてください。

この回答へのお礼

ありがとうございました。

お礼日時：2008/03/16 10:34