2007/5/21(月) 17:56
はじめての方は利用方法や
お願いについてガイドライン
のご一読をお願いします
 をクリックするとそのツリーの全記事を一度に閲覧できます。(Ver. 2.01)

[記事表示に戻る] [ツリートップの表示に戻る]

-JavaScript-licope(1/20-05:20)No.10348
 ┗Re:JavaScript-菊池さん(1/20-07:23)No.10349
  ┗Re:JavaScript-licope(1/20-14:46)No.10350
   ┗Re:JavaScript-licope(1/20-16:28)No.10352
    ┗Re:JavaScript-菊池さん(1/21-18:12)No.10353
     ┗Re:JavaScript-licope(1/23-11:02)No.10354
      ┗Re:JavaScript-菊池さん(1/23-15:45)No.10355
       ┗Re:JavaScript-licope(1/25-13:40)No.10356


トップに戻る
10348JavaScriptlicope E-mail URL1/20-05:20

サンプル集にあるようなイメージオブジェクト効果と小ウィンドウを開くス
クリプトを同時に行うJavaScriptについてお伺いいたします。

例えば、メニュー例などの表示で、メニュー@ABなどがあって数字にマウ
スを乗せると他のテーブルに画像が表れて、数字をクリックすると、サイズ
を自分で指定した小ウィンドウを開き、その中に拡大写真を表示するといっ
たものを作る場合なのですが、今まで自分のHPで使用していたプログラムを
使って[ホームページビルダー]で新規にページを作ろうとしたらエラーが出
てしまいます。ビルダーでも同時にプログラムを組み込めるのですが、自分
が指定したサイズで開けません。アドバイスをお願いします。

トップに戻る
10349Re:JavaScript菊池さん 1/20-07:23
記事番号10348へのコメント
イメージオブジェクト解説ページの例で説明すると、
<A HREF='JavaScript:;'
onMouseOver='document.Title.src=img2.src;return true;'
onMouseOut='document.Title.src=img1.src;return true;'>こちらでも変わ
ります</A>

にクリックすると小ウィンドウを開くステートメントを追加します

<A HREF='JavaScript:;'
onMouseOver='document.Title.src=img2.src;return true;'
onMouseOut='document.Title.src=img1.src;return true;'
onClick='window.open
("../gif/baybridge.jpg","","width=320,height=220")'>こちらでも変わ
り、クリックで小ウィンドウオープン</A>

../gif/baybridge.jpg:表示したい画像のパス(URL指定も可)
width=320,height=220:小ウィンドウサイズ

(イメージオブジェクト解説ページにこの例を追加しました)

トップに戻る
10350Re:JavaScriptlicope E-mail URL1/20-14:46
記事番号10349へのコメント
いつもありがとうございます。
説明通りに組み込んだら出来ました。ただ、[ホームページビルダー]で
編集するとやはりエラーが出ましたので、メモ帳でソースを書き直すと
上手くいきました。本当にありがとうございましたm(__)m

トップに戻る
10352Re:JavaScriptlicope E-mail URL1/20-16:28
記事番号10350へのコメント
何度もすいませんが…

ページ内に複数の表示枠を作り表示させる場合なのですが
〜例えば〜

Aメニュー
@・・・・・・・・・→表示させる
A・・・・・・・・・→表示させる

Bメニュー
@・・・・・・・・・→表示させる
A・・・・・・・・・→表示させる
とこのような場合なのですが、
〜〜〜〜
<script language="JavaScript">
<!--
//イメージオジェクト
if (document.images)
{
img1=new Image(240,80); img1.src="./gif/title.gif";
img2=new Image(240,80); img2.src="./gif/kikuti2.gif";
}
//-->
</script>
〜〜〜〜
このプログラムの中の〔img1〕というのを増やしていけばいいのでしょう
か?

1つの枠だけでは出来たのですが、2個目の枠のプログラムを組み込んだら
一つ目の枠も表示されなくなってしまいました。

対処方を教えてください。

トップに戻る
10353Re:JavaScript菊池さん 1/21-18:12
記事番号10352へのコメント
>このプログラムの中の〔img1〕というのを増やしていけばいいのでしょう
>か?
>
そうです。

>1つの枠だけでは出来たのですが、2個目の枠のプログラムを組み込んだら
>一つ目の枠も表示されなくなってしまいました。
>
ソースを見れるようにしてください。ソースを見たほうが早いと
思いますので

トップに戻る
10354Re:JavaScriptlicope E-mail URL1/23-11:02
記事番号10353へのコメント
解決しました。

表示させる枠が複数の場合は…
=イメージを表示する場所に下の文を記述=の中の[NAME='Title']のところを
枠ごとに名前を変えて個別にプログラムを挿入すればよろしいんでしょうか。

[NAME='Title']のTitleを別名に変えて、違う表示場所にプログラムを挿入した
ら上手く作動しました。が…これであっているのでしょうか???

トップに戻る
10355Re:JavaScript菊池さん 1/23-15:45
記事番号10354へのコメント
説明不足でしたが、それであってます。
Titleは表示する画像のグループ、img1,img2がグループ内で
表示切替をする画像のセットになります。

トップに戻る
10356Re:JavaScriptlicope E-mail URL1/25-13:40
記事番号10355へのコメント
ありがとうございました。
またよろしくお願いします。