• 締切済み

onclickタグ類が開けない

こんにちは。 プルダウン(ボタンあり)のリンクについてなのですが、HTMLサイト様やその他のサイト様ではウィンドウが開けるのに対して、私が打ったonclick系タグ全般(2フレーム同時リンクなど)がエラーを起こしてウィンドウが開けません。 以下が例のタグです。 <form method="post" name="puru2"> <select name="sentaku2"> <option>最初の文字</option> <option value="リンク先アドレス">リンク1</option> <option value="リンク先アドレス">リンク1</option> <option value="リンク先アドレス">リンク1</option> </select> <input type="button" value="ボタンの文字" onclick="parent.表示させたいページ名.location.href=document.puru2.sentaku2.options[document.puru2.sentaku2.selectedIndex].value"> </form> どこが悪いのか全然わかりません。 ご回答、お願いします。

noname#157901
noname#157901
  • HTML
  • 回答数2
  • ありがとう数3

みんなの回答

  • koke29
  • ベストアンサー率58% (114/196)
回答No.2

jsp板で質問、賢明ですね ちなみに私が指摘してみた [(document.puru2.sentaku2.selectedIndex)]※()で囲んである って試したんでしょうか あっちの板で載せているコードも()無しだったので、やってないのかな？ と思って… frameでのテストは面倒だったのでlocation～からでテストしたんですが ()で囲ったらキチンと動作してましたよ もしまだでしたら試してみて下さい あと、こちらの質問は締め切りにした方が良いと思いますー

noname#157901
質問者

お礼

二度目の回答ありがとう御座います! ()の部分を見過ごしてました。申し訳ありません。 試してみたいと思います。 ありがとう御座いました。

  • koke29
  • ベストアンサー率58% (114/196)
回答No.1

location.href=document.puru2.sentaku2.options[(document.puru2.sentaku2.selectedIndex)].value"> で、リンク先の表示は出来ました これでダメなら parent.表示させたいページ名 こっち側の書き方にも間違いがあるんだと思います これはjavascriptなので、もし解決出来なかったらjavascriptの板で 質問してみた方が良いかなと思います

noname#157901
質問者

お礼

ご回答ありがとう御座います。 parent.表示させたいページ名 は正しい筈なのです。何度も確認してやはり駄目で。 仰る通り、javascriptの板で聞いてみようと思います。 回答、ありがとう御座いました。

  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. HTML

関連するQ&A

  • onclickタグ類が開けない

    こんにちは。HTMLの板でも投稿させていただいたのですが、javascriptの板の方がいいとう回答をもらいましたので投稿してみました。 プルダウン(ボタンあり)のリンクについてなのですが、HTMLサイト様やその他のサイト様ではウィンドウが開けるのに対して、私が打ったonclick系タグ全般(2フレーム同時リンクなど)がエラーを起こしてウィンドウが開けません。 以下が例のタグです。 <form method="post" name="puru2"> <select name="sentaku2"> <option>最初の文字</option> <option value="リンク先アドレス">リンク1</option> <option value="リンク先アドレス">リンク1</option> <option value="リンク先アドレス">リンク1</option> </select> <input type="button" value="ボタンの文字" onclick="parent.表示させたいページ名.location.href=document.puru2.sentaku2.options[document.puru2.sentaku2.selectedIndex].value"> </form> どこが悪いのか全然わかりません。 ご回答、お願いします。

  • セレクトボックスを無効に出来なくて困っています

    このサイトで拝見したソースを参考に、ラジオボタンで選択した項目以外のテキストボックスなどが無効になる仕組みの、以下のようなフォームを作りました。 <form method="POST" name="form01"> <script language="javascript" type="text/javascript"> <!-- function swDis() { fObj = document.form01; fObj.sentaku01.disabled = (fObj.namae[0].checked) ? false : true ; fObj.sentaku02.disabled = (fObj.namae[1].checked) ? false : true ; fObj.sentaku03.disabled = (fObj.namae[2].checked) ? false : true ; } //--> </script> <p> <input type=radio name="namae" value="AAA" onclick="swDis()" checked /> sentaku01 <select name="sentaku01" id="sentaku01"> <option>選択肢１</option> <option>選択肢２</option> <option>選択肢３</option> </select> <br /> <input type=radio name="namae" value="BBB" onclick="swDis()" /> sentaku01 <input type=text name="sentaku02" disabled /> <br /> <input type=radio name="namae" value="CCC" onclick="swDis()" /> sentaku01 <input type=text name="sentaku03" disabled /> <br /> <input type=radio name="namae" value="sentaku04" onclick="swDis()" /> sentaku04<br /> <input name="" type="submit" value="送信する" /> </p> </form> しかし、この方法ですと、最初にフォームが表示された段階ではセレクトボックスが生きてしまい、他のいずれかのラジオボタンをクリックしないとセレクトボックスがグレーアウトしてくれません。 フォームが表示された時点ですぐにセレクトボックスをグレーアウトさせる方法はないでしょうか？ 対策をご存じの方がいらっしゃいましたらどうかよろしくお願い致します。

  • フォームの下にスペースが・・・

    下記のようなフォームタグをテーブルの中にいれると、下にスペースが空いてしまいます。 このスペースをなくす方法は、ないのでしょうか？ <FORM method="post"> <SELECT name="link"> <OPTION selected value="-">★</OPTION> <OPTION value="-">★</OPTION> </SELECT> <INPUT type="button" value="GO!" onClick="location.href=this.form.link.options[this.form.link.selectedIndex].value"> </FORM> よろしくお願いします。

    • ベストアンサー
    • HTML
  • フォームタグのプルタウンの隙間が開くのは何故？

    フォームタグにプルタウンメニューっていうのがありますよね。 クリックするとびろろーんとでるやつです。 タグはこれです。 <FORM> <SELECT NAME="bl2" onChange="if(document.bl.bl2.value){location.href=document.bl.bl2.value;}"> <OPTION SELECTED>・・・内容・・・ </SELECT> <!--<INPUT TYPE="button" VALUE="Go!" onClick="menuLink(document.form1.bl2.options [ document.form1.bl2.selectedIndex ] .value)">--> </FORM> です。しかし・・・これを使うと何故か上下に隙間ができます。 図はこんな感じです。 オブジェクト プルタウンメニュー オブジェクト このような感じでどうしても隙間があいてしまうのですが どうすればこの隙間を消せますか？

  • ドロップダウンリストから、新ウィンドウへ移動するにはどうしたらよいのでしょうか？

    こんばんは。プログラム初心者ですが、よろしくお願いいたします。 現在、下記のスクリプトを書いておりますが、これを「新ウィンドウを開いて、そこに移動させる」にはどうしたらよいのでしょうか。 大変恐縮ですが、初心者ですので、下記を修正していただければ幸甚です。 <FORM name="form"><SELECT name="test"> <OPTION selected>リンク先を選ぶ</OPTION> <OPTION value="http://○○○.html">○○○</OPTION> <OPTION value="http://◎◎◎.html">◎◎◎</OPTION> <OPTION value="http://●●●.html">●●●</OPTION> </SELECT> <INPUT type="button" onclick="location.href=form.test.options[form.test.selectedIndex].value" name="button" value="移動"></FORM> なお、<FORM name="form">を<FORM target="blank" name="form">にしてみましたが、新ウィンドウは開かず、元のウィンドウのまま移動しました。 お手数ですが、よろしくお願い申し上げます。

    • ベストアンサー
    • HTML
  • ドコモのSELECTタグ

    ドコモのXHTMLのサイトを作っていますが、 １ページ内のSELECTタグの上限はありますでしょうか？ SA700iでは１５個しか表示されませんでした。 また、これは端末毎に違ってくるのでしょうか？ --------------------------------------------- <form> <select name=test1><option value=1></select> <select name=test2><option value=1></select> <select name=test3><option value=1></select> ・ ・ ・ <select name=testn><option value=1></select> </form> --------------------------------------------- 宜しくお願いします。

    • ベストアンサー
    • HTML
  • リストボックスを連動させて・・・その２

    直前の質問で下記の回答をいただいたものです。 質問では２つのリストボックスを連動させたサンプルの回答をいただきましたが、ひょっとして、リストボックスの個数が何個でも対応させることはできないでしょうか。つまり、リストボックスのnameなどをscript部分に記さずに・・。 ここまでサンプルをもらっても改造できないので質問。 (^^; ■JavaScript <SCRIPT language=JavaScript> <!-- strBase = "test.cgi?hinmei=denwa "; strS1 = "&s1="; strS2 = "&s2="; function set(){ 　strS1b = strS1 　strS2b = strS2 　　if (document.form.s1.options[document.form.s1.selectedIndex].value) 　　strS1b += document.form.s1.options[document.form.s1.selectedIndex].value; 　if (document.form.s2.options[document.form.s2.selectedIndex].value) 　　strS2b += document.form.s2.options[document.form.s2.selectedIndex].value; 　strURL = strBase + strS1b + strS2b; 　document.form.text.value = strURL; } //--> </SCRIPT> ■フォーム <FORM NAME="form"> <select name="s1" onChange="set()"> <OPTION VALUE="" SELECTED>↓【選択して下さい】</OPTION> <OPTION VALUE="big">big</OPTION> <OPTION VALUE="small">small</OPTION> </SELECT> <select name="s2" onChange="set()"> <OPTION VALUE="" SELECTED>↓【選択して下さい】</OPTION> <OPTION VALUE="red">red</OPTION> <OPTION VALUE="white">white</OPTION> </SELECT> <INPUT TYPE="text" SIZE=50 NAME="text"> </FORM>

  • プルダウンメニューのリンクで別ウインドウを開く

    下記のようなプルダウンメニューを作成したのですが、同じウインドウ内でリンクするのではなく別ウインドウで開くようにするにはどこを変更すればよいのでしょうか？ head内>>>>>>>>>>>>> <script language="JavaScript" type="text/JavaScript"> <!-- function gotoURL(formName){ var gotoUrl=document.forms[formName].elements[0].options[document.forms[formName].elements[0].selectedIndex].value document.location.href=gotoUrl } --> </script> body内>>>>>>>>>>>>>> <form name="fm0"> <select name="links"> <option selected>＜ここから選択してください＞</option> <option value="aaa.html">あああ</option> <option value="bbb.html">びびび</option> </select> <input name="BUTTON" TYPE=BUTTON onClick="gotoURL('fm0')" VALUE="GO!"></form>

  • プルダウンメニューリンクを新しいウインドウで表示させたい

    ホームページビルダー11を使っています。プルダウンメニューからリンク先を「新しいウインドウ」で表示させるにはどのようにしたらよろしいのでしょうか。ご指導よろしくお願い致します <SCRIPT language="JavaScript"> <!--- 非表示 function quicklink(w){ if(w == "") return; document.quick.url.selectedIndex = 0; location.href =w; } //end ---> </SCRIPT> <FORM name="quick" action="./"><SELECT name="url" onchange="quicklink(this.form.url.options[this.form.url.selectedIndex].value)" size="1" tabindex="1"> <OPTION selected>■ リンク先を選んでクリック ■ </OPTION> <OPTION value="index.htm">その１</OPTION> <OPTION value="index-2.htm">その２</OPTION> <OPTION value="index-3.htm">その３</OPTION> </SELECT>←関連リンク先</FORM> <TABLE width="100%" border="1" cellpadding="0" cellspacing="0" class="hpb-subh02">

  • IE以外のブラウザで対応するには

    超初心者です、見よう見まねで以下のような、セレクト1を選ぶとセレクト2は「選択」(2を選べばその逆）になる外部javascriptとhtmlを作ってみました。IEでは動く（option valueにリンクする）のですが他（サファリやファイアーフォックス）では全く動きません。どこか変なところがあるのでしょうか？それともIE以外では諦めなければならないでしょうか？ご教授の程、よろしくお願い致します。 #外部javascript（ファイルネーム　select.js） var s; function reSel(c) { if(s&&(s!=c)) s.options[0].selected=true; s=c; } function A_Li() { parent.myNew.location.href=document.Link1.select1.options.value; 　　Sel=document.Link1.select1.selectedIndex; 　　Ms=document.Link1.select1.options[Sel].value; reSel(document.Link1.select1); } function B_Li() { parent.myNew.location.href=document.Link1.select2.options.value; 　　Sel=document.Link1.select2.selectedIndex; 　　Ms=document.Link1.select2.options[Sel].value; reSel(document.Link1.select2); } #以下　HTMLソース <script src="./select.js" type="text/javascript" ></script> <FORM name="Link1"> <select name="select1" onChange="A_Li()"> <option value= new.html selected>選択</option> <option value= aaa.html>aaa</option> <option value= bbb.html>bbb</option> <option value= ccc.html>ccc</option> </select> <select name="select2" onChange="B_Li()"> <option value= new.html selected>選択</option> <option value= ddd.html>ddd</option> <option value= eee.html>eee</option> <option value= fff.html>fff</option> </select> </FORM >

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する