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

質問

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

回答No.1

Dumper · ベストアンサー

<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/MOVCSTD12224/story.html
の様に決まっている場合でURLの.htmlの前のstoryだけをテキストボックスに入力するだけで上記のhttp://movie.goo.ne.jp/contents/movies/MOVCSTD12224/story.htmlに移動するにはどうしたらいいのでしょうか。ただしstoryの部分はソースコードに入力しないとした場合。リンクをしないページに移動する場合に上記のstoryの部分を擬似パスワードにしたいからです。宜しくお願いします。

回答No.2

Dumper

<form>
<input name="url" type="text" value=""><br>
<input type="button" value="開く" onclick="window.open('http://movie.goo.ne.jp/contents/movies/MOVCSTD12224/' + 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/MOVCSTD12224/' + form.url.value + '.html','freelink');
}
</script>
<form>
<input name="url" type="text" value=""><br>
<input type="button" value="開く" onclick="newpage(this.form)">
</form>

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

お礼

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