次のようなJavascriptを使ったページを作ったところ、IEではうまく表示、更新されるのですが、Netscapeでは更新しようとすると、selectの中身がなくなってしまいました。IEとNetscapeでソースを見たところ、次のようにBODYの中が変化していました。どなたか、対策を教えていただけませんでしょうか。

IEのソース
<body>
</p><form name="form1" method="GET" action="list.cgi">
<p align=right>
<strong>表示形式</strong>
<select name="list" onChange="getAction()">
<script language="JavaScript">
<!--
lists = getCookie("LISTADD");
switch(lists){
case "":
document.write("<option value=\"num:hl\" selected>リスト順[新→旧]</option>");
document.write("<option value=\"num:lh\">リスト順[旧→新]</option>");
break;
case "num:hl":
document.write("<option value=\"num:hl\" selected>リスト順[新→旧]</option>");
document.write("<option value=\"num:lh\">リスト順[旧→新]</option>");
break;
case "num:lh":
document.write("<option value=\"num:hl\">リスト順[新→旧]</option>");
document.write("<option value=\"num:lh\" selected>リスト順[旧→新]</option>");
break;
}
//-->
</script>
</select>
</p>
</form>
</body>

Netscapeのソース
<body>
</p><form name="form1" method="GET" action="list.cgi">
<p align=right>
<strong>ノスシィキチシー</strong>
<select name="list" onChange="getAction()">
<OPTION value="num:hl" selected>リスト順[新→旧]</OPTION>
<OPTION value="num:lh">リスト順[旧→新]</OPTION>
</SELECT>
</P>
</FORM>
</BODY>
</HTML>

このQ&Aに関連する最新のQ&A

A 回答 (4件)

すみません。

補足です。
もし、ここに書かれていないだけで、
functionでgetCookie()、getAction()を
作っておられたのならば、すみません。

現状、ここに公開しておられるソースに限って言えば、
lists という変数に getCookie("LISTADD") を代入しておられますが、
この、getCookie("LISTADD") がないから、空になってしまうのでは?

たとえば、
lists = getCookie("LISTADD");
としている部分を、
lists = "";
として、switch文の最初の条件、
case "":
に当てはまるようにしてやると、
セレクトの中身は消えないと思います。

getCookieというファンクションが呼び出せないので、
NULLになる前に、getCookieというファンクションがない
というエラーを返してくると思うのですが。

的外れであれば、ごめんなさい。
    • good
    • 0

あのぉ~・・・・


getCookie()、getAction()は
JavaScriptの関数じゃないような
気がするんですけど・・・。
    • good
    • 0

とりあえず、ネットスケープのアドレス入力部分に、


javascript:
と入力してエンターを押してみてください。
デバック用のウィンドウがでてくるはずです。
エラーのあるページを開けば、そこにエラーが表示されますので、問題解決の助けになるのではないかと思います。
    • good
    • 0

Netscape の設定として、JavaScript を使う設定になってますか?



後、気になるところといえば、「表示形式」の漢字が化けてますね。
<META> タグで、きちんと漢字コードの設定をして、Netscape の方で
自動選択をするようにしておきましょう。

例えば、ShiftJIS だったらこんな感じです。<HEAD> の中に入れておいてください。

<meta http-equiv="Content-Type" content="text/html; charset=shift_jis">
    • good
    • 0

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!

このQ&Aと関連する良く見られている質問

Qタグの追加

絞り込みのボタン部分をセレクトタグにしたいのですが、
どなたかわかる方がいましたら教えてください。


<↓下記のようなセレクトタグを追加したいです>
---------------------------------------------
<select>
<option value="javascript:refresh();">全て</option>
<option value="">イヌ</option>
<option value="">ネコ</option>
<option value="">トリ</option>
</select>
---------------------------------------------


<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript">google.load("jquery", "1.7");</script>
<script type="text/javascript">

$(function() {
$("#tags span").click(function() {
var tags = $(this).attr('id');
$("#tags span").removeClass('select');
$(this).addClass('select');
$("#animal div").hide();
if(tags == 'dogs') {
$("#animal .dog").show();
} else if(tags == 'cats') {
$("#animal .cat").show();
} else if(tags == 'birds') {
$("#animal .bird").show();
} else {
$("#animal div").show();
}
});
});
</script>

<div id="tags">
<span class="select"><button>全て</button></span>
<span id="dogs"><button>イヌ</button></span>
<span id="cats"><button>ネコ</button></span>
<span id="birds"><button>トリ</button></span>
</div>

<div id="animal">
<div class="cat"><img src="http://www.finefinefine.jp/wp/sample/images/cat1.jpg"/alt="写真" width="250" height="188"></div>
<div class="dog"><img src="http://www.finefinefine.jp/wp/sample/images/dog1.jpg"/alt="写真" width="250" height="188"></div>
<div class="bird"><img src="http://www.finefinefine.jp/wp/sample/images/bird1.jpg"/alt="写真" width="250" height="188"></div>
<div class="dog"><img src="http://www.finefinefine.jp/wp/sample/images/dog2.jpg"/alt="写真" width="250" height="188"></div>
<div class="bird"><img src="http://www.finefinefine.jp/wp/sample/images/bird2.jpg"/alt="写真" width="250" height="188"></div>
<div class="cat"><img src="http://www.finefinefine.jp/wp/sample/images/cat2.jpg"/alt="写真" width="250" height="188"></div>
<div class="bird"><img src="http://www.finefinefine.jp/wp/sample/images/bird3.jpg"/alt="写真" width="250" height="188"></div>
<div class="cat"><img src="http://www.finefinefine.jp/wp/sample/images/cat3.jpg"/alt="写真" width="250" height="188"></div>
<div class="dog"><img src="http://www.finefinefine.jp/wp/sample/images/dog3.jpg"/alt="写真" width="250" height="188"></div>
<div class="cat"><img src="http://www.finefinefine.jp/wp/sample/images/cat4.jpg"/alt="写真" width="250" height="188"></div>
<div class="bird"><img src="http://www.finefinefine.jp/wp/sample/images/bird4.jpg"/alt="写真" width="250" height="188"></div>
</div>

絞り込みのボタン部分をセレクトタグにしたいのですが、
どなたかわかる方がいましたら教えてください。


<↓下記のようなセレクトタグを追加したいです>
---------------------------------------------
<select>
<option value="javascript:refresh();">全て</option>
<option value="">イヌ</option>
<option value="">ネコ</option>
<option value="">トリ</option>
</select>
---------------------------------------------


<script type="text/javascript" src="http://www.google.com/...続きを読む

Aベストアンサー

こんな感じでどうぞ

$(function() {
$("#selects").change(function() {
var tags = $(this + 'option:selected').val();
$("#animal div").hide();
if(tags == 'dogs') {
$("#animal .dog").show();
} else if(tags == 'cats') {
$("#animal .cat").show();
} else if(tags == 'birds') {
$("#animal .bird").show();
} else {
$("#animal div").show();
}
});
});
</script>

<select id="selects">
<option value="all">全て</option>
<option value="dogs">イヌ</option>
<option value="cats">ネコ</option>
<option value="birds">トリ</option>
</select>

こんな感じでどうぞ

$(function() {
$("#selects").change(function() {
var tags = $(this + 'option:selected').val();
$("#animal div").hide();
if(tags == 'dogs') {
$("#animal .dog").show();
} else if(tags == 'cats') {
$("#animal .cat").show();
} else if(tags == 'birds') {
$("#animal .bird").show();
} else {
$("#animal div").show();
}
});
});
</script>

<select id="selects">
<option value="all">全て</option>
<option value="dogs">イヌ</option>
<option valu...続きを読む

QjQuery要素の絞り込み + タグの追加 + ソート機能

jQuery要素の絞り込みボタンを<select></select>タグにしたいです。

下記のindex.html の種類のボタンに、select button.html の機能を追加したいですが

どなたかわかる方がいましたら教えて下さい

http://xfs.jp/tdevx

Aベストアンサー

移植すれば良いだけでは?

JavaScript:
$(function() {
$("#selects").change(function() {
var tags = $("#selects option:selected").val();
$("#sortwrapper").children().hide();
if(tags == 'dogs') {
$("#animal .dog").show();
} else if(tags == 'cats') {
$("#animal .cat").show();
} else if(tags == 'birds') {
$("#animal .tri").show();
} else {
$("#sortwrapper").children().hide();
}
});
});

HTML:
<select id="selects">
<option value="all">全て</option>
<option value="dogs">イヌ</option>
<option value="cats">ネコ</option>
<option value="birds">トリ</option>
</select>

プルダウンの中にボタンを入れたい訳ではありませんよね

移植すれば良いだけでは?

JavaScript:
$(function() {
$("#selects").change(function() {
var tags = $("#selects option:selected").val();
$("#sortwrapper").children().hide();
if(tags == 'dogs') {
$("#animal .dog").show();
} else if(tags == 'cats') {
$("#animal .cat").show();
} else if(tags == 'birds') {
$("#animal .tri").show();
} else {
$("#sortwrapper").children().hide();
}
});
});

HTML:
<select id="selects">
<option value="all">全て</option>
<optio...続きを読む

QJavaScript で動的に