ページ単体でのリンク先生成方法

質問

たとえば、以下のように複数のページが存在した場合、

http://xxxxx.**/00001/index.html
http://xxxxx.**/00002/index.html
http://xxxxx.**/00003/index.html
http://xxxxx.**/00004/index.html
・
・
・

フォームに"00002"と入力して送信ボタンを押すと
http://xxxxx.**/00002/index.html
のページにジャンプする。
"00004"と入力して送信ボタンを押すと
http://xxxxx.**/00004/index.html
のページにジャンプする。

といった仕組みをCGIを絡めないで作ることは可能でしょうか。
javascriptやformタグなど、htmlファイル単体で出来る方法があれば教えていただきたいです。

「無理」という回答でも結構です。

宜しくお願いします。

回答No.1

LancerVII · ベストアンサー

こんにちは。

フォームとして以下のフォームを用意します。

<form name="urlLink">
<input type="text" name="urlVal">
<input type="button" value="移動" onClick="jump();">
</form>

JavaScriptを用意します

<script type="text/javascript">
<!--

function jump () {
var linkUrl = document.urlLink.urlVal.value;
if ( linkUrl != "" ) {
location.href = "./" + linkUrl + "/index.html";
}
}
//-->
</script>

こんな感じでいけると思います。

お礼

完璧です。ありがとう御座います。
理想どおりのページが作れました。
助かりました。

回答No.2

steel_gray

可能か不可能かでいえば、Javascriptを使用すれば可能です。

具体的にどんなJavascriptを書けばいいのかは、もう少し要件が具体的になっていないと例示しづらいです。

完全に質問内容の通りなのか、実はもう少し複雑な要件なのかそのへんのフォローがあれば誰かがサンプルを例示してくれると思います。

入力されるべきコードは本当に５桁の数字なのか？
コードの範囲は決まっているのか？
ジャンプ先のURLは５桁の数字以外全て同じなのか・・・等々。
なるべく具体的に挙げておくと例示されたサンプルそのまま使える可能性が高くなります。

お礼

言葉足らずですみません。
"No1"さんに提示していただいた、Javascriptで可能でした。
ありがとうございます。