ロールオーバー(2)
- 0 名前： happy ： 2004/09/29 01:00
- ここのJavaのロールオーバー(2)についての質問なんですけど、
手始めにそのまま流用してやってみたのですが、うまく動作しません。
HP作成ソフトと組み合わせてやっているのですが、それによると、ここがおかしいらしいのですが…。
<IMG SRC="image/sankaku_off.gif" ALT="s1" WIDTH="15" HEIGHT="17" NAME="img1">
<A HREF="change2.html" onMouseOver="On('img1')" onMouseOut="Off('img1')">Sample1</A>
これを流用してこうしてみたのですが…。
<TD width="10" height="10"><FONT size="-1"><IMG src="off.jpg" width="10" height="10" name="img1" border="0"></FONT></TD>
<TD><FONT size="-1"><A onmouseover="on('img1')" onmouseout="off('img1')" href="diary9.html">日記</A></FONT></TD>
あくまで推測なのですが、img1あたりが間違ってると思うのですが、どうやってもうまくいきません。
どなたか心当たりのある方、ご享受願います。
- 1 名前： むむりく ： 2004/09/29 01:25
- こちらですね？
http://www.tagindex.com/javascript/link/change2.html
作成ソフトのプレビューなどでなく、
ブラウザで見てもうまく動作しないのですか？
後者ですが、函数名は On, Off に戻しておきましょう。
ちなみに ALT="s1" は、alt="" がいいかも。
[s1]と表示されたら、逆に混乱すると思うので。
- 2 名前： U D ： 2004/09/29 15:00
- > <A onmouseover="on('img1')" onmouseout="off('img1')" href="diary9.html">
サンプルソースをそのまま使ったのであれば
on('img1') off('img1') ではなく、
On('img1') Off('img1') にしてください。
あとは、
http://www.tagindex.com/javascript/link/change2.html
を読んだとおりにすればできるはずです。
- 3 名前： happy ： 2004/09/29 16:09
- 返信ありがとうございます。
>>むむりくさん
>ちなみに ALT="s1" は、alt="" がいいかも。
ALTは使っていないのですが、使ったほうがいいのでしょうか？
>作成ソフトのプレビューなどでなく、
>ブラウザで見てもうまく動作しないのですか？
IE6で動作確認をしましたが駄目でした。
ソフトでみると『オブジェクトを指定してください』と表示されます。
>函数名は On, Off に戻しておきましょう。
函数名というのは
<A onmouseover="on('img1')" onmouseout="off('img1')" href="diary9.html">日記</A>
この部分のことですよね？
>>U Dさん
U Dさんが仰ってるのもむむりくさんと同じ函数名のことですよね？
しかしそこをOnやOffにしても動作しません。
<!--
if (document.images) {
var On = new Image();
On.src = "on.jpg"; // ポイント時の画像
var Off = new Image();
Off.src = "off.jpg"; // 通常の画像
}
function On(name) {
if (document.images) {
document.images[name].src = On.src;
}
}
// 放した時の処理
function Off(name) {
if (document.images) {
document.images[name].src = Off.src;
}
}
// -->
</SCRIPT>
上部にこちらのスクリプト記述をしているのですが、こちらが間違っているのでしょうか？
- 4 名前： U D ： 2004/09/29 19:00
- > var On = new Image();
> On.src = "on.jpg"; // ポイント時の画像
> var Off = new Image();
> Off.src = "off.jpg"; // 通常の画像
> document.images[name].src = On.src;
> document.images[name].src = Off.src;
これら６つの On や Off を、"on" "off"に直してください。
詳しいことを言えば、
> function On(name)
などの"On"というのは、「関数」で、
上の方に挙げた６つの"On""Off"は、「変数」です。
つまりどちらも同じ名前にしてしまったためにエラーになったのではないでしょうか？
どっちみちこのような場合間違えやすいので、どちらかの名前を変えておいた方が分かりやすいと思います。
> 後者ですが、函数名は On, Off に戻しておきましょう。
函数名→関数名 ですね。
- 5 名前： むむりく ： 2004/09/30 00:33
- > ALTは使っていないのですが、使ったほうがいいのでしょうか？
img 要素には必須の属性ですので、ぜひぜひ。
> 函数名→関数名 ですね。
函数名＝関数名 にしていただけると……
あまり一般的でない書き方してしまったのは申し訳ありません。
お気に入りの言葉なので思わず。
全然関係ないけど、一般的な説。
' function ' → 中国で「ファンスー」 → 「函数」（ブラックボックスの意味も）→ 「関数」
- 6 名前： U D ： 2004/10/01 17:13
- へぇへぇへぇへぇへぇ（５へぇぐらいかな？）
そうだったんですか！
全然知りませんでした！
「函数」という表現、覚えておくことにします。
- 7 名前： happy ： 2004/10/01 20:44
- えーと、いっぺんにいろいろいじってみたら出来ました。
結局何がどういけなかったのか、原因が分からずじまいですが、出来たので良しとします。
アリガトウございました！
