フォームの組み合わせでリンク先を指定する方法
- 初心者のためにつまずいてしまったフォームの組み合わせでリンク先を指定する方法について詳しく教えてください。
- テキストフィールドに入力した番号の組み合わせでダイレクトに詳細のページに飛ぶ方法を知りたいです。
- フォームの組み合わせを選択して、該当するリンク先に自動的に飛ぶ方法について教えてください。
- ベストアンサー
フォームの組み合わせでリンク先を指定する方法
4つの項目から選択して、テキストフィールドに入力した番号の組み合わせでダイレクトに詳細のページに飛ぶようにしたいのですが、 初心者のためにつまずいてしまいました。よろしくお願いします。 <SCRIPT language="JavaScript"> <!-- function setData(txt) { document.pass.word.value = txt; } function PassLink(){ PassWord=document.pass.word.value; check = /()/; if (!PassWord.match(check == /ri/)) window.open("http://www.●.co.jp/1r/"+PassWord+"/"+PassWord+".html", "","toolbar=yes,menubar=yes,location=yes,status=yes,scrollbars=yes,resizable=yes"); else if (!PassWord.match(check == /rk/)) window.open("http://www.●.co.jp/member/1r/"+PassWord+"/"+PassWord+".html", "","toolbar=yes,menubar=yes,location=yes,status=yes,scrollbars=yes,resizable=yes"); else if (!PassWord.match(check == /pi/)) window.open("http://www.●.co.jp/ap/"+PassWord+"/"+PassWord+".html", "","toolbar=yes,menubar=yes,location=yes,status=yes,scrollbars=yes,resizable=yes"); else window.open("http://www.●.co.jp/member/ap/"+PassWord+"/"+PassWord+".html", "","toolbar=yes,menubar=yes,location=yes,status=yes,scrollbars=yes,resizable=yes"); } // --> </SCRIPT> <FORM name="pass"> <select onChange="setData(this[this.selectedIndex].value)"> <option value="ri">RI</option> <option value="rk">RK</option> <option value="pi">PI</option> <option value="pk">PK</option> </select> <INPUT type="text" name="word" size="9" value="a" maxlength="9"> <input type="button" value=" 検 索 " onClick="PassLink()" name="button"> </FORM> どなたかお詳しい方、助けていただけないでしょうか。 よろしくお願いいたします。
- kaju1211
- お礼率48% (82/170)
- JavaScript
- 回答数1
- ありがとう数4
- みんなの回答 (1)
- 専門家の回答
質問者が選んだベストアンサー
check = /()/; if (!PassWord.match(check == /ri/)) このあたりの記述の意図が掴めないのですが・・・。 matchの仕様についてよくお調べになってみてはいかがでしょうか。 とりあえずifの条件文を以下のようにすれば動くと思います。 if (PassWord.match(/ri/))
関連するQ&A
- HP、リンク先を最大化で開く方法は?
ホームページ作成講座・作成支援サイト『ともくんの部屋』(http://www4.ocn.ne.jp/~tomotan/)のページを参考に、下記のようにHTMLを書いたのですがうまくいきません。 <INPUT type="button" value="リンク先を最大化して開く" title="リンク先を新しいウィンドウで最大化して開きます" onClick="window.open('….html','','toolbar=yes,menubar=yes,location=yes,status=yes,scrollbars=yes,resizable=yes'); moveTo(0,0); resizeTo(screen.availWidth,screen.availHeight);"> 最大化されずに開くのですが、どこがいけないのでしょうか? また、自分が思うには、,'','toolbar=yes,menubar=yes,location=yes,status=yes,scrollbars=yes,resizable=yes'); moveTo(0,0); この部分はなくてもよいと思うのですか、消すとエラーを起して動きません。 このHTMLの構造についても教えて下さい。よろしくお願い致します。
- ベストアンサー
- HTML
- java script作ったのですがうまく出来ません 2
続きです。 w7 = window.open("http://www.yahoo.co.jp/", "_blank", "fullscreen=yes,dependent =yes,alwaysLowered=yes,directories=yes,location=yes,scrollbars=yes,status=yes,toolbar=yes,resizable=yes,menubar=yes"); w8 = window.open("http://www.yahoo.co.jp/", "_blank", "fullscreen=yes,dependent =yes,alwaysLowered=yes,directories=yes,location=yes,scrollbars=yes,status=yes,toolbar=yes,resizable=yes,menubar=yes"); w9 = window.open("http://www.yahoo.co.jp/", "_blank", "fullscreen=yes,dependent =yes,alwaysLowered=yes,directories=yes,location=yes,scrollbars=yes,status=yes,toolbar=yes,resizable=yes,menubar=yes"); w10 = window.open("http://www.yahoo.co.jp/", "_blank", "fullscreen=yes,dependent =yes,alwaysLowered=yes,directories=yes,location=yes,scrollbars=yes,status=yes,toolbar=yes,resizable=yes,menubar=yes"); w11 = window.open("http://www.yahoo.co.jp/", "_blank", "fullscreen=yes,dependent =yes,alwaysLowered=yes,directories=yes,location=yes,scrollbars=yes,status=yes,toolbar=yes,resizable=yes,menubar=yes"); w12 = window.open("http://www.yahoo.co.jp/", "_blank", "dependent =yes,alwaysLowered=yes,directories=yes,location=yes,scrollbars=yes,status=yes,toolbar=yes,resizable=yes,menubar=yes"); } </SCRIPT> </HEAD> <BODY onLoad="window_open()"> 関連URL:http://www.okweb.ne.jp/kotaeru.php3?q=380405
- ベストアンサー
- JavaScript
- java script作ったのですがうまく出来ません 1
下記のを作成したのですがウインドウが3つめまでしか開きません。 ご指摘お願いします。初心者です。 <HTML> <HEAD> <TITLE></TITLE> <SCRIPT LANGUAGE="JavaScript"> function window_open(){ w1 = window.open("http://www.yahoo.co.jp/", "_blank", "dependent =yes,alwaysLowered=yes,directories=yes,location=yes,scrollbars=yes,status=yes,toolbar=yes,resizable=yes,menubar=yes"); w2 = window.open("http://www.yahoo.co.jp/", "_blank", "dependent =yes,alwaysLowered=yes,directories=yes,location=yes,scrollbars=yes,status=yes,toolbar=yes,resizable=yes,menubar=yes"); w3 = window.open("http://www.yahoo.co.jp/", "_blank", "dependent =yes,alwaysLowered=yes,directories=yes,location=yes,scrollbars=yes,status=yes,toolbar=yes,resizable=yes,menubar=yes"); w4 = window.open("http://www.yahoo.co.jp/"," _blank", "dependent =yes,alwaysLowered=yes,directories=yes,location=yes,scrollbars=yes,status=yes,toolbar=yes,resizable=yes,menubar=yes"); w5 = window.open("http://www.yahoo.co.jp/", "_blank", "dependent =yes,alwaysLowered=yes,directories=yes,location=yes,scrollbars=yes,status=yes,toolbar=yes,resizable=yes,menubar=yes"); w6 = window.open("http://www.yahoo.co.jp/", "_blank", "dependent =yes,alwaysLowered=yes,directories=yes,location=yes,scrollbars=yes,status=yes,toolbar=yes,resizable=yes,menubar=yes");
- 締切済み
- JavaScript
- ブラウザサイズをフルサイズで表示させる方法
ブラウザにタイトルバーとスクロールバーとスタートバー以外を表示しないページを作成したいのですが、 XPはOKで、WIN98でうまくいきませんでした。リンク先をクリックすると別ウィンドウが立ち上がる仕組みです。画面サイズに合わせて変わるようなのですが、WIN98では、スクロールバーが途中で切れてしまい、 一番下まで、綺麗に表示できませんでした。これ以外の方法でもかまいませんので、どなたかご伝授いただければと思います。 function wopen(url){ if(screen.width <= 640){ window.open(url,"_blank","resizable=no,menubar=no,status=yes,location=no,scrollbars=yes,toolbar=no,width=640,height=480,left=0,top=0") }elseif(screen.width <= 800){ window.open(url,"_blank","resizable=no,menubar=no,status=yes,location=no,scrollbars=yes,toolbar=no,width=800,height=600,left=0,top=0") }else if(screen.width <= 1024){ window.open(url,"_blank","resizable=no,menubar=no,status=yes,location=no,scrollbars=yes,toolbar=no,width=1024,height=768,left=0,top=0") }else if(screen.width <= 1152){ window.open(url,"_blank","resizable=no,menubar=no,status=yes,location=no,scrollbars=yes,toolbar=no,width=1152,height=864,left=0,top=0") }else if(screen.width <= 1280){ window.open(url,"_blank","resizable=no,menubar=no,status=yes,location=no,scrollbars=yes,toolbar=no,width=1280,height=1024,left=0,top=0") }else{ window.open(url,"_blank","resizable=no,menubar=no,status=yes,location=no,scrollbars=yes,toolbar=no,width=1600,height=1240,left=0,top=0") } return; } : <A href="javascript:wopen('/index.html')">
- ベストアンサー
- JavaScript
- オンマウスでリスト表示させてリンクしたい
お世話に成ります 以前にドロップダウンリストからリンクする 上記の回答例を変更してやってみましたがうまくいきません <SCRIPT LANGUAGE="JavaScript"> <!-- function Mylink(Sel){ mlink=Sel.options[Sel.selectedIndex].value; if(mlink!="-"){ window.open(mlink,"","toolbar=yes,menubar=yes,location=yes,status=yes,scrollbars=yes,resizable=yes"); } } //--> </SCRIPT> <FORM method="post"> <select onChange="Mylink(this)"> **下記はボタン形式で表示させたい <OPTION selected value="-"> ★ 私の自慢 ★</OPTION> **上記 ★ 私の自慢 ★ に オンマウスしたら 下記のリストを表示させ クリックで同じページにリンクさせたい <OPTION value="-">------------------------</OPTION> <OPTION value="java_sakama.html">自慢の魚</OPTION> <OPTION value="java_kotori.html">自慢の小鳥</OPTION> <OPTION value="-">------------------------</OPTION> </select> </FORM> どうぞよろしくご回答下さい
- 締切済み
- ホームページ作成ソフト
- FireFox3.0のステータスバー非表示
FireFox3.0のステータスバーを非表示にしたいのですが、 どうすればよいでしょうか? 次のソースのように、window.open()で行っています。 window.open(url,'_blank','toolbar=no,location=no,status=no,menubar=no,scrollbars=no,titlebar=no,width=820,height=645,resizable=no');
- ベストアンサー
- JavaScript
- Chromでポップアップウィンドウのサイズ指定
現在以下のような指定でポップアップウィンドウを開いているのですが Chromの場合、サイズ指定が無視されてしまいます。 良い方法ございましたら、ご教授いただけますでしょうか。 var subopen function subWinmap(){ subopen=window.open("map.html","map","resizable=yes,scrollbars=yes,menubar=yes,toolbar=no,directories=no,status=no,location=yes,width=700,height=800px"); if (!subopen.opener) subopen.opener=self; if (window.focus) subopen.focus(); }
- 締切済み
- JavaScript
- (Netscape) window.openのスクロールバー
Netscapeで、window.openしたときにスクロールバーの表示をさせたいのですが、うまく表示されません。 window.open(url,'testPage','scrollbars=yes,toolbar=yes,menubar=yes,resizable=yes'); いろいろ調べてみて問題ないと思うのですが、なぜ表示されないのでしょうか? ちなみにNetscapeのバージョンは、7.02です。 お分かりの方がいましたら、教えてください。
- 締切済み
- JavaScript
- ドロップダウンメニューのサイズ設定
ドロップダウンメニューのサイズ(幅)が大きいので小さくしたいのですがこのソースの何処を変えればいいのでしょうか 教えてください <SCRIPT LANGUAGE="JavaScript"> <!-- function Mylink(Sel){ mlink=Sel.options[Sel.selectedIndex].value; if(mlink!="-"){ window.open(mlink,"","toolbar=yes,menubar=yes,location=yes,status=yes,scrollbars=yes,resizable=yes"); } } //--> </SCRIPT> <FORM method="post"> <select onChange="Mylink(this)"> <OPTION selected value="-"> ★ メニュー ★</OPTION> <OPTION value="-">------------------------</OPTION> <OPTION value="呼び出し先">呼び出す名前</OPTION> <OPTION value="呼び出し先">呼び出す名前</OPTION> <OPTION value="呼び出し先">呼び出す名前</OPTION> <OPTION value="呼び出し先">呼び出す名前</OPTION> <OPTION value="呼び出し先">呼び出す名前</OPTION> <OPTION value="-">------------------------</OPTION> </select> </FORM>
- ベストアンサー
- Windows XP
- 指定のウインドウを手前に(続き)
さきほどの続きです。 すみません。 ネスケ4.7では思ったとおりに動くのですが、 IE5だと focus() がうまく動きません。 function OpenWin(page){ var src = page + ".html"; w=window.open((src),'NewWin','toolbar=no,location=no,status=no,menubar=no,scrollbars=yes,width=300,height=600'); w.focus(); } としています。 何か書き方おかしいでしょうか。 よろしくお願いします。
- ベストアンサー
- JavaScript
お礼
回答ありがとうございます。 >とりあえずifの条件文を以下のようにすれば動くと思います。 if (PassWord.match(/ri/)) この通りにやってみたところ if (!PassWord.match(check == /ri/)) window.open("http://www.●.co.jp/1r/"+PassWord+"/"+PassWord+".html", "","toolbar=yes,menubar=yes,location=yes,status=yes,scrollbars=yes,resizable=yes"); else if (!PassWord.match(check == /rk/)) window.open("http://www.●.co.jp/member/1r/"+PassWord+"/"+PassWord+".html", "","toolbar=yes,menubar=yes,location=yes,status=yes,scrollbars=yes,resizable=yes"); の部分が動いたのですが、 else if (!PassWord.match(check == /pi/)) window.open("http://www.●.co.jp/ap/"+PassWord+"/"+PassWord+".html", "","toolbar=yes,menubar=yes,location=yes,status=yes,scrollbars=yes,resizable=yes"); else window.open("http://www.●.co.jp/member/ap/"+PassWord+"/"+PassWord+".html", "","toolbar=yes,menubar=yes,location=yes,status=yes,scrollbars=yes,resizable=yes"); の部分が動きませんでした。アドバイスの通りmatchの仕様について調べてみようと思います。