携帯サイトのプルダウンメニューでアンカーへリンク

2023/07/31 05:27

このQ&Aのポイント

携帯サイトでアンカーポイントにリンクさせたい場合、javaが使えないためフリーのcgiを使用する方法があります。
プルダウンメニューでアンカーポイントにリンクさせるための具体的な方法を紹介します。
URLに含まれる特殊文字の扱いに注意しながら、正しくアンカーポイントへのリンクを設定することが重要です。

ベストアンサー

携帯サイトのプルダウンメニューでアンカーへリンク

2005/02/02 01:37

皆様、そうぞお力をかしてください。携帯サイト(仮にaaaa.html)でプルダウンメニューでaaaa.htmlの中のアンカーポイントにリンクさせたいのですが、携帯ですのでjavaが使えませんのでフリーのcgiを使い(jump.cgi)ました。aaaa.htmlに下記のようなフォームを入れてみました。 <FORM ACTION="jump.cgi"> <SELECT NAME="jumpto"> <OPTION VALUE="aaaa.html.html#a1">1</OPTION> </SELECT> <INPUT TYPE="submit" VALUE="移動"> </FORM> しかし「not　found」になってしまいます。このaaaa.html.html#a1の#a1をとるとちゃんと表示できるのですが…。 aaaa.html.html#a1のまま実行するとブラウザのURLの末尾がaaaa.htmll%23a1となっています。 http://allabout.co.jp/computer/hpcreate/closeup/CU20020331A/jump.cgi.txt のcgiを使わせていただきました。そして http://allabout.co.jp/computer/hpcreate/closeup/CU20020331A/index2.htm のページを参考にさせていただきました。解決方法のわかる方どうかアドバイスよろしくお願いいたします★

tomato_goo
お礼率12% (1/8)

HTML
回答数1
ありがとう数4

みんなの回答 （1）
専門家の回答

質問者が選んだベストアンサー

ベストアンサー

steel_gray
ベストアンサー率66% (1052/1578)

2005/02/02 09:29 回答No.1

AllAboutJapanにあるソレはかなり簡易版なので参考URLにある、「302.cgi」を使ってみてください。使い方はほぼ同じです。・form action= を302.cgiに変更。・SELECT NAME= を "uri"に変更。

参考URL：: http://www.ne.jp/asahi/minazuki/bakera/html/download

関連するQ&A

携帯サイトで他ページに飛ぶプルダウンメニューを作りたいです
携帯（3キャリア対応）でサイトを作っているのですが、プルダウンメニューを使って他のページにリンクしたいのですが、この場合はCGIを使うしかないのでしょうか？以下まで作ったのですが、参考になりそうなサイトはすべてCGIかJavaScriptでした。 <form> <select name="表示する月" size=1> <option value="200704.htm">2007年4月 <option value="200703.htm">2007年3月 <option value="200702.htm">2007年2月 <option value="200701.htm">2007年1月 </select> <input type=submit value="表示する"><br> </form>
- ベストアンサー
- HTML
携帯サイトでプルダウンメニューを作る方法
携帯サイトでプルダウンメニューでリンクしたいのですが作る方法がわかりません。あるサイトのタグ作成機でプルダウンメニューを作ったのですが <FORM ACTION="."> <SELECT> <OPTION>テスト１ <OPTION>テスト２ <OPTION>テスト３ </SELECT> </FORM> て出ました。この各メニューを押すとリンク先に飛ぶようにしたのですが <FORM ACTION="."> <SELECT> <OPTION value=http://www.yahoo.co.jp/>テスト１ <OPTION value=http://www.google.co.jp/>テスト２ <OPTION value=http://jp.msn.com/>テスト３ </SELECT> </FORM> としてみましたができませんでした。どこがおかしいのでしょうか？ところで<FORM ACTION=".">のACTION="."の部分は何かいれるのでしょうか？わかりません。詳しい方教えてくださるとありがたいですドコモやソフトバンクなど対応していない会社があるのでしょうか？
- ベストアンサー
- その他（スマートフォン・携帯・タブレット）
フレームを使ったプルダウンメニュー
フレームで「ヘッダー・左メニュー・右メインページ」というように３分割にし、左メニューに置いたプルダウンから項目を選ぶと右メインに表示される、という構造にしたいと思っています。 <HEAD>～</HEAD>内↓ <script language="JavaScript"> function jump(form) { var myindex=form.destination.selectedIndex window.open(form.destination.options[myindex].value, target="main"); } //--> </SCRIPT> プルダウン部分↓ <FORM NAME="form"> <SELECT NAME="destination"> <OPTION VALUE="a.html" SELECTED>あ</OPTION> <OPTION VALUE="k.html">か</OPTION> <OPTION VALUE="s.html">さ</OPTION> <OPTION VALUE="t.html">た</OPTION> <OPTION VALUE="n.html">な</OPTION> </SELECT> <INPUT TYPE="image" SRC="go.gif" onClick="jump(this.form)" BORDER="0"> </FORM> という様に記述した所、例えばプルダウンで「た」を選択した場合、右フレームにちゃんとt.htmlが表示されるのですが、左フレームのプルダウンの項目が「あ」に戻ってしまいます。「た」を選択した状態のまま残したいのですが。ちなみにボタンに画像を使わず、<INPUT TYPE="button" ・・・・>にするとなぜか「た」選択の状態でちゃんと残ります。でも、できれば画像を使いたいのです。うまいやり方をご存じの方は、教えていただけますか。おねがいします。
- ベストアンサー
- JavaScript
プルダウンメニューからインラインフーム内を操作する
表題のようなものをjavascriptとフォームを使って用意しましたが、IE6、IE7の環境で試験しましたが問題ありませんでした。ところが、これをFirefoxで動かすと、プルダウンで選択してもインラインフレームはまったく変化しませんでした。どちらでも動作するようにしたいのですがどのように改変すればよろしいでしょうか。初心者でとんでもない間違いをしているかもしれませんが、どうかご教授ください。現在以下のような記述になっていますインラインフレーム名：inpage  <script type="text/"> function jump(){ var url=document.form1.select1.options[form1.select1.selectedIndex].value; if (url!="") document.inpage.location.href = url; } </script>   <FORM NAME="form1"> <SELECT NAME="select1" onChange="jump()"> <option value="">選択してください <option value="AAAAA.html">AAAAA <option value="BBBBB.html">BBBBB <option value="CCCCC.html">CCCCC </SELECT> </FORM> 
- 締切済み
- JavaScript
プルダウン＆キーワードで
こんにちは。こんな検索窓を作りたいと思っています。 __________________________　　 _______________ |__________________________|▼　|_______________|　検索　　　　↑　　　　　　　　　　　　↑　　プルダウンで選択　　　　キーワードを入力プルダウンでカテゴリを選択し、その中から[A]を探したいというものです。例えば、このような記述 <FORM ACTION="jump.cgi"> <SELECT NAME="jumpto"> <OPTION VALUE="-" SELECTED>カテゴリを選択</OPTION> <OPTION VALUE="page1.html">Page1</OPTION> <OPTION VALUE="page2.html">Page2</OPTION> <OPTION VALUE="page3.html">Page3</OPTION> </SELECT> <INPUT TYPE="submit" VALUE="検索"> </FORM> ________________　 |________________|▼　検索のように、カテゴリのみになってしまいますよね。プルダウン＋キーワードで検索するにはどのような記述をしたら良いでしょうか？宜しくお願い致します！
- ベストアンサー
- CGI
プルダウンのリンクについて
javascriptで以前にもリンクについて質問させていただいたものです。 http://okwave.jp/qa4980697.html この質問で丁寧に回答いただいたのですが、私の知識(理解力)不足の為、自分の思ったような動作をしなかったため再度質問させていただきました。質問としては、「.html」拡張子のみをリンクとして別ウィンドウに表示したいということです。それ以外の拡張子はございません。自分で作成したソースを記載致しますので修正点等をご教授ください。何分初心者なので全く検討違いな構文になっているかと思いますが、ご容赦ください。 <script type="text/javascript"></script> <body> <title>test</title> <form name="form"> <select name="SEL1"> <option value="">-----------</option> <option value="aa">aa</option> <option value="bb">bb</option> </select> <select name="SEL2"> <option value="">-----------</option> <optgroup label="aa"> <option value="aa1">aa1</option> <option value="aa2">aa2</option> </optgroup> <optgroup label="bb"> <option value="bb1">bb1</option> <option value="bb2">bb2</option> </optgroup> </select> <select name="SEL3"> <option value="">-----------</option> <optgroup label="aa1"> <option value="aa3">aa3</option> <option value="xxx.xxx.html">リンク</option> </optgroup> </select> 　　　　　　　　　　　～省略～ <select name="SEL10"> <option value="">-----------</option> <optgroup label="xx"> <option value="xx1">xx1</option> <option value="yyy.yyy.html">リンク2</option> </optgroup> </select> <input type=button value="go" onClick="Jump()"> </form> としたのですが、エラーでライン：8(<html><body>があるため) 文字：14 エラー：'str'は宣言されていません。と表示されてしまいます。前回fujillin様に丁寧に解説していただき参考サイトまでご教授いただいたのですが、拡張子を特定して判別するという作業が理解できず再度質問させていただきました。どのようにfunction部分を構成すればリンクとして表示できるようになりますでしょうか？ご面倒なことで申し訳ないですが、よろしくご教授お願い致します。
- ベストアンサー
- JavaScript
プルダウンメニュー
　こんばんは。日時をプルダウンメニューで選択するのですが、月が変わると、内容も変わるようにしたいと思っています。JavaScriptで、出来ると聞いたのですが、やり方が解りません。このように書いてみたのですが、画面には何も表示されません。助けてください。 <SCRIPT LANGUAGE = "JavaScript"> <FORM NAME="form1" METHOD="post"> if (mm = 2){ document.write("<SELECT NAME="dd1" onChange="document.form1.dd.value=dd1.options[d d1.selectedIndex].value"> <OPTION VALUE="00"> <OPTION VALUE="16">16 <OPTION VALUE="17">17 <OPTION VALUE="18">18 <OPTION VALUE="19">19 <OPTION VALUE="20">20 <OPTION VALUE="21">21 <OPTION VALUE="22">22 <OPTION VALUE="23">23 <OPTION VALUE="24">24 <OPTION VALUE="25">25 <OPTION VALUE="26">26 <OPTION VALUE="27">27 <OPTION VALUE="28">28 </SELECT>日"); } if ((mm = 4) || (mm = 6) || (mm = 9) || (mm = 11)){ document.write("<SELECT NAME="dd1" onChange="document.form1.dd.value=dd1.options[d d1.selectedIndex].value"> <OPTION VALUE="00"> <OPTION VALUE="16">16 <OPTION VALUE="17">17 <OPTION VALUE="18">18 <OPTION VALUE="19">19 <OPTION VALUE="20">20 <OPTION VALUE="21">21 <OPTION VALUE="22">22 <OPTION VALUE="23">23 <OPTION VALUE="24">24 <OPTION VALUE="25">25 <OPTION VALUE="26">26 <OPTION VALUE="27">27 <OPTION VALUE="28">28 <OPTION VALUE="29">29 <OPTION VALUE="30">30 </SELECT>日"); } else{入らないので省きます。 </FORM> </SCRIPT>
- 締切済み
- JavaScript
プルダウンリンクを外部ファイルで表示させたいのですが
下記フォームで表示されません -------------------------------------------- index.php 抜粋 <form method="post" action="jump.php"> <select name="jump_url"> <?PHP include("./define.inc"); foreach( $url as $jump_title => $jump_url){ print "<option value=\"".[key($jump_title)]."\">".[key($jump_url)]."</option>\n"; } ?> </select> <input type="submit" value="ジャンプ"> </form> ---------------------------------------- define.inc <?PHP $url[] = "グーグル" => "http://google.co.jp"; $url[] = "ヤフー" => "http://yahoo.co.jp"; $url[] = "グーグル" => "http://google.co.jp"; ?> ---------------------------------------- jump.php <?PHP $jump_url = $_POST['jump_url']; header("Location:{$jump_url}"); ?> ---------------------------------------- どうもうまく表示されませんどなたかご教授くださいませんでしょうか？よろしくお願いいたします。
- 締切済み
- PHP
複数のプルダウンメニューの作り方。
・Aリスト、Bリスト…とプルダウンメニューを複数含んだフォームを一つのhtmlに作りたいのですが、上手くいきません。一つのフォームに一つのプルダウンメニューは上手くいくのですが、Javascriptを二つ並べると動かなくなります。とりあえず関数名を重複しない様にしたらいいという事だけはネットで調べてわかりました。今は、下記の状態になっています。 <script language="JavaScript">  </script> <form name="myForm"> <select name="myMenu" onChange="MENU()"> <option value="">A</option> <option value="a001.html">A001</option> <option value="a002.html">A002</option> <option value="a003.html">A003</option> </select> <select name="myMenu2" onChange="MENU()"> <option value="">B</option> <option value="b001.html">B001</option> <option value="b002.html">B002</option> <option value="b003.html">B003</option> </select> </form> ご指南の程宜しくお願いします。
- ベストアンサー
- JavaScript
プルダウンメニューのターゲット指定
タイトルどおりなのですが、プルダウンメニューのリンク先を同ページ内のiframeにしたいのですがこれはどうすればできるのでしょうか？こちらに現在の状況を載せておきます。 <SCRIPT LANGUAGE="JavaScript"></SCRIPT> <FORM NAME="f"> <SELECT NAME="jumpto" onChange="Jump();">> <OPTION VALUE="-" SELECTED>移動先を選択</OPTION> <OPTION VALUE="menu1.htm" target="menu">Page1</OPTION> <OPTION VALUE="menu2.htm" target="menu">Page2</OPTION> </SELECT> </FORM> よろしくお願い致します。
- ベストアンサー
- JavaScript