画像にマウスが触れた時にその画像を
替えたいのですが,NNではうまく行き,
IE5では画像は変化せずうまく行きません。
IE5は次のエラーメッセージがでます。
ページでエラーが発生しました。
->
オブジェクトを指定してください。
よろしくお願いします。

<HTML><HEAD><title></title>
<script language="javascript">
<!---
img = new Array();
for (i = 0; i <= 1; i++) {
 imag[i] = new Image() ;
 imag[i].src = "on_" + i + ".gif";
}
function On(n) {
  document.images['menu'+n].src = imag[n].src;
}
function Off(n) {
  document.images['menu'+n].src = "off_" + n + ".gif";
}
//--->
</script></head>

<BODY>
<a href="xxx.html" TARGET="MAIN" onMouseOver="On(0)"
onMouseOut="Off(0)">
<img src="off_0.gif" name="menu0" border="0"></a>

<a href="yyy.html" TARGET="MAIN" onMouseOver="On(1)"
onMouseOut="Off(1)">
<img src="off_1.gif" name="menu1" border="0"></a>
</BODY></HTML>

A 回答 (5件)

うちでもエラーになりましたね。

IE5.0。
NN 4.7では大丈夫です。

function On の中のimag[n].srcも当然直してますよね?

で、いろいろ試してやっとわかった気が…。ひょっとして、ここで質問
するために綺麗に字下げしているだけじゃなくて、本当のソースの
方でも全角スペース使ってませんか?

コピーペーストしてやってたら再現したのですが、全角スペースに
やっと気がついて(forとfunctionの中ですね)取り除いたら
うまく動作するようになりました。
もしこれが原因なら…全角スペース、やめましょう。
    • good
    • 0
この回答へのお礼

仕事の関係でレスポンスが遅れました。全角スペースという
つまらない私のミスでした。質問前、初めてJavaScript
をさわって1日悩んでおりました。回答ありがとうございました。

お礼日時:2001/05/17 23:34

「オブジェクトを指定してください。

」というエラーだったということでしたので、コピー&ペースト後につい整形してしまいましたが、そのままでもNetscapeの場合はエラーにならないんですね。
文法的にはエラーになりそうなところがないので、そういうところからチェックしてみるといいのかもしれません。
    • good
    • 0
この回答へのお礼

レスポンス遅れましてすみませんでした。
大変ありがとうございました。

お礼日時:2001/05/17 23:37

すいません。

読み違えていました。
ただし、うちではIE5でもエラーにはなりませんでした。
    • good
    • 0

Netscapeのバージョンは?


4.7で確認しましたが、特にエラーにはなりませんでした。

この回答への補足

Netscape4.73です。ただ,こちら(Netscape)
ではうまく行っており,IE5でエラーと
なります。

補足日時:2001/05/14 22:51
    • good
    • 0

× img = new Array();


◎ imag = new Array();

この回答への補足

最初の質問で書き間違えました。
プログラムは正しく
imag = new Array();
とかいてありますので,この部分
の誤りではありません。

補足日時:2001/05/14 22:23
    • good
    • 0

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

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

Q&= ~0x0c; &= ~0x03; |=1;

JavaScriptで分からないコードがあるので教えてください。


■変数設定
var hoge = 0;


■変数格納
・キーを押した時の条件分岐
  ~なら hoge |= 1;
  または hoge |= 2;
  または hoge |= 3;
  または hoge |= 8;

・キーを離した時の条件分岐
  ~なら hoge &= ~0x0c;
  または hoge &= ~0x03;


■変数使用
・swithch文の条件分岐に利用
  (hoge&0x03)
  (hoge&0x0c)


■質問
・どういう意味でしょうか?
・文字コード?
・ビット演算?

Aベストアンサー

ビット演算してるわね

x = x + a

x += a
って書くことができるの

つまり
hoge |= 1

hoge = hoge | 1
のことね

~はNOTのこと

0x
はアスキーコードの16進数表記ねきっと

0x0c は改ページを意味していて
0x03 は文章の最後を意味している
と思われるわ
全文がないので推測だけど

Q 内に書くことはできません」

元アルバイト先に頼まれてサイトを作り運営しているのですが、わからないことがあるので教えて下さい。

サイトはXHTML1.0 Transitional で作っており、ここに、http://fmono.sub.jp/ の「w3Analyzer」を組み込みアクセス解析をしています。サイト自体もこのアクセス解析も正常に動作しています。
ただ、このサイトをhttp://openlab.ring.gr.jp/k16/htmllint/htmllint.htmlで構文チェックすると、アクセス解析のタグにエラー「<img>を~行目の<script>~</script>内に書くことはできません。」が表示されてしまいます。
エラーが表示されるタグは下記のようなものです。

<script type="text/javascript">
document.write('<img src="http://~/w3a/writelog.php?ref='+document.referrer+'" width="1" height="1" />');
</script> >

アクセスログは普通に取得できているので問題ないのですが、もし上記エラーを回避する方法があればご教授下さい。よろしくお願いします。

元アルバイト先に頼まれてサイトを作り運営しているのですが、わからないことがあるので教えて下さい。

サイトはXHTML1.0 Transitional で作っており、ここに、http://fmono.sub.jp/ の「w3Analyzer」を組み込みアクセス解析をしています。サイト自体もこのアクセス解析も正常に動作しています。
ただ、このサイトをhttp://openlab.ring.gr.jp/k16/htmllint/htmllint.htmlで構文チェックすると、アクセス解析のタグにエラー「<img>を~行目の<script>~</script>内に書くことはできません。」が表示されてし...続きを読む

Aベストアンサー

XHTML には「ホンモノの XHTML」と「ニセモノの XHTML」があります。「ホンモノの XHTML」とは application/xml または application/xhtml+xml として識別されるもの、「ニセモノの XHTML」は text/html で識別されるものです。

※実際にはどちらも本物です。ここでは「HTML 互換として処理される XHTML」を「ニセモノ」、「XML として解析される XHTML」を「ホンモノ」と、カタカナ&カッコ付きで書いています。

「ホンモノの XHTML」として見れば、質問文のソースは妥当性違反です。なぜなら、img 要素のタグがエスケープされていないため、これがスクリプトの一部ではなく文書構成要素だと判断されるからです。XHTML 1.0 のスキーマは、script 要素内に img 要素が出現することを許していません。もちろん、スクリプトとしても正しく動作しません。

従って、XML のルールに従ってエスケープする必要があります。特に「<」と「&」は必ずエスケープしなければなりません。

document.write('&lt;img .... />');

ですが面倒なことに、「ニセモノの XHTML」ではこれが動作しなくなります。「ニセモノの XHTML」は、HTML との互換性のために script 要素内の「<」「&」をうまく扱ってくれるのですが、それが仇となり、上記では「&lt;」が「<」に戻りません。

ならば、コメント区間にするのはどうでしょう。XML でもコメント内なら「<」「&」が現れても大丈夫です(ただし「--」だけは駄目です)。

<script type="text/javascript"><!--
document.write('<img .... />');
//--></script>

「ニセモノの XHTML」ならこれでも構いません。しかし、「ホンモノの XHTML」では、コメントは本当に破棄されてしまい、上記では動作すらしなくなります。

そこで、XML/HTML のルールを使わず、JavaScript のルールでエスケープすることを考えます。

document.write('\u003Cimg .... />');

これなら大丈夫でしょう。XML/HTML に限らず、言語が混在する際は必ず適切なエスケープを施す必要があります。エスケープを避けたければ外部スクリプトにして下さい。


なお、ここには別の問題があります。そもそも「ホンモノの XHTML」では、document.write を使用できません。これは HTML 互換の機能だからです(HTML5 に明記されています)。

XHTML を採用するのであれば、それが「ホンモノ」でも「ニセモノ」でも大丈夫なよう、document.write に頼らないコードを作成して下さい。あるいは try...catch で括るなどして、「ニセモノ」として処理されたときのみコードが動作するよう工夫して下さい。あるいはいっそ、XHTML を止めるのも 1 つの選択でしょう。

XHTML には「ホンモノの XHTML」と「ニセモノの XHTML」があります。「ホンモノの XHTML」とは application/xml または application/xhtml+xml として識別されるもの、「ニセモノの XHTML」は text/html で識別されるものです。

※実際にはどちらも本物です。ここでは「HTML 互換として処理される XHTML」を「ニセモノ」、「XML として解析される XHTML」を「ホンモノ」と、カタカナ&カッコ付きで書いています。

「ホンモノの XHTML」として見れば、質問文のソースは妥当性違反です。なぜなら、img 要素のタ...続きを読む

Q

数十の<a>タグがあるHTMLファイルの中で、
<div id="blank">で囲まれた<a>タグ群のみをすべてtarget="_blank"にしたいと考えています。
該当する<a>タグすべてにtarget="_blank"を書くと、HTMLファイルの容量が大きくなるので、CSSのIDとJavaScriptを組み合わせて、実現できないものでしょうか。

Aベストアンサー

<base target="_blank">
<div id="blank">
 <!-- -->
</div>
<base target="_self">

Q

▼次のようにページ内のdivタグのidの名前によって、formタグ内の要素をdisableにすることはJava scriptによって可能でしょうか?

<div id="AA">のとき、別の場所にある<form id="BB">内のselect要素などすべての要素をdisableにする。

また同時に、id="BB"に指定したスタイルシートの記述を書き換えることは可能でしょうか?

何かよい方法をご存知でしたら教えてください。よろしくお願いいたします。

Aベストアンサー

>なぜか時々エラーが出ます。
ウチでちょっと試した程度ではエラーが発生しませんでした。
できましたら、発生したときのメッセージや場所また、ブラウザの種類なども教えてください。

以下は、予防的な意味での注意点についてちょっと書きます。
>return false;

は、必要ないです。
書かない方がいいと思います。
==nullの場合の処理が必要ないなら
!=nullにすればよいです。
もしくは
return false;でなくて
;
のように空文でもよいです。
あと、idに使っている名前と同じ名前を変数名として使わない方が良いです。
つまり、
id="soldout"の時に
var soldout;という風にはしない方が良いです。
同じでなければ、cartFormでもなんでもかまいません。
あと、scriptは、
<!--
(スクリプトの中身)
//-->
のように
<!--
//-->
で囲むようにします。

getElementById
は、ブラウザやのブラウザのバージョンによっては使えないことがあります。
その場合は、使えるかどうかを調べる必要があります。

<script type="text/javascript">
<!--
function stockStatus (num){
var f=document.getElementById("soldout");

if(f!=null){
for (var i =0; i<=f.length -1 ;i++){
f.elements[i].disabled=num;
}
}
}
//-->
</script>

>なぜか時々エラーが出ます。
ウチでちょっと試した程度ではエラーが発生しませんでした。
できましたら、発生したときのメッセージや場所また、ブラウザの種類なども教えてください。

以下は、予防的な意味での注意点についてちょっと書きます。
>return false;

は、必要ないです。
書かない方がいいと思います。
==nullの場合の処理が必要ないなら
!=nullにすればよいです。
もしくは
return false;でなくて
;
のように空文でもよいです。
あと、idに使っている名前と同じ名前を変数名として...続きを読む

Qタグの alt= の値をキャプションに

初心者を抜け出そうとしている者です。

画像の下にキャプションを付けたいのですが、
alt= の値を利用しようと思っています。
下記のようなスクリプトで実現できる方法はあるのでしょうか?

<html>
<head>
<script type="text/javascript">
<!--
  window.onload = function() {

    var list = document.getElementsByTagName('img');
    
    for (var i=0; i < list.length; i++) {
      /* ココで、それぞれの<img> の alt=の値を取り出し、
        それぞれの<img>の直後に、
        '<br><span> alt の値 </span>' を挿入したい
       */
    }
  }
//-->
</script>
</head>
<body>
<h1>テスト IMGタグの後に文字列出力</h1>
<img src="../images/logo1.gif" alt="Logo1" />
<img src="../images/logo2.gif" alt="Logo2" />
</body>
</html>

※ 上記インデントは全角スペースで書いております。

上のような方法以外でもかまいませんので、
スクリプト例を書いていただけると嬉しいです。
よろしくお願いします。

初心者を抜け出そうとしている者です。

画像の下にキャプションを付けたいのですが、
alt= の値を利用しようと思っています。
下記のようなスクリプトで実現できる方法はあるのでしょうか?

<html>
<head>
<script type="text/javascript">
<!--
  window.onload = function() {

    var list = document.getElementsByTagName('img');
    
    for (var i=0; i < list.length; i++) {
      /* ココで、それぞれの<img> の alt=の値を取り出し、
        それぞれの<img>の直後...続きを読む

Aベストアンサー

定義通りつくるとこんな感じ。でもちょっと変ですね・・・

<script>
window.onload = function() {
var list = document.getElementsByTagName('img');
for (var i=0; i < list.length; i++) {
var alt=list[i].getAttribute("alt");
if(alt){
var span=document.createElement("span");
span.appendChild(document.createTextNode(alt));
list[i].parentNode.insertBefore(span,list[i].nextSibling);
var br=document.createElement("br");
list[i].parentNode.insertBefore(br,list[i].nextSibling);
}
}
}
</script>
<h1>テストIMGタグの後に文字列出力</h1>
<img src="1.jpg" alt="Logo1" />
<img src="2.jpg" alt="Logo2" />
<img src="3.jpg" />

定義通りつくるとこんな感じ。でもちょっと変ですね・・・

<script>
window.onload = function() {
var list = document.getElementsByTagName('img');
for (var i=0; i < list.length; i++) {
var alt=list[i].getAttribute("alt");
if(alt){
var span=document.createElement("span");
span.appendChild(document.createTextNode(alt));
list[i].parentNode.insertBefore(span,list[i].nextSibling);
var br=document.createElement("br");
list[i].parentNode.insertBefore(br,list[i].nextSibling);
...続きを読む


人気Q&Aランキング

おすすめ情報