- ベストアンサー
複数プルダウンの組合わせを外部リンクで文字にする方法
- 複数プルダウンの組合わせを外部リンクで文字にする方法について教えてください。
- 具体的には、複数のプルダウンから選ばれた組合わせを文字列として外部リンクのページに入れたいです。
- 例えば、カラーがred、サイズがL、インチ数が11の組合わせであれば、それを文字として表示したいです。
- 1234ono
- お礼率100% (2/2)
- JavaScript
- 回答数1
- ありがとう数2
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
関連するQ&A
- 複数のプルダウンメニューの組み合わから外部リンクを作りたい・・・
複数のプルダウンメニューからそれぞれ組み合わから外部リンクを作りたいのですが、できません。 過去に、こちらで質問されている方がいましたが http://oshiete1.goo.ne.jp/qa3418973.html 回答されている方の様作成したらプルダウンが２個なら上手く動作しました。 やりたいことは、全く上記の方の質問内容と 同じです。 今回、４個のプルダウンメニューで作成したいのですが 上手くいきません・・・ 上記の質問にご回答されていた方のものを 参考にサンプルで作成してみたのですが 動作しません・・・ それと、各プルダウンメニュー内で表示させたい項目が１２あるのですが簡潔にjavascriptの記述ができますでしょうか？ arr[0][0][0]= "http://www.link_0_1.com";・・・・ 以下の行数がとても長くなってしまうので 簡潔にしたいのですが、できますでしょうか？ こちら、javascriptは初心者です。 どうぞ、宜しくお願いします。 ----------------------------------------------------------- <html> <head> <script Language="JavaScript"> <!-- /*** 変数 ***/ // カラー (color) とサイズ (size) インチ(inch）の初期値 var color = 0; var size = 0; var inch = 0; // 二次元配列を定義する。 var arr = new Array(); arr[0] = new Array(); arr[1] = new Array(); arr[2] = new Array(); // arr[色][サイズ][インチ] という指定でリンクする URL が決定する。 arr[0][0][0]= "http://www.link_0_1.com"; arr[0][1][0]= "http://www.link_0_1.com"; arr[0][2][0] = "http://www.link_0_1.com"; arr[1][0][0] = "http://www.link_0_1.com"; arr[1][1][0] = "http://www.link_0_1.com"; arr[1][2][0] = "http://www.link_0_1.com"; arr[2][0][0] = "http://www.link_0_1.com"; arr[2][1][0] = "http://www.link_0_1.com"; arr[2][2][0] = "http://www.link_0_1.com"; arr[0][1][0] = "http://www.link_0_1.com"; （以下省略） /*** 関数 ***/ function set_color(selected_option) { color = selected_option.selectedIndex; print_link_url(); } function set_size(selected_option) { size = selected_option.selectedIndex; print_link_url(); } function set_inch(selected_option) { inch = selected_option.selectedIndex; print_link_url(); } function print_link_url() { document.form1.link_url.value = arr[color][size][inch]; } function jump() { location.href = arr[color][size][inch]; } // --> </script> </head> <body> <form name="form1" method="GET"> カラー: <select onChange="set_color(this)"> <option value="赤">赤</option> <option value="青">青</option> <option value="黄">黄</option> </select> サイズ: <select onChange="set_size(this)"> <option value="Ｌ">Ｌ</option> <option value="Ｍ">Ｍ</option> <option value="Ｓ">Ｓ</option> </select> サイズ: <select onChange="set_inch(this)"> <option value="11">11</option> <option value="12">12</option> <option value="13">13</option> </select> <br> <input type="button" value="検索" onClick="jump()"> <br> </form> </body> </html>
- ベストアンサー
- JavaScript
- リンクにふれると文字表示！（クロスブラウザで）
リンクにふれると文字表示をさせたいのですが、ＮＮでは 指定した色（黄色）と位置（中心）に表示できないので困っています。 タグは以下の通りです。 <HTML> <HEAD><META HTTP-EQUIV="Content-Type"CONTENT="text/html;CHARSET=x-sjis"> <style type="text/css"><!-- body,tr,td {font-weight:bold; color:yellow}---></style> <TITLE></TITLE> <SCRIPT Language="JavaScript"> <!-- isIE4 = (navigator.appVersion.charAt(0)>=4 && (navigator.appVersion).indexOf("MSIE") != -1) isNN4 = (navigator.appVersion.charAt(0)>=4 && (navigator.appName).indexOf("Netscape")!=-1); function link_info(m) { if(m==null) m = ""; if(isIE4) { el = document.all("LINKMSG1"); el.innerHTML = m; } else if(isNN4) { lay = document.layers["PARENT_LINKMSG"].document.layers["LINKMSG1"]; lay.document.open(); lay.document.write("<font style='font-size:12pt'>"+m+"</font>"); lay.document.close(); } } //--> </SCRIPT> </HEAD> <BODY bgcolor="red" BORDER="0" topmargin="7" link="white" alink="yellow" vlink="yellow"> <center> <ilayer name="PARENT_LINKMSG" width="100%" height="16"> <layer name="LINKMSG1"></layer> <span id="LINKMSG1"></span> </ilayer> </center> <br> <center><font style="font-size: 10pt"> <a href="top.html" target="main" onMouseover="link_info('■■ＴＯＰ■■')" onMouseout="link_info()"> TOP</a> ｜ <a href="rink.html" target="main" onMouseover="link_info('■■リンク集です。■■')" onMouseout="link_info()"> リンク集</a> </font> </center> </BODY> </HTML>
- 締切済み
- JavaScript
- なぜ文字がでかくなってしまうのでしょうか？
http://masaboo.cside.com/new_css1/cs_11.htmを見てるのですが ************************************** <HTML> <HEAD> <TITLE>サンプル</TITLE> <STYLE type="text/css"> <!-- H1 { color:red; } P { color:green; } --> </STYLE> </HEAD> <BODY> <H1>レベル1の見出しは赤色です。</H1> <P>段落は、緑色です。</P> </BODY> </HTML> ************************************** のサンプルの意味がよくわからないのですが、 なぜ、 H1 { color:red; } を宣言するだけで、文字がでかくなってしまうのでしょうか？ フォントサイズに関する記述がないのに、 赤文字が大きくなる理由を教えてください。
- ベストアンサー
- HTML
- 「CSSで1つの要素に複数のクラスを指定する」に対応したブラウザは？
恥ずかしながら、最近ようやく『同一idは一つのページ内で複数用いるべきではない』の意図するところが分かってきました。これまで、この事を理解していなかったがために、 aaa ←文字色：青、背景色：黄 bbb ←文字色：緑、背景色：黄 ccc ←文字色：青、背景色：赤 ddd ←文字色：緑、背景色：赤 といった表現を実現するために、 ---CSSファイル内の記述--- .blue{color:blue;} .green{color:green;} #bg_yellow{background-color:yellow;} #bg_red{background-color:red;} ---HTMLファイル内の記述---- <div class="blue" id="bg_yellow">aaa</div> <div class="green" id="bg_yellow">bbb</div> <div class="blue" id="bg_red">ccc</div> <div class="green" id="bg_red">ddd</div> というようなソースをよく書いておりました。この場合、idの意味を理解して、解決するには、例えば下の3通りの方法があるように思います。 (1)IDを4つ作成し、1つずつ適用する ---CSSファイル内の記述--- #blue_bg_yellow{color:blue;background-color:yellow;} #green_bg_yellow{color:green;background-color:yellow;} #blue_bg_red{color:blue;background-color:red;} #green_bg_red{color:green;background-color:red;} ---HTMLファイル内の記述---- <div id="blue_bg_yellow">aaa</div> <div id="green_bg_yellow">bbb</div> <div id="blue_bg_red">ccc</div> <div id="green_bg_red">ddd</div> (2)クラスを4つ作成し、1つずつ適用する ---CSSファイル内の記述--- (1)の『#』を『.』にする ---HTMLファイル内の記述---- (1)の『id』を『class』にする (3)クラスを4つ作成し、2つずつ適用する ---CSSファイル内の記述--- .blue{color:blue;} .green{color:green;} .bg_yellow{background-color:yellow;} .bg_red{background-color:red;} ---HTMLファイル内の記述---- <div class="blue bg_yellow">aaa</div> <div class="green bg_yellow">bbb</div> <div class="blue bg_red">ccc</div> <div class="green bg_red">ddd</div> 今回の例では、数も少なく、どれでもそれほど変わらない感じですが、この(3)の書き方には、どれほどのブラウザが対応しているのでしょうか？ 個人的に使用しております ・Firefox 2.0 ・Internet Explorer 6.0 では動作するのですが、それ以外のブラウザでの動作に関してご存知の方は、ぜひ教えて下さい。(特にMacは持っていませんので、Macのブラウザの情報は非常にありがたいです) ある程度のブラウザで動作するようなら、 .b,strong{font-weight:bold;} .i,em{font-style:italic;} .u,ins{text-decoration:underline;} .s,del{text-decoration:line-through;} .u_s{text-decoration:underline line-through;} のように、よく使いそうな表現をまとめたスタイルシートを作ろうかな、などと考えております。打ち消しながら下線引く事なんかはまずないとは思いますが、これは例えばの話です。 長文を最後までお読みいただきありがとうございました。
- 締切済み
- CSS
- 1ページ内で2種類のリンク文字色を使うには？
HPリンク文字に関するタグについてご質問です。 通常はA:link{color:red;} A:visited{color:blue;} A:hover{color:green;}などと書きますね。 あるページの特定リンク部分に限って上記三色を違う色（例えば茶色・黄色・紫色など）にしたいのですが、それでも全ページ共通部分のリンク文字では統一した赤・青・緑にしたい、つまり一つのページで二種類のリンク色を使いたいのですが、どのように書けばよいかをご教示下さい。
- ベストアンサー
- HTML
- クラスを指定して訪問前のリンクに色を付けるには？
a.a_Link{ color: red; } これで、class="a_Link"と指定したリンクは赤になりますが 訪問後も赤のままです。 なので訪問前のみ赤にしたいのですが やり方がわかりません。 http://www.tagindex.com/stylesheet/link/color.html によると a:visited { color: #000080; } … 訪問済みのリンク が訪問済みのリンクのようなので、 visited を使えばいいと思うのですが、 a_Linkとvisitedをどう組み合わせればいいのでしょうか？
- ベストアンサー
- HTML
- String型の値が大文字か小文字か判定する
いつもお世話になっています。 String型の値が、大文字か小文字か判定することはできないのでしょうか? char型だと Charactereクラスを使用し判定が可能なのですが。 ◆char型の場合◆ List list = new ArrayList(); //比較する文字列 String mozi = "Abc"; //ループ for(int m=0;m<mozi.length();m++) { //文字を順に小文字かどうか調べる char ccc = mozi.charAt(m); //小文字の場合に限りlistに格納 if(Character.isLowerCase(ccc) == true) { list.add(ccc); } } //表示 for(int l=0;l<list.size();l++) { System.out.println("list="+list.get(l)); } したいのが、 ◆String型◆ List list = new ArrayList(); List list2 = new ArrayList(); list.add("TEST"); list.add("sam"); list.add("OSIETE"); for(int l=0;l<list.size();l++ ) { String compareMozi =(String) list.get(l); //ここで文字列compareMoziが大文字か小文字か調べて、小文字のときだけlist2に格納する } な感じです。 宜しくお願いします。
- ベストアンサー
- Java
- css特定の文字のリンク文字色指定
教えてください。 一般的な文字の指定で a, a:link, a:visited { color: #333333; text-decoration: underline; ｝ というような指定をしますが、一部指定文字だけ 色を変えたり、アンダーラインの指定をする場合は どうすればよいのでしょうか？ たとえば、 .text{ color: #FFFFFF; } だけだと、visited は#333333になってしまうのですが #FFFFFFにしたい。という時の指定方法を教えてください
- ベストアンサー
- CSS
- 複数の同一レコードをまとめたい
No 商品コード カラー サイズ 入荷日 在庫数 1 100 1 M 2008/01/01 1 2 100 1 M 2008/02/02 2 3 101 2 L 2008/01/01 1 4 101 2 L 2008/02/02 1 5 101 2 L 2008/03/03 1 6 102 1 L 2008/01/01 2 7 103 1 M 2008/02/02 1 上のような検索結果を得たのですが、 商品コード、カラー、サイズの値が同じ時には レコードを下のように、一行で表示させたいと思っております。 どのような文を書いたらよろしいでしょうか？ No 商品コード カラー サイズ 入荷日 在庫数 1 100 1 M 2008/01/01 2 3 101 2 L 2008/01/01 3 6 102 1 L 2008/01/01 2 7 103 1 M 2008/02/02 1 初心者で質問の仕方もままならないので 非常にわかりにくい質問だと思いますが、 ご教授いただけたらうれしいです。 ちなみに、JBUILDERで作業しております。
- ベストアンサー
- Java
お礼
URLからテキストにという方法を教えていただき、解決できました！ありがとうございました。
補足
わかりやすい説明をありがとうございます。 return goods[i].url + "?text=カラー" + colorValue + " サイズ" + sizeValue + " インチ" + inchValue; にして link_00.html のソースを <html> <meta http-equiv="content-type" charset="UTF-8"> <head> </head> <body> <script language="JavaScript"><!-- document.write(location.href); // --></script> </body> </html> にしました。 link_00.htmlのurlが http://www.×××.com/link_00.html?text=カラーred%20サイズL%20インチ11 に変わり ページには取得したurlがこのように英数字に変換されて表示されます。 http://www.×××.com/link_00.html?text=%E3%82%AB%E3%83%A9%E3%83%BCred%20%E3%82%B5%E3%82%A4%E3%82%BAL%20%E3%82%A4%E3%83%B3%E3%83%8111 解決方法がわかれば教えていただきたいです。 よろしくお願いいたします。