ビルダー質問箱 過去ログ<2002/10〜2003/09>

ツリー表示 検索 過去ログ

過去ログ表示

過去ログ23 を表示

表示ログ 過去ログ1 過去ログ2 過去ログ3 過去ログ4
過去ログ5 過去ログ6 過去ログ7 過去ログ8
過去ログ9 過去ログ10 過去ログ11 過去ログ12
過去ログ13 過去ログ14 過去ログ15 過去ログ16
過去ログ17 過去ログ18 過去ログ19 過去ログ20
過去ログ21 過去ログ22 過去ログ23 過去ログ24
過去ログ25 過去ログ26 過去ログ27 過去ログ28
過去ログ29 過去ログ30 過去ログ31 過去ログ32
過去ログ33 過去ログ34 過去ログ35 過去ログ36
過去ログ37 過去ログ38 過去ログ39 過去ログ40
過去ログ41 過去ログ42 過去ログ43 過去ログ44
過去ログ45 過去ログ46 過去ログ47

過去ログ検索は 検索 より行えます。
現在稼動中の過去ログからも検索できます。
稼動中の掲示板はこちらです。
記事数 / 154件 (1-20 を表示) / 全ページ数 / [0] [1] [2] [3] [4] [5] [6] [7]

No.7565/イメージアップエディタとイベント・・・
■投稿者/ サリー -(2003/04/22(Tue) 11:06:05)

    リンクの設定をする際、イメージマップエディタで大きな画像の中に、複数のリンクを設定しました。
    そして、そのリンク先を小窓表示させたいので、イベントで「オンクリック」の設定をしました。

    リンクしたい画像の上にマウスポイントをあてても、「手」のマークにならないんです・・・。

    欲張って、小窓表示させなければ、「手」のマークになるのですが、どうしても小窓表示させたいんです。

    色々調べてはいるんですが、うまくいきません。

    助けてください。
親記事 / 関連記事表示
削除チェック/

No.7570/Re[1]: イメージアップエディタとイベント・・・
■投稿者/ yama -(2003/04/22(Tue) 13:27:32)

    No7565に返信(サリーさんの記事)
    > リンクの設定をする際、イメージマップエディタで大きな画像の中に、複数のリンクを設定しました。
    > そして、そのリンク先を小窓表示させたいので、イベントで「オンクリック」の設定をしました。
    >
    > リンクしたい画像の上にマウスポイントをあてても、「手」のマークにならないんです・・・。
    >
    > 欲張って、小窓表示させなければ、「手」のマークになるのですが、どうしても小窓表示させたいんです。

    一案

    areaに対して、hrefが設定されていないまたはnohrefだから手マークにならないので、hrefにマップのあるページ自身を再読み込みさせればとりあえず解決しますが、「再読み込みした」とう動作が多少見苦しいです。

    そこで、隠しフレーム(0には出来なかったと思いますが、2〜3ピクセルで境界線なしの背景色同一の見えないフレーム)を作成して、小窓は小窓で開いておいて、hrefにはやはりダミーのページが隠しフレームをターゲットに開くようにすれば、手のマークも表示され、小窓も開くようになりますね。
記事No.7565 のレス / 関連記事表示
削除チェック/

No.7573/Re[2]: イメージアップエディタとイベント・・・
■投稿者/ サリー -(2003/04/22(Tue) 14:36:35)

    > 一案
    >
    > areaに対して、hrefが設定されていネいまたはnohrefだから手マークにならないので、hrefにマップのあるページ自身を再読み込みさせればとりあえず解決しますが、「再読み込みした」とう動作が多少見苦しいです。
    >
    > そこで、隠しフレーム(0には出来なかったと思いますが、2〜3ピクセルで境界線なしの背景色同一の見えないフレーム)を作成して、小窓は小窓で開いておいて、hrefにはやはりダミーのページが隠しフレームをターゲットに開くようにすれば、手のマークも表示され、小窓も開くようになりますね。
    >

    申し訳ございません。
    初心者&勉強不足の為、areaやnohrefの意味がわからないです。
    そして、いまいち理解できないんですが・・・・。
    もしよろしければ、もう少し初心者向けに解説していただけないでしょうか?
    勝手をいいまして、申し訳ございません。
    宜しくお願い致します。
記事No.7565 のレス / 関連記事表示
削除チェック/

No.7576/Re[3]: イメージアップエディタとイベント・・・
■投稿者/ yama -(2003/04/22(Tue) 15:30:49)


    > 申し訳ございません。
    > 初心者&勉強不足の為、areaやnohrefの意味がわからないです。
    > そして、いまいち理解できないんですが・・・・。
    > もしよろしければ、もう少し初心者向けに解説していただけないでしょうか?
    > 勝手をいいまして、申し訳ございません。
    > 宜しくお願い致します。
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
    <head>
    <title>ダミー使用</title>
    <script language="JavaScript">
    <!--HPB_SCRIPT_CODE_40
    function _HpbJumpURLinNewWindow(url)
    {
    if (url != '')
    {
    window.open(url, '_blank','width=300,height=200');
    }
    }
    //-->
    </script><script language="JavaScript">
    <!--
    // 左のウィンドウからアイテムをドラッグして
    // ここにドロップするか、マウスの右ボタン
    // でポップアップ メニューを出して「スクリプト
    // に挿入」を選択して、現在のカーソル位置に
    // コードを挿入します。

    //-->
    </script></head>
    <body>
    <p><img src="2.gif" width="152" height="505" border="0" usemap="#mymap"></p>
    <map name="mymap">
    <area onclick="_HpbJumpURLinNewWindow('a.gif');" href="DUMMY.htm" target="dummy" shape="circle" coords="51,152,19">
    <area shape="default" nohref>
    </map></body>
    </html>
    ↑ビルダーで小窓を開くスクリプトを書くと例えばこんな感じです。
    mymapは画像ファイルのid。通常のイメージマップでリンクされるページを設定すると、小窓も表示されますが、クリックしたページまで切り替わってしまうので、href以降を削除されたのかと思ったのですが・・・

    とにかく、hrefがないと手のマークは出ないようなので、一応hrefを設定した状態で、ページが切り替わらないように、上のソースの場合dummyという名前のフレームを用意しておいて、そちらにリンクするページを表示させるようにします。ただし、dummyは1px表示の隠しフレームだから、見た目はただ小窓にa.gifがリンクされただけのように見える、と言う事を実現できます。

    判りやすい説明とも思えませんが、上のソースを直接編集してみれば、なんとかなるのでは・・・・
記事No.7565 のレス / 関連記事表示
削除チェック/

No.7578/Re[4]: イメージアップエディタとイベント・・・
■投稿者/ のり太 -(2003/04/22(Tue) 15:45:12)

    http://www3.ocn.ne.jp/~maruno/javawindow2.htm

    こちらをイメージマップに適用すれば手のマークが出るのではないでしょうか?

    その小窓の大きさを変えて出したいとか言われるとわけわかんなくなりますが・・・。^_^;
記事No.7565 のレス / 関連記事表示
削除チェック/

No.7579/Re[5]: イメージアップエディタとイベント・・・
■投稿者/ まる@管理人 -(2003/04/22(Tue) 16:45:06)
□U R L/http://www3.ocn.ne.jp/~maruno/

    No7578に返信(のり太さんの記事)
    > http://www3.ocn.ne.jp/~maruno/javawindow2.htm
    >
    > こちらをイメージマップに適用すれば手のマークが出るのではないでしょうか?
    >
    > その小窓の大きさを変えて出したいとか言われるとわけわかんなくなりますが・・・。^_^;

    そうですね。
    > http://www3.ocn.ne.jp/~maruno/javawindow2.htm
    の方であれば指マークがでます。

    ビルダーのイベント設定を利用するのであれば、onclickを使わずに、Javascriptの部分だけを残します。
    そして、イメージマップでリンクを設定するときのファイル名に、
    Javascript:_HpbJumpURLinNewWindow('****.htm');
    と設定すれば指マークがでます。

    Javascript部分だけを残すには、http://www3.ocn.ne.jp/~maruno/hot_a7.htmこちらの「ページにJavaScriptを設定」箇所をご参考に。
記事No.7565 のレス / 関連記事表示
削除チェック/

No.7582/Re[6]: イメージアップエディタとイベント・・・
■投稿者/ yama -(2003/04/22(Tue) 17:05:55)

    javascript:void(0)
    これは使えますね。
    勉強になりました。
記事No.7565 のレス / 関連記事表示
削除チェック/

No.7590/Re[7]: イメージアップエディタとイベント・・・
■投稿者/ アキラ -(2003/04/22(Tue) 20:59:21)
□U R L/http://switch.vivian.jp/

    補足って感じで。
    CSSで「その他」→「ポインタ」でカーソルが手の形になります。
    特定のリンク先だけでいいのなら、Java Scriptを変更することなくこのCSSを利用すればいいだけで済みます。

    的が外れていたらごめんなさい(^_^;
記事No.7565 のレス / 関連記事表示
削除チェック/

No.7592/Re[8]: イメージアップエディタとイベント・・・
■投稿者/ のり太 -(2003/04/22(Tue) 21:22:30)

    それもちらっと考えたんですけど・・・。
    イメージマップの編集で、onclickイベントのついでにスタイルでAREA style="cursor : pointer;"指定するんですが手の形にならないっす!うちだけ???(泣)
    他の「閉じる」ボタンなどには効くんですけど・・・。

    それとも他にやり方あるんでしょうか?
    よかったら教えてやってください。(>_<)
記事No.7565 のレス / 関連記事表示
削除チェック/

No.7594/Re[9]: イメージアップエディタとイベント・・・
■投稿者/ yama -(2003/04/22(Tue) 22:14:39)

    No7592に返信(のり太さんの記事)
    > それもちらっと考えたんですけど・・・。
    > イメージマップの編集で、onclickイベントのついでにスタイルでAREA style="cursor : pointer;"指定するんですが手の形にならないっす!うちだけ???(泣)
    > 他の「閉じる」ボタンなどには効くんですけど・・・。
    >
    > それとも他にやり方あるんでしょうか?
    > よかったら教えてやってください。(>_<)

    でしょでしょ。
    cursor:hand;を探したけどありませんな、そんなものは・・・
記事No.7565 のレス / 関連記事表示
削除チェック/

No.7597/Re[10]: イメージアップエディタとイベント・・・
■投稿者/ アキラ -(2003/04/22(Tue) 23:10:18)
□U R L/http://switch.vivian.jp/

    No7594に返信(yamaさんの記事)
    > ■No7592に返信(のり太さんの記事)
    >>それもちらっと考えたんですけど・・・。
    >>イメージマップの編集で、onclickイベントのついでにスタイルでAREA style="cursor : pointer;"指定するんですが手の形にならないっす!うちだけ???(泣)
    >>他の「閉じる」ボタンなどには効くんですけど・・・。
    >>
    >>それとも他にやり方あるんでしょうか?
    >>よかったら教えてやってください。(>_<)
    >
    > でしょでしょ。
    > cursor:hand;を探したけどありませんな、そんなものは・・・

    ちょっとやってみたんですが・・・。
    hand=pointer 、なのかな?
    うち(XP/HPBv6.0+IE6.0)では同じ形になりましたです。
    確かにHPBにはhandがないんですねー。
    CSSでポインタなんて使わないんで、気にも留めていませんでした・・・。

    そんでもってNo7576のソースをコピーしてやったんですが、
    うちではareaのリンク、マウスポインタがちゃんと手の形になってるんですが・・・。
    もちろん、CSS適応前です。
    これって環境依存?
    なんだかよくわからなくなってきました・・・。
記事No.7565 のレス / 関連記事表示
削除チェック/

No.7600/Re[11]: イメージアップエディタとイベント・・・
■投稿者/ yama -(2003/04/22(Tue) 23:46:55)


    >>でしょでしょ。
    >>cursor:hand;を探したけどありませんな、そんなものは・・・
    >
    > ちょっとやってみたんですが・・・。
    > hand=pointer 、なのかな?

    handってのはウィンドウズのシステムの中で使われるカーソルの名前でした・・・勘違いしました。
    > うち(XP/HPBv6.0+IE6.0)では同じ形になりましたです。
    > 確かにHPBにはhandがないんですねー。
    > CSSでポインタなんて使わないんで、気にも留めていませんでした・・・。

    cssのポインターが手の形で正解だと思います。
    >
    > そんでもってNo7576のソースをコピーしてやったんですが、
    > うちではareaのリンク、マウスポインタがちゃんと手の形になってるんですが・・・。
    > もちろん、CSS適応前です。
    > これって環境依存?
    > なんだかよくわからなくなってきました・・・。

    えっ・・・試しにやったら、なった・・・手の形に・・・
    そんなはずは無いといろいろやっているうちに、今度はcursor:pointerを削除しても手の形になっている・・・
    新規に作成してみるとやっぱり手の形にならない・・・
    履歴の影響かとおもい履歴をクリアしオフラインコンテンツを削除してから試しても、手の形になるときはなるし、ならないときはならない・・・・
    すっかり混乱しています。
記事No.7565 のレス / 関連記事表示
削除チェック/

No.7601/Re[12]: イメージアップエディタとイベント・・・
■投稿者/ のり太 -(2003/04/23(Wed) 00:18:36)

    pointerというのが手のマークのようですよね。

    で、<A Href="javascript:〜">だとA Hrefに反応(?)して、スタイルを設定しなくても手になります。
    ↓こちらの方法ですね。
    http://www3.ocn.ne.jp/~maruno/javawindow2.htm

    ただのonclickイベントだとカーソルは変化せず。
    これはサリーさんのご質問のとおり。
    このときスタイルで、カーソルのスタイルを指定してやると、たとえば
    <INPUT type="button" value="閉じる" onclick="javascript:window.close()" style="cursor : pointer;">
    これだと、手の形になります。

    それが、イメージマップのときだけ、カーソルのスタイルが効かないんです。
    ↓こうやっても
    <AREA shape="rect" coords="5,8,41,30" nohref onclick="javascript:window.close()" style="cursor : pointer;">

    どうも、イメージマップではリンク(Aタグ)のときしか手の形にならないのかな?と思っています・・・・。
    みなさんのところはどうですか?
記事No.7565 のレス / 関連記事表示
削除チェック/

No.7602/Re[13]: こんなの見っけ!
■投稿者/ naka@sukiero -(2003/04/23(Wed) 02:12:13)

記事No.7565 のレス / 関連記事表示
削除チェック/

No.7611/Re[14]: こんなの見っけ!
■投稿者/ yama -(2003/04/23(Wed) 16:01:12)

    No7602に返信(naka@sukieroさんの記事)
    > http://www.hotwired.co.jp/webmonkey/99/36/index0a_page4.html
    ↑確信に触れそで触れない文章ですね。結局良く判りませんでした。

    サリーさんが黙ってしまったので、手順を書いておきます。
    ●イメージマップの編集画面を開き、領域を指定する→リンクの属性の画面が開く
    ●「ファイルへ」のファイル名項目に、javascript:void(0)と入力
    ●イベントボタンをクリック
    ●onclickで、新しいウィンドウが開く項目をダブルクリック
    ●新しく開くファイルを指定
    ●スクリプトボタンをクリック
    ●スクリプトの画面右上のペイン(枠)で
    function HpbJumpURLinNewWindow(url)
    をクリック
    ●右下ペインにスクリプトが表示されるので
    〜window.open(url,'_blank','idth=200 height=200');
    とウィンドウサイズを指定。
    ●御終い
    です。

記事No.7565 のレス / 関連記事表示
削除チェック/

No.7619/Re[15]: こんなの見っけ!
■投稿者/ サリー -(2003/04/23(Wed) 22:17:05)

    なんだか、皆様に波紋をまいてしまった様で申し訳ないです。
    わかったようで、わからない・・・って感じですが、
    明日、頑張ってみようと思います!(今日は疲れたので寝ます・・・)

    結果、またご報告いたします。

記事No.7565 のレス / 関連記事表示
削除チェック/

No.7622/Re[16]: こんなの見っけ!
■投稿者/ まる@管理人 -(2003/04/24(Thu) 08:08:13)
□U R L/http://www3.ocn.ne.jp/~maruno/

    No7619に返信(サリーさんの記事)
    > なんだか、皆様に波紋をまいてしまった様で申し訳ないです。
    > わかったようで、わからない・・・って感じですが、
    > 明日、頑張ってみようと思います!(今日は疲れたので寝ます・・・)
    >
    > 結果、またご報告いたします。
    >
    >
    イメージマップの項目に小窓表示の方法をアップしました。
    http://www3.ocn.ne.jp/~maruno/image3.htm
    もし、「イベントの設定」での方法がうまくいかなかった場合は、参考にしてみてください。
記事No.7565 のレス / 関連記事表示
削除チェック/

No.7635/納得!出来ました!
■投稿者/ サリー -(2003/04/25(Fri) 11:31:25)

    皆様のおかげで「手」のマークつけれました!

    yamaさんの説明で納得です。

    ありがとうございました。
記事No.7565 のレス / 関連記事表示
削除チェック/

No.7630/画像表示
■投稿者/ mihomiho -(2003/04/24(Thu) 21:53:58)

    画像を表内に表示させたいのですが
    ひとつの画像がC分割くらいであらわれてしまいます
    画像の大きさを変えるのはどのようにしたらいいのでしょうか?
    初心者の質問ですいません。
親記事 / 関連記事表示
削除チェック/

No.7632/Re[1]: 画像表示
■投稿者/ naka@sukiero -(2003/04/24(Thu) 23:25:06)

    No7630に返信(mihomihoさんの記事)
    > 画像を表内に表示させたいのですが
    > ひとつの画像が4分割くらいであらわれてしまいます
    > 画像の大きさを変えるのはどのようにしたらいいのでしょうか?
    > 初心者の質問ですいません。

    先ずはこちらを
    http://www3.ocn.ne.jp/~maruno/desaina.htm

    バナーについての説明になっていますが
    バナーも画像ですので、要領は同じです。

    上手く出来ない時は、どこまで出来てどこがわからないかを
    具体的に記載してください。

    丸囲み文字(4分割のところ)は機種依存文字と言って
    見る方の環境によっては文字化けします。
    使わない様にしましょう。
記事No.7630 のレス / 関連記事表示
削除チェック/


パスワード/

(ダウンロード後、拡張子を .htm or .html にしてください)
[次の20件]

全ページ数 / [0] [1] [2] [3] [4] [5] [6] [7]

ツリー表示 検索 過去ログ

- Child Tree -