WEB相談室

Webページ作成に関しての何でも掲示板です。

タイトル:JAVAを使ってみたい

たくや[MAIL][URL][WriteDate : Tue Aug 8 19:27:26 2000]

画像ボタンにカーソルを重ねたときに同じページの別のところに画像を表示させたいのですが、どうしたらいいんでしょうか?なんか表現がわかりづらくてすいません。よろしくおねがいします。

Qz[MAIL][URL][WriteDate :Wed Aug 9 04:33:49 2000]

JavaScriptって、ことですね(^^;;
JavaとJavaScriptは、別のものなので、勘違いしないほうがいいです。

http://www2s.biglobe.ne.jp/~club_tom/index.htm
http://www.shiojiri.ne.jp/~openspc/JavaScript/index.html

などを探してみるといいと思います。
基本的な文法を、覚えたほうが、後々、いろいろできるので、
この際だから、勉強しては、いかがでしょう?

ご質問に関連する項目は、onMouseOverイベント , Imageオブジェクトです。
ちなみに、img srcは、a hrefでかこって、a hrefのonMouseOverイベントをとらないと、ネットスケープでは、うまく表示されないようです。



たくや[MAIL][URL][WriteDate :Wed Aug 9 08:12:19 2000]

くわしく説明していただいてありがとうございます。
がんばってみます。

たくや[MAIL][URL][WriteDate :Wed Aug 9 08:14:08 2000]

くわしく説明して頂いてありがとうございました。
なんとか頑張ってみます。

内田正幸[MAIL][URL][WriteDate :Mon Aug 28 10:26:46 2000]

 IBMのホームページビルダーを使って、イベントの設定でJavaScriptのonmouseover・onmouseoutを使い、ホームページを作成していますが、Windows系ではちゃんと思惑通りに動きますが、ネットスケープではまったく動きません。
 またマックでみる場合も、エクスプローラではある程度動きますが画面のずれを起こし、見ずらいこと。(マックではエクスプローラとネットスケープで試したがいずれも駄目でした。)
この場合の対処方法を教えてください。よろしくお願いします。
8月28日 内田正幸


じゃすみん[MAIL][URL][WriteDate :Mon Aug 28 11:59:05 2000]


>内田さん
ソース、公開してくれないとアドバイスしようが無いと思うけど・・・。
私の場合、imgタグの要素にnameを指定して、
document.名前.srcとゆーふうに書いているけど、
たぶん大きく違わないと思うし、抽象的すぎてわからない。

内田正幸[MAIL][URL][WriteDate :Wed Aug 30 13:37:53 2000]

先日、8月28日にご教授願いたいとメールを出したところ、早速回答いただき有難う御座いました。一応自分なりにあれこれ試してみましたが、うまくいきませんでしたので、再度お願いします。ソースを公開してなかったため、アドバイスのしようがないとの事でしたので、ソースをそのままでは、あまり大きくなるので、部分だけでいいでしょうか?。

<SCRIPT language="JavaScript">
<!--HPB_SCRIPT_CODE_40
// _HpbImgSwap: 画像を入れ換えます
// _HpbImgFind: Imageオブジェクトを探します
//
// バージョン: 5.0.1
//
function _HpbImgSwap(imgName, imgSrc)
{
  var appVer=parseInt(navigator.appVersion);
  var isNC=(document.layers && (appVer >= 4)); // Netscape Navigator 4.0 or later
  var isIE=(document.all    && (appVer >= 4)); // Internet Explorer  4.0 or later

  if (isNC || isIE)
  {
    if (document.images)
    {
      var img = document.images[imgName];
      if (!img) img = _HpbImgFind(document, imgName);
      if (img) img.src = imgSrc;
    }
  }
}

function _HpbImgFind(doc, imgName)
{
  for (var i=0; i < doc.layers.length; i++)
  {
    var img = doc.layers[i].document.images[imgName];
    if (!img) img = _HpbImgFind(doc.layers[i], imgName);
    if (img) return img;
  }
  return null;
}
//-->
</SCRIPT>

ここがbodyの一部分です。
<td><A href="http://www.yahoo.co.jp/"><IMG src="pict/03.jpg" border="0" width="94" height="20" name="ga1" onmouseover="_HpbImgSwap('ga1', 't-gif/pt1b11.gif'); _HpbImgSwap('ga2', 't-gif/pt1b12.gif');" onmouseout="_HpbImgSwap('ga2', 't-gif/pt1b12x.gif'); _HpbImgSwap('ga1', 'pict/03.jpg');" src="03.jpg"></A></td>
以上よろしくお願いいたします。

2000/08/30
内田



じゃすみん[MAIL][URL][WriteDate :Fri Sep 1 10:41:39 2000]

ソース公開してと書いておきながら、
ゆっくりソースを見る時間がとれません。
内田さんごめんなさい。
来週の水曜日あたりになれば多少時間が取れるはず。

でもきになったことをちょっと。
imageのsrcが2つ指定されてるのはなぜ?
画像ファイルは同じサイズで作成している?
width,height指定でサイズを変えているならそのせいかも。


ちゃいぱ[MAIL][URL][WriteDate :Fri Sep 1 11:59:48 2000]


>じゃすみんさんへ、いつもお世話になっています。

>内田正幸さんへ
ざーっと見た感じ、じゃすみんと同じく、結構、変です。

以下の感じでどうでしょう!

unction _HpbImgSwap(imgName, imgSrc) 

  var appVer=parseInt(navigator.appVersion); 
  var isNC=(document.layers && (appVer >= 4)); // Netscape Navigator 4.0 or later 
  var isIE=(document.all    && (appVer >= 4)); // Internet Explorer  4.0 or later 

  if (isNC || isIE) 
  { 
    if (document.images) 
    { 
      var img = document.images[imgName]; 
/*      if (!img) img = _HpbImgFind(document, imgName); */
      if (img) img.src = imgSrc; 
    } 
  } 
}

<td><A href="http://www.yahoo.co.jp/" onmouseover="〜〜" onmousover="〜〜"><IMG src="〜〜"></A></td>

これで、IEとネスケで画面切変えができるはずです。
ネスケでは、IMG属性にonmousoverなどは無効になります。

回答(必須): 状態:

お名前(必須):

e-mail:

URL:




Back