- ベストアンサー
htmlが得意な方教えてください。
yellowsanの回答
- yellowsan
- ベストアンサー率28% (4/14)
<FORM><SELECT name="menu" style="font-size : xx-small;color : blue;background-color : #d5c6ee;text-decoration : blink;text-transform : lowercase;"onClick="location.href='pageA.htm'"> これでは？
関連するQ&A
- WEB画面におけるプルダウンメニューで選択した値の保持
web画面において、各頁にプルダウンメニューを設定し、そこから各頁へジャンプさせたいと思っています。 TOP画面のプルダウンメニューを [選択して下さい]→[pageA]→[pageB]とし、 top画面のプルダウンメニューより[pageA]を選択した場合 pageAのプルダウンメニューでは [選択して下さい]ではなく、[pageA]が表示させたいのですが この場合、どうすれば宜しいのでしょうか？ 私が組んだソースは下記の通りですが 下記の場合だと、各頁にジャンプ後も [選択して下さい]が表示されてしまいます。 <form> <select onchange="location.href = options[this.selectedIndex].value;"> <option value="#">選択して下さい。</option> <option value="pageA.html">pageA</option> <option value="pageB.html">pageB</option> </select> </form> 初心者の為、ご教授頂けると助かります。
- ベストアンサー
- その他([技術者向] コンピューター)
- firefoxでjavascriptが…
現在、二つのセレクトボックス間でデータのやり取りをするjavascriptを製作しております。ieでは問題なく動作するのですが、firefoxだと セレクトボックスの移動ボタンを押すと余計なものまで消えてしまいます。どなたかご教授ください。 javascript↓ var master_selected_value; var master_selected_text; var user_selected_value; var user_selected_text; function select_master(a){ master_selected_text = a.master_list.options[a.master_list.selectedIndex].text; master_selected_value = a.master_list.options[a.master_list.selectedIndex].value; } function select_user(a){ user_selected_text = a.select_list.options[a.select_list.selectedIndex].text; user_selected_value = a.select_list.options[a.select_list.selectedIndex].value; } function portlet_move(a,b,c){ if( 1 == b ){ var sw = 0; for( n = 0 ; n < a.select_list.length ; n ++ ){ if( a.select_list.options[n].text == master_selected_text){ sw = 1; } } if( sw == 0 && master_selected_text != null ){ a.select_list.options[a.select_list.length] = new Option(master_selected_text,master_selected_value); } }else{ if( null != user_selected_text ){ for( n = a.select_list.selectedIndex ; n < a.select_list.length - 1; n ++ ){ a.select_list.options[n] = a.select_list.options[n + 1]; } a.select_list.length = a.select_list.length - 1; } user_selected_text = null; user_selected_value = null; } } function data_sum(a,b){ var buff = ""; for( n = 0 ; n < a.select_list.length ; n ++ ){ buff = buff + a.select_list.options[n].value; } a.select_list_data.value = buff; a.type.value = b; a.submit(); } function data_send(a,b){ var buff = ""; for( n = 0 ; n < a.select_list.length ; n ++ ){ buff = buff + a.select_list.options[n].value; } a.select_list_data.value = buff; a.type.value = b; a.send.value = "true"; a.submit(); } html↓ <form method="post" action="test.php" onsubmit="return moveItemSelect('ListBox1','ListBox2');"> <input type="hidden" name="type" value=""> <input type="hidden" name="select_list_data" value=""> <input type="hidden" name="send" value=""> <table> <tr> <td> <select name="type" onchange="data_sum(this.form,'recommended');"> <option value="a" selected="selected">a</option> <option value="b">b</option> </select> </td> <td></td> <td></td> </tr> <tr> <td> <select size="10" name="master_list" onchange="select_master(this.form);"> <option value="1">1</option> <option value="2">2</option> </select> </td> <td> <input type="button" class="button" value="→" onclick="portlet_move(this.form,1,2);"> <br /> <input type="button" class="button" value="←" onclick="portlet_move(this.form,2,1);"> </td> <td> <select size="10" name="select_list" onchange="select_user(this.form);"> <option value="1">1</option> </select> </td> </tr> <tr> <td colspan="3"><input type="button" class="button" value="登録" onclick="data_send(this.form,'recommended_write');" /></td> </tr> </table> </form>
- ベストアンサー
- JavaScript
- <form>タグのプルダウンメニューでのカラー設定
<form>タグでプルダウンメニューを作ったのですが、メニューの右になる▼の色設定や、メニュー枠の色設定、枠線サイズ設定などをするやる方法はありますでしょうか。 現在のソースはスタイルシートで .form_block { display: block; width: 75px; color: #000000; background-color: #008000; border: outset 1px #005000; margin: 0px; padding: 0px 0px 0px 0px; font-size: 11px; line-height: 15px; text-align: center; text-decoration: none; } htmlソースで <FORM class="form_block"> <SELECT onChange="menuLink(this.options[this.selectedIndex].value)" class="form_block"> <OPTION SELECTED class="form_block">項目</OPTION> <OPTION VALUE="select1.htm" class="form_block">選択肢１</OPTION> <OPTION VALUE="select2.htm" class="form_block">選択肢２</OPTION> </SELECT> </FORM> と記述してますが、うまくいきません。 詳しい方、よろしくお願い致します。
- ベストアンサー
- HTML
- フレームを使用した複数プルダウンメニュー
こんにちは。 よくある質問もみたのですが「複数のプルダウンメニュー」「フレームを使ったプルダウン」というのはあるのですが、 フレームを使用して左フレームに複数プルダウン、そこで選んだものを右フレームに表示させるというのが見つかりませんでした。 「複数のプルダウンメニュー」もつくれますし、「別フレームに表示させる」こともできるのですが、 プルダウンを増やしたとたんに動きません。 ネームを変えてもみたのですがうまくいきません。 フレームを二つつくって <FRAMESET cols="35%,65%"> <FRAME src="n_menu.htm" name="manu">←こっちにプルダウンメニュー <FRAME src="n_main.htm"name="main">←こっちに表示 目次のhtmファイルで <SCRIPT LANGUAGE="JavaScript"> function openPage() { var list = document.forms[0].urlList; parent.frames[1].location = list.options[list.selectedIndex].value; } </SCRIPT> </HEAD> <FORM> <SELECT NAME="urlList" onChange="openPage()"> <OPTION SELECTED VALUE="cover1.htm">朝の歌 <OPTION VALUE="1.htm">1番目のページ <OPTION VALUE="2.htm">2番目のページ <OPTION VALUE="3.htm">3番目のページ </SELECT> </FORM> #上記をコピペして増やしてみた↓ <FORM> <SELECT NAME="urlList2" onChange="openPage()"> <OPTION SELECTED VALUE="cover2.htm">夜の歌 <OPTION VALUE="4.htm">4番目のページ <OPTION VALUE="5.htm">5番目のページ <OPTION VALUE="6.htm">6番目のページ </SELECT> </FORM> これだと２本目が表示されません。 どうすればいいか教えていただけないでしょうか？
- ベストアンサー
- JavaScript
- 文字化けで困っています。
文字化けで困っています。 下記のJSPからrequest.getParameterで他のJSPに取得させようとしているのですが、文字化けが起こってしまいます。どなたか、考えられる原因をご教授お願い致します。(eclipse 3.5) <%@page contentType="text/html; charset=Shift-JIS"%> <html:form action="/**/***"> <select name="color_name" > <option value="赤" selected>赤</option> <OPTION value="青">青</option> <OPTION value="黄">黄</option> <OPTION value="緑">緑</option> </select></TD> </html:form> -------------------------------------------------------- <%@page contentType="text/html; charset=Shift-JIS"%> <%=request.getParameter("color_name") %>
- ベストアンサー
- Java
- プルダウンメニューのターゲット指定
タイトルどおりなのですが、プルダウンメニュー のリンク先を同ページ内のiframeにしたいのですが これはどうすればできるのでしょうか？ こちらに現在の状況を載せておきます。 <SCRIPT LANGUAGE="JavaScript"><!-- function Jump() { tu = document.f.elements['jumpto'].options[document.f.elements['jumpto'].selectedIndex].value if( tu != '-' ) { location.href = tu; } else { alert('移動先を選択して下さい。'); } } // --></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
- 複数プルダウンでメニューを初期表示に戻したい
No.157334でleaz024さんに「複数プルダウンメニュー」について教えてもらったものですが、ひとつ、追加したいことがあるので教えてください。 教えていただいたスクリプトは <script language="javascript"> <!-- function A_Li() { Sel=document.Link1.OP.selectedIndex; Ms=document.Link1.OP.options[Sel].value; parent.main.location.href=Ms;} function B_Li() { Sel=document.Link1.OP2.selectedIndex; Ms=document.Link1.OP2.options[Sel].value; parent.main.location.href=Ms;} // --> </script> <FORM name="Link1"> <SELECT name="OP" onChange="A_Li()" size="1"> <OPTION Value="main.htm" SELECTED>ページを選んでください <option value="main.htm">ぺージ1</option> <OPTION Value="abc.htm">ページ2 <OPTION Value="def.htm">ページ3 </SELECT> <SELECT name="OP2" onChange="B_Li()" size="1"> <OPTION Value="aaa.htm" SELECTED>ページを選んでください <option value="bbb.htm">ぺージ1</option> <OPTION Value="ccc.htm">ページ2 <OPTION Value="ddd.htm">ページ3 </SELECT> です。 例えば OP2のメニューをクリックしたあと OP3のメニューをクリックしたときにOP2のメニューが初期の 表示メニューに戻したいのですが、どう変えればよいでしょうか。 初心者なので本を見てみたのですがわかりませんでした。 どうぞよろしくお願いいたします。
- ベストアンサー
- JavaScript
- プルダウンメニューの選択時のリンク先について
「プルダウンメニューから選択すると、別ページにリンク」するページを 作成したいです。 以下の様に途中まではできたのですが、 「フレームを使わず、同じウインドウの別の箇所にリンク先を表示 ※プルダウンメニューはそのまま表示」 がどうしてもできません。xmlで作成している関係上、phpも使えません。 何か方法はありませんでしょうか。 <SCRIPT LANGUAGE="JavaScript"> <!-- function menuLink(linkLoc) { if(linkLoc !="") {window.aaa.location.href=linkLoc;} } //--> </SCRIPT> <form> <SELECT onChange="menuLink(this.options[this.selectedIndex].value)"> <OPTION SELECTED>Select</OPTION> <OPTION value="">××</OPTION> <OPTION value="">●●</OPTION> </SELECT> </form>
- ベストアンサー
- ホームページ作成ソフト
- プルダウンでリンク先へいくと階層が勝手に深くなる
下記のような構文を使用しています。 プルダウンで選択してＧＯボタンでそのページへ飛ぶというものです。１０ページくらいあってその全てのページに同じものを設置しています。 ここからは順をおって・・・ トップページでプルダウンを利用して別のページにいくhttp://www～com/home/home/aaa.html ↓ http://www～com/home/home/bbb.html ここはうまくいきます。 次にbbb.htmlから同じくプルダウンを選択して別のページに行くときに問題が発生します。 http://www～com/home/home/bbb.html ↓ http://www～com/home/home/home/ccc.html という風に勝手にディレクトリの中に入ってしまい、 階層が深くなるのです。当然ですがそこには何もないので表示されません。 何が問題なのか、ずっと格闘しているのですが・・・ 何卒ご助言お願いできますか？ ちなみに私はウインドウズでインターネットエクスプローラーを使っています。 <html> <head> <script type="text/javascript" language="JavaScript"> <!-- function go(obj) { if(obj.form.linklist.value) { location = obj.form.linklist.value; } } --> </script> </head> <body> <form name="linkmenu"> <select name="linklist"> <option selected="selected">メニュー</option> <option value="aaa.htm">aaa</option> <option value="bbb.htm">bbb</option> </select> <input type="button" value=" GO " onclick="go(this)" /> </form> </body> </html>
- 締切済み
- JavaScript
- 更新履歴の小窓
更新履歴をＨＰに貼り付けるには下記の３つでどれが無難でしょうか？。 また、FORM action="no"と本来ＵＲＬのところをnoとしました。ＨＴＭＬ文法の減点逃れですが。他に不適切な個所があればご指摘下さい。 （１）jsでscript <SCRIPT src="rireki.js" type="text/javascript"></SCRIPT> <A HREF="javascript:disp()">更新履歴 </A><br> <A HREF="javascript:close();">Close</A><br> （２) <FORM action="no"><SELECT class=ist5 name=menu style="color: red; background-color: white" tabindex="2" > <OPTION selected> ◇更新履歴!!◇</OPTION><OPTION>2004.3.20春夏作品９枚をアップ </OPTION><OPTION>日記作成</OPTION><OPTION>(^。^)夏３枚アップ</OPTION> <OPTION>HP作成</OPTION><OPTION>ＢＢＳ設置</SELECT></FORM><br> (3) <form action="no"> <select tabindex="2"> <option> - 更新履歴 - <option>2003 7/02 - 小説アップ <option>2003 6/28 - 掲示板設置 <option>2003 6/24 - HP開設 </select> </form>
- ベストアンサー
- HTML
お礼
ありがとうございます。 次の休日に試してみます。