• 締切済み

ブラウザ情報の取得で困ってます・・・。

ブラウザとバージョンによって、使用を制限したいのですが、ブラウザがNetscapeだと .disabled が使用できないみたいなのですが。 今ブラウザ情報の取得も以下のとおりかなり間に合わせ的なもので、もっといいやり方を教えていただけるとうれしいのですが、ちょっと急いでおりますのでご返答のほうよろしくお願い致します。 <!-- ブラウザ情報 document.write('<center><TABLE border="1" align="center">'); document.write("<TD></TD>あなたのブラウザ情報です</TR>"); document.write("<TR><TD>ブラウザ名は</TD><TD>"+navigator.appName+"</TD></TR>"); document.write("<TR><TD>バージョンは</TD><TD>"+navigator.appVersion+"</TD></TR>"); document.write("</TABLE>"); // ブラウザ情報 --> function GetVer(nvName, nvVer){ var Name; Name = new String(nvName); if(eval(Name) != "Microsoft Internet Explorer"){ mainForm.KAI_ACCT.disabled = true; mainForm.KAI_PASS.disabled = true; alert("このブラウザには対応していません。IE 5.0以上で使用してください。"); return false; }else{ var Version; Version = new String(nvVer); eval(Version.charAt(22)); if( eval(Version.charAt(22)) < 5 ){ mainForm.KAI_ACCT.disabled = true; mainForm.KAI_PASS.disabled = true; alert("このブラウザには対応していません。IE 5.0以上で使用してください。"); return false; }else{ return true; } } }

  • HTML
  • 回答数1
  • ありがとう数2

みんなの回答

回答No.1

管理者より: 同等の質問があるのでそちらをご参照下さい

参考URL:
http://www.okweb.ne.jp/kotaeru.php3?q=36653

関連するQ&A

  • ブラウザ情報の件で困ってます・・・。

    ブラウザとバージョンによって、使用を制限したいのですが、ブラウザがNetscapeだと .disabled が使用できないみたいなのですが。 今ブラウザ情報の取得も以下のとおりかなり間に合わせ的なもので、もっといいやり方を教えていただけるとうれしいのですが、ちょっと急いでおりますのでご返答のほうよろしくお願い致します。 <!-- ブラウザ情報 document.write('<center><TABLE border="1" align="center">'); document.write("<TD></TD>あなたのブラウザ情報です</TR>"); document.write("<TR><TD>ブラウザ名は</TD><TD>"+navigator.appName+"</TD></TR>"); document.write("<TR><TD>バージョンは</TD><TD>"+navigator.appVersion+"</TD></TR>"); document.write("</TABLE>"); // ブラウザ情報 --> function GetVer(nvName, nvVer){ var Name; Name = new String(nvName); if(eval(Name) != "Microsoft Internet Explorer"){ mainForm.KAI_ACCT.disabled = true; mainForm.KAI_PASS.disabled = true; alert("このブラウザには対応していません。IE 5.0以上で使用してください。"); return false; }else{ var Version; Version = new String(nvVer); eval(Version.charAt(22)); if( eval(Version.charAt(22)) < 5 ){ mainForm.KAI_ACCT.disabled = true; mainForm.KAI_PASS.disabled = true; alert("このブラウザには対応していません。IE 5.0以上で使用してください。"); return false; }else{ return true; } } }

  • セレクトボックスを使用した、フォームのアクティブ・非アクティブの切り替え

    セレクトボックス(A)を使用して、(A)の選択結果により(A)以降をアクティブ・非アクティブに切り替えたいのです。 アクティブ・非アクティブの切り替え自体は正常に動くのですが、一度「送信する」をクリックした後、次の画面に移動し、その後「戻る」をクリックorブラウザの戻るで元のページに戻ると、アクティブ化できていたセレクトボックス(C)が全て非アクティブとなってしまっているのです。 原因は何でしょうか?よろしくお願いいたします。 function setTF() { n = document.mail.Data.selectedIndex; flag = eval(document.mail.Data.options[n].value); document.mail["B"].disabled = flag; document.mail["C"].disabled = flag; } ※以下HTML※ <form action="mail.cgi" method="post" name="mail"> <table> <tr> <th>セレクトボックス(A)</th> <td><select name="Data" onchange="setTF()"> <option value="false">アクティブ</option> <option value="true" selected="selected">非アクティブ</option> </select></td> </tr><tr> <th>テキスト(B)</th> <td><input size="4" type="text" name="B" disabled="disabled" /> 才</td> </tr><tr> <th>セレクトボックス(C)</th> <td><select name="C" disabled="disabled"> <option>選択肢1</option> <option>選択肢2</option> </select></td> </tr><tr> <td colspan="2" class="submit"><input type="submit" value="送信する" /><input type="reset" value="リセット" /></td> </tr> </table> </form>

  • ラジオボタンで入力項目の可・不可を切り替える方法

    雑誌やネットを調べ、ラジオボタンで入力項目の可・不可を切り替える JavaScriptを見つけたのですが、思うように動作しません。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=shift_jis" /> <title>Sample</title> <script type="text/javascript"> <!-- function radioChange() { if(document.form1.radioSelect[0].checked == true) { document.form1.04text.disabled = false; document.form1.04text.style.backgroundColor='#FFFFFF'; document.form1.05text.disabled = false; document.form1.05text.style.backgroundColor='#FFFFFF'; document.form1.06text.disabled = false; document.form1.06text.style.backgroundColor='#FFFFFF'; document.form1.07text.disabled = true; document.form1.07text.style.backgroundColor='#D4D0C8'; document.form1.08text.disabled = true; document.form1.08text.style.backgroundColor='#D4D0C8'; document.form1.09text.disabled = true; document.form1.09text.style.backgroundColor='#D4D0C8'; } else if(document.form1.radioSelect[1].checked == true) { document.form1.04text.disabled = true; document.form1.04text.style.backgroundColor='#D4D0C8'; document.form1.05text.disabled = true; document.form1.05text.style.backgroundColor='#D4D0C8'; document.form1.06text.disabled = true; document.form1.06text.style.backgroundColor='#D4D0C8'; document.form1.07text.disabled = false; document.form1.07text.style.backgroundColor='#FFFFFF'; document.form1.08text.disabled = false; document.form1.08text.style.backgroundColor='#FFFFFF'; document.form1.09text.disabled = false; document.form1.09text.style.backgroundColor='#FFFFFF'; } else { document.form1.04text.disabled = true; document.form1.04text.style.backgroundColor='#D4D0C8'; document.form1.05text.disabled = true; document.form1.05text.style.backgroundColor='#D4D0C8'; document.form1.06text.disabled = true; document.form1.06text.style.backgroundColor='#D4D0C8'; document.form1.07text.disabled = true; document.form1.07text.style.backgroundColor='#D4D0C8'; document.form1.08text.disabled = true; document.form1.08text.style.backgroundColor='#D4D0C8'; document.form1.09text.disabled = true; document.form1.09text.style.backgroundColor='#D4D0C8'; } } //--> </script> </head> <body onload="radioChange()"> <form action="" method="post" name="form1"> <table> <tr> <td> <input name="radioSelect" type="radio" onclick="radioChange()" value="1" /> 国内旅行 <input name="radioSelect" type="radio" onclick="radioChange()" value="0" /> 海外旅行</td> </tr> <tr> <td>&nbsp;</td> </tr> <tr> <td> 国内編:<br /> 希望地 <input type="text" name="04text" /> <br /> 希望日: <input type="text" name="05text" /> <br /> 乗り物: <input type="text" name="06text" /> </td> </tr> <tr> <td>&nbsp;</td> </tr> <tr> <td>海外編:<br /> 希望地 <input type="text" name="07text" /> <br /> 希望日: <input type="text" name="08text" /> <br /> 乗り物: <input type="text" name="09text" /> </td> </tr> </table> </form> </body> </html> テキストボックスの「name」を、英字から始めれば解決するのですが 事情があり、nameを数字で始める必要があります。 この解決方法を教えていただけませんでしょうか。 よろしくお願いいたします。

  • submit()できない

    ファイルをダウンロードし、DBへ登録するプログラムなのですが、 submit()処理で止まってしまう(?)らしく、次のPHPが呼ばれません。 ファイルサイズが、小さいと問題ないのですが、20MBぐらいのデータに なると、止まってしまいます。 どうすればよいでしょうか? お知恵をお貸しください。 A.php <script language="JavaScript"> <!-- function checkSubmit(pIfrmObj) { document.frmCSV.btnKaisi.disabled = true; return(true); } //--> </script> <省略> <form name="frmCSV" method="post" enctype="multipart/form-data" action="./b.php" onsubmit="return checkSubmit(this);"> <table border="0" cellspacing="0" cellpadding="4" width="600"> <tr> <td align="left"><hr><b> アップロード</b><br><hr></td> </tr> <tr> <td align="left">アップロード(CSV)</td> </tr> <tr> <td align="left"><input type="file" name="csvfile" style="width:100%"></td> </tr> <tr> <td align="right"><input type="submit" style="width:18em;" name="btnKaisi" value="ダウンロード(CSV)"></td> </tr> </table> </form>

    • ベストアンサー
    • PHP
  • 配列の使い方

    JavaScript 初心者です。 下記ソースでinput type="text"でname="kazu1,name="kazu2"のように2個限定で使っているのですが将来的にDBから読んだ数分に変わる予定です。 その場合 eval(document.myForm.kazu1.value)+ の表現はどのように変えたらいいでしょうか。 配列の数はi7で持ってきています。 <script language="JavaScript"><!-- function ttlValue(i7){ goukei = eval(document.myForm.kazu1.value)+eval(document.myForm.kazu2.value); alert("sum "+goukei+"です"); } // --></script> </head> <table border=1> <tr> <td width="40%" ><input type="text" name="kazu1" value="10">%</td> <td width="40%" ><input type="text" name="kazu2" value="10">%</td> </tr> <tr> <td><input type="submit" name="button" value="keisan" onClick="ttlValue(2)" ></td> <td></td> </tr> </table> </form>

  • javascript ブラウザ IE動作しません。

    よろしくお願いします。 下記記載の javascript なのですが、 ブラウザ IE のみ動作しません。 (Chrome、Firefox、Opera、Safariでは動作するのですが、、、) どなたかプログラムに詳しい方、教えてください。 【仕様】 自動で金額が計算されるサイズオーダー見積りフォーム。 セレクトタグから商品の種類を選択 ↓ テキストフィールドより、縦と横サイズの(数値)を入力 ↓ 金額計算ボタンを押すとサイズにあわせた金額が自動で計算される 【問題点】 金額計算ボタン onClickを押しても ブラウザIE のみ動作しない(計算されない) それ以外の alertなどのscriptは IEでも実行されるが計算のscriptが実行されない。 コード記載↓ --- <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="content-type" content="text/html;charset=utf-8"> <title>JavaScript Sample</title> </head> <body> <h1>サイズオーダー 金額見積フォーム</h1> <form name="mainForm"> <select name="field1"> <option value="">商品の種類を選択してください</option> <option value="12000">マットA</option> <option value="16700">マットB</option> <option value="16300">マットC</option> </select> <p>※サイズをcm(センチメートル)で入力して下さい。</p> <input type="text" name="field2" maxlength="4" placeholder="たて">cm<br> <input type="text" name="field3" maxlength="4" placeholder="よこ">cm<br> <table> <tr> <td><input type="button" value="金額計算" id="keisanbutton" onClick="return check()"></td> <td><output name="totle" id="totle"></output>円(税抜き・送料別)</td> </tr> </table> </form> <script type="text/javascript"> function check(){ var flag = 0; var totalPrice = 0; var text1 = document.mainForm.field2.value; var text2 = document.mainForm.field3.value; var price = document.mainForm.field1.options[document.mainForm.field1.selectedIndex].value; var option = document.mainForm.field1.options; if( option[0].selected ){ alert('商品の種類を選択してください'); // 種類が選択されていない場合は警告ダイアログを表示 return false; // 計算を中止 } if(text1.match(/[^0-9]+/)){ // 入力チェック 数値かどうか flag = 1; } else if(text2.match(/[^0-9]+/)){ // 入力チェック 数値かどうか flag = 1; } if(flag){ alert('数字以外が入力されています(半角数字でご入力下さい)'); // 数字以外が入力された場合は警告ダイアログを表示 return false; // 計算を中止 } if(!text1){ alert('サイズを入力してください'); // 入力されていない場合は警告ダイアログを表示 return false; // 計算を中止 } if(!text2){ alert('サイズを入力してください'); // 入力されていない場合は警告ダイアログを表示 return false; // 計算を中止 } if(document.mainForm.field2.value!==""&&( isNaN(text1) || text1<2 || text1>200) ){ // 数値の入力制限 alert("たてのサイズは2cm~200cmまでとなります。(50cm~200cmまでの数値でご入力下さい)");// 制限した入力数値外なら警告ダイアログを表示 return false; // 計算を中止 } if(document.mainForm.field3.value!==""&&( isNaN(text2) || text2<2 || text2>2000) ){ // 数値の入力制限 alert("よこのサイズは2cm~2000cmまでとなります。(50cm~2000cmまでの数値でご入力下さい)"); // 制限した入力数値外なら警告ダイアログを表示 return false; // 計算を中止 } else{ //return true; // 計算を実行 totalPrice += Math.round(text1 * text2 * price / 10000); } document.getElementById("totle").value = totalPrice } </script> </body> </html> --- 優れたSE・プログラマーの方、お助け願います m(__)m

  • JavaScriptでIEの自動ログインについて

    JavaScriptの初心者でIE上で表示されたログインボタンをクリックしたいのですが、name="ボタン名"がなくクリックできないんです。 「ie.document.MainForm(0).submit.click();」と記入してみたのですが、クリックできないんです。 下記のようなボタンをJavaScriptで押すにはどうしたらいいのでしょうか? どなたかすいませんがご教授ください。 ===================================================== ボタンのHTML <form name="MainForm" method="POST" action="/login" target="_self"> <table border="0" width="510"> <tr> <td width="140">&nbsp;</td> <td width="160" align="center"><input type="submit" style="width:100" value="ログイン" onClick="return buttonHandler('ok');"></td> <td width="210">&nbsp;</td> </tr> </table> <br> </form>

  • チェックボックスとの連動

    白黒とカラーの項目を連動させています。例えば白黒のチェックをはずしてカラーにチェックを入れるとすでに白黒で選択してた場合、金額が合計に加算されてしまいます。チェックをはずした時点で選択項目の金額をリセットさせたいのですが解決方法が見つかりません。Javascript勉強中で正直よくわかっていません。下記スクリプトもあっちこっち調べながら組み合わせたものです。解決策をいただけると助かります。よろしくお願い致します。 <script language="javascript"> <!-- n_table1 = new Array(0,100,200); n_table2 = new Array(0,300,400); function keisan(obj) { var outStr=""; var total=0; total = total + n_table1[document.form1.koumoku1.selectedIndex] * document.form1.kazu1.value; total = total + n_table2[document.form1.koumoku2.selectedIndex] * document.form1.kazu1.value; outStr = total; document.form1.goukei.value=eval(outStr); } function ctrl_check01(check02_checked) { document.getElementsByName("idcheck2")[0].disabled = check02_checked; document.getElementsByName("koumoku2")[0].disabled = check02_checked; } function ctrl_check03(check04_checked) { document.getElementsByName("idcheck")[0].disabled = check04_checked; document.getElementsByName("koumoku1")[0].disabled = check04_checked; } // --> </script> <form name="form1" METHOD="POST"> <table cellspacing="0" cellpadding="8" border="1" bordercolor="#666"> <tr> <td>白黒</td> <td><input type=checkbox name="idcheck" id="idcheck" onClick="ctrl_check01(this.checked);"> 白黒 <select name="koumoku1"> <option>選択 <option>--------------A(100) <option>--------------B(200) </select> </tr> <tr> <td>カラー</td> <td><input type=checkbox name="idcheck2" id="idcheck2" onClick="ctrl_check03(this.checked);"> カラー <select name="koumoku2"> <option>選択 <option>--------------A(300) <option>--------------B(400) </select></td> </tr> <tr> <td colspan="2"></td> </tr> <tr> <td>総枚数</td> <td><input type="text" name="kazu1" size="8" maxlength="12" value="0"> 枚</td> </tr> <tr> <td colspan="2"></td> </tr> <tr> <td>合計</td> <td><input type="text" name="goukei" size="8" maxlength="12" value="0"> 円</td> </tr> </table> <input type="button" value="計算する" onClick="keisan(this.form)"> </form>

  • ラジオのチェックでフォーム表示、PHPへPOSTさせたい

    見よう見まねで作成したのですが、わからないので教えてください。 ラジオボタンのOKをクリックするとアカウントとパスワードの入力フォーム、ログインボタンが表示され、aaa.phpに飛びたいです。 「OK」で表示、「NO」で非表示はなんとかできましたが、問題が2点あります。 1.test.htmlにアクセスしたときすでに「OK」にチェックがついていて、テキストエリアとログインボタンが表示されてしまいます。 「NO」のほうにcheckedをいれてみましたがダメでした。 2.phpへとばず、test.htmlにとんでしまいます。 宜しくお願いいたします。 test.html - - - - - - - - - - - - - - - - - - - <script type="text/javascript"> <!-- function Sel(me){ if(me.value=="1"){ me.form.account.disabled=false; me.form.password.disabled=false; me.form.btn.disabled=false; document.getElementById('SelA').style.display=(document.all)? 'block':'table-row'; document.getElementById('SelB').style.display='none'; }else{ me.form.account.disabled=true; me.form.password.disabled=true; me.form.btn.disabled=true; document.getElementById('SelA').style.display='none'; document.getElementById('SelB').style.display='none'; } } //--> </script> <form name="Quick1"> <form name="send" method="POST" action="aaa.php"> <input type="radio" name="AB" value="1" checked onclick="Sel(this)">OK <input type="radio" name="AB" value="2" onclick="Sel(this)">NO</td></tr> <tr id="SelA"> <td></td><td> <input type="text" size="30" maxlength="5" name="account" ><br> <input type="password" size="24" maxlength="5" name="password" > <input type="submit" name="btn" value="ログイン"> </form> </td></tr> <tr id="SelB" style="display:none">・・・</form>

  • POSTすると配列の数がおかしくなる

    matとquaとhowtoをそれぞれ4つPOSTしているのですが、POSTされたデータを受け取るとmat4つ、qua5つ、howto5つと数がおかしくなります。 なぜかわかりません。とくにインクリメントしていないのに増えます。 教えて下さい。 <script type="text/javascript"> function myAdd(obj){ var max=15; var c=count("mat"); if(c>=max) return false; var oTR=document.createElement("tr"); var names=["mat","qua"]; for(var i in names){ var oTD = document.createElement("td"); var oTag = document.createElement("input"); oTag.setAttribute("type", "text"); oTag.setAttribute("name", names[i] + (c+1).toString()); oTD.appendChild(oTag); oTR.appendChild(oTD); } document.getElementById("t0").getElementsByTagName("tbody")[0].appendChild(oTR); if(c>=max-1) obj.disabled=true; } function count(name){ var tags=document.getElementsByTagName("input"); var ta=document.getElementsByTagName("textarea"); var c=0; var reg=RegExp("^"+name+"[0-9]+$"); if(tags){ for(var i=0;i<tags.length;i++){ if(tags[i].name.match(reg)){ c++; } } } if(ta){ for(var i=0;i<ta.length;i++){ if(ta[i].name.match(reg)){ c++; } } } return c; } function myTextAreaAdd(obj){ var max=15; var c=count("howto"); if(c>=max) return false; var oTag = document.createElement("textarea"); oTag.setAttribute("name", "howto" + tag_num++); var oDiv = document.getElementById("area"); oDiv.appendChild(oTag); if(c>=max-1) obj.disabled=true; } </script> </head> <body> <form method="post" enctype="multipart/form-data" action="check.php"> <textarea name="explain"></textarea> <table id="t0" border> <tbody> <tr> <td><input type="text" name="mat1" /></td> <td><input type="text" name="qua1" /></td> </tr> <tr> <td><input type="text" name="mat2" /></td> <td><input type="text" name="qua2" /></td> </tr> <tr> <td><input type="text" name="mat3" /></td> <td><input type="text" name="qua3" /></td> </tr> <tr> <td><input type="text" name="mat4" /></td> <td><input type="text" name="qua4" /></td> </tr> </tbody> </table> <input type="button" value="追加する" onClick="myAdd(this)"> <br /> <span id="area"> <textarea name="howto1"></textarea> <textarea name="howto2"></textarea> <textarea name="howto3"></textarea> <textarea name="howto4"></textarea> </span><br /> <input type="button" value="追加する" onClick="myTextAreaAdd(this)"> <input type="submit" value="送る"> </form>

専門家に質問してみよう