www.wanichan.com

ポップアップウィンドウを同じページの別な部分に二つ利用したい

フォーラム過去ログ

■1239 / inTopicNo.1) 先日教えていただいたジャバスクリプトについて

□投稿者/ マリオ 一般人(14回)-(2006/09/12(Tue) 02:01:35)

    記事内容:[FrontPage 2003] 

    こんにちは。
    先日はありがとうございました。

    http://www.wanichan.com/web/upgrade/popup.htm
    このページで教えていただいたとおりにしたら、ちゃんと思い通りのサイズにウィンドウを表示する事ができました。

    ところで、これは同じページの別な部分に二つ利用することはできないのでしょうか?
    たとえば、同じページに

    「今週のイベント」
    ・バスケットボール大会
    ・バレーボール大会

    上のような文字があった時に、二つとも、そのジャバスクリプトを利用して表示する事はできないのでしょうか?

■1242 / inTopicNo.2) Re[1]: 先日教えていただいたジャバスクリプトについて

□投稿者/ wanichan 大御所(478回)-(2006/09/12(Tue) 10:30:24)

    同じページに複数あるということですね?
    そしたら、それぞれ区別するように指定すればいいと思います。

    <script type="text/javascript"><!--
    // イメージポップアップ表示
    function basketball() {
    window.open("リンク先のHTMLファイル","window1","width=ウィンドウの幅,height=ウィンドウの高さ");
    }
    function volleyball() {
    window.open("リンク先のHTMLファイル","window1","width=ウィンドウの幅,height=ウィンドウの高さ");
    }
    // --></script>

    そして、バスケットボールの場合へのリンクは
    ハイパーリンクの挿入のリンク先として
    javascript:basketball();
    バレーボールの場合は
    javascript:volleyball();

    このようにすればいいと思いますよ。

■1243 / inTopicNo.3) Re[2]: 先日教えていただいたジャバスクリプトについて

□投稿者/ マリオ 一般人(15回)-(2006/09/12(Tue) 15:46:35)

    なるほど、文字列にリンクかける場合はそうやって区別するんですね、勉強になりました。ありがとうございます★

    ですが、すみません、質問の時点で質問の仕方を間違っていたというか…大事な事を書き忘れたんですが、今回私がリンクかけたいのは、画像を範囲選択してリンクかける方法でしたいのです。
    となると、文字列を指定するように、文字での区別がつけられないですよね?一つの画像の中に、リンクをかけたい部分が二つあるんですが、その場合はどうしたらいいんでしょうか…

    ちなみに一個目は

    <script type="text/javascript"><!--
    // イメージポップアップ表示
    function ImageUp() {
    window.open("dekogalary.htm","window1","width=465,height=740,scrollbars=1");
    }
    // --></script>



    <area href="javascript:ImageUp();" shape="rect" coords="144, 409, 439, 427">

    で正常に表示されているんですが、二個目からはどう区別したらいいんでしょうか…

■1244 / inTopicNo.4) Re[3]: 先日教えていただいたジャバスクリプトについて

□投稿者/ wanichan 大御所(479回)-(2006/09/12(Tue) 16:22:05)

    ひとつの画像の中に複数のリンクを作成する場合も、基本的に同じです。

    まず、リンクをクリックしたときのポップアップ設定の記述をそれぞれ行ってください。
    そして、画像の一部のリンクですが、ホットスポットによるリンクが可能です。
    別にタグ打ちしなくてもいいです。

    画像の一部にリンクする方法についてはこちらをご覧ください。
    http://www.wanichan.com/web/fp2003a/graph03.htm

    部分的に範囲選択した後に、ハイパーリンクの挿入画面が表示されますので、そこで、それぞれ指定してください。

    # FrontPage 2003ユーザーですか?
    # 記事内容が「FrontPage 2003」になっていますが・・・?

■1245 / inTopicNo.5) Re[4]: 先日教えていただいたジャバスクリプトについて

□投稿者/ マリオ 一般人(17回)-(2006/09/12(Tue) 17:08:51)

    はっ!!
    すみません!!私はFP2000のユーザーです。
    ややこしいことをして申し訳ありません。

    2000を使用している事前提で、上の内容可能でしょうか…?

■1246 / inTopicNo.6) Re[5]: 先日教えていただいたジャバスクリプトについて

□投稿者/ wanichan 大御所(480回)-(2006/09/14(Thu) 11:56:46)

    えっと、レスが遅くなりましたが・・・
    (すみません、ただいま二足の草鞋で大変なので。。。)

    個々のポップアップウィンドウを生成するためにはどうすればいいのか、
    ご理解いただけましたでしょうか?
    どこまで理解されているのかわかりかねます。。。
    画像の一部にリンクする方法は、ホットスポットのボタンを使用されたのでしょうか?

    私がこのトピで回答した内容は、FrontPageのバージョンに依存しないものです。FrontPage 2003でしたらビヘイビア機能で簡単に作れたりしますが。

    区別する方法は、それぞれ名前を変えて、それに対応した名前を呼び出すようにすればいいです。
    function window1()
    を使うのでしたら、リンク先が javascript:window1();
    function window2()
    を使うのでしたら、リンク先は javascript:window2();
    です。そこの部分がわからないということですか?

    もしどうしてもわからないというのでしたら、
    いっそのことFrontPage 2003にアップグレードしたほうが早いですよー。

■1247 / inTopicNo.7) Re[6]: 先日教えていただいたジャバスクリプトについて

□投稿者/ マリオ 一般人(18回)-(2006/09/14(Thu) 14:51:20)

    ありがとうございます。
    ホットスポットのボタンというのは、□や○で範囲選択できて、それで選択すると自動的にリンクの設定ページが表示されるボタンの事ですよね?
    私もそれで範囲選択してリンクかけてます。

    管理人さんの返信にあった、
    「区別する方法は、それぞれ名前を変えて、それに対応した名前を呼び出すようにすればいいです。
    function window1()
    を使うのでしたら、リンク先が javascript:window1();
    function window2()
    を使うのでしたら、リンク先は javascript:window2();
    です。」
    という言葉でなんとなくですが理解できた気がしました。
    あとは自分でいろいろ試しながらやってみたいと思います。
    スクリプトの記述で「function」のあとは、Image upでなくてはいけないものだと思い込んでいたので…
    お忙しい中、度々お手数おかけしました;;

    ありがとうございました!!

解決済み!

こちらもごらんください

スポンサーリンク
INDEX
  • このエントリーをはてなブックマークに追加

問題は解決しましたか?

操作方法、設定方法等で困ったら、 Expression Web Users Forum に投稿してください!

2012年12月21日(日本時間)をもって、Expression Web 4はフリーソフトになりました。FrontPageユーザーの方もダウンロードして使ってみてください。 なお、Expression Web 4すでに購入された方も、問題が修正された無料版にアップグレードすることをお勧めします。

* Expression Web 4 無料版をダウンロード

▲このページのトップへ