Home > Internet > Web関連 > あれこれポップアップ解決

あれこれポップアップ解決

何度も試しては、理由不明で動いてみたり、全然駄目だったりした、あれこれポップアップLightbox JS v2.0の同時実装。

片方を外せば他方が動くのだから、明らかにその2つがコンフリクト状態である事までは予測できた。
実際両方組み込んだ状態で、JavaScriptコンソールを見ていると、ポップアップが動作しようとした時(リンクへカーソルを重ねた時)にエラーが発生していた。

行き詰って、ポップアップを行う部分を、他のスクリプトで肩代わりさせてみようと思ったりして、探し回ったのだが、ツールチップ風にポップアップ表示するTooltip.jsというのは効果的には面白いが、ポップアップの埋め込みに準備が必要で代わりにはなり得なかった。

という訳で、誰か同じことにぶつかって解決した人がいないか探したら、なんと「ねこめしにっき(2006年1月中旬)Lightbox JS 」にて作者ご本人がお試しになってました。見るとちゃんと動いてます。文中からだと具体的にどこをいじってるか解らないのですが、そこはそれ、ちゃっちゃっとソースを拝見。
ありみかさとみさんは律儀な方で、しっかり追記個所をコメントで残して下さってました。
試しにArekorePopup.jsを同様に書き換えてみたところ、無事同時に動きました。

他にもLightbox側もいじってらっしゃるようですが、取りあえず動作してるのでそっちには手を出しませんでした。

やっと一個解決!

ちなみに、Liteboxは相性が悪かったので、Lightbox2.0に戻した上で、おなじみResize mod (with toggle)を行ってます。

ping a Trackback

TrackBack URL for this entry.(1)

Comments:(7)

bmmac`s user-pic bmmac said December 11, 2009 2:35 AM | ReplyThis!

はじめまして
あれこれポップアップとLightboxのコンフリクトで検索していてコチラに辿り着きました。
ねこめしにっきさんのサイトを探してみたのですが、ArekorePopup.jsの書き換えについて見つける事ができませんでした。
宜しければ、該当ページもしくは、どのように書き換えられたのか教えていただけませんか?
質問だけで申し訳ありませんが、どうぞよろしくお願いいたします。

どうも、はじめまして。
大分古い事だし、今はどちらも使用していないので、アレですが。
>ArekorePopup.jsの書き換えについて見つける事ができませんでした。
はい、記事として書かれては居ませんよ。でもよく見てもらうと解るけど、ねこめしにっきさんの所では動いてますよね。
なので、使われているスクリプトの中身を確認した所、「追記個所をコメントで残して」いたのを確認できた訳です。コメントってのは、Javascript内のコメントを指してます。

bmmac`s user-pic bmmac said December 11, 2009 2:01 PM | ReplyThis!

返信ありがとうございます。
今まではHTMLは見ても、Javascriptは利用するだけでソースを見たりする事がなかったので、表示のさせ方も含めて探してみます。
突然の質問にご対応いただき、ありがとうございました。

はい、もしどうしても解らないようだったら、どっかにまだ残ってたと思うので、引っ張り出してみますので、声かけてください。
それじゃ、がんばってくださいね。

bmmac`s user-pic bmmac said December 15, 2009 6:16 PM | ReplyThis!

たびたび失礼いたします、先日はご対応ありあとうございました。
あの後、調べてみたのですが、Javascriptのソースの閲覧方法がわからず、その点はあきらめてしまい、より動作が軽く設置も簡単な「SlimBox」に変えてみたりしたのですが、やはり結果は同じで、「あれこれポップアップ」が動作しませんでした。
大変恐縮ですが、ArekorePopup.jsの書き換えの件、教えていただけませんか?
お暇な時でけっこうですので、よろしくお願いいたします。

>Javascriptのソースの閲覧方法
HTMLソース中に、scriptタグで指定されていると思うんですが、見ると存在しませんね。スクリプト内から呼び出しているのかも。
http://www.remus.dti.ne.jp/~a-satomi/common/js/ArekorePopup.js がそうですね。
あまり詳しく無さそうだから、マンマ使った方が良さそうです。
本気でJavascriptに取り組みたいなら、Firefox+ViewSourceWithアドオン+Firebugアドオンあたりを使うのを薦めますが、そういう訳では無いのでしょうね。

bmmac`s user-pic bmmac said December 17, 2009 4:36 PM | ReplyThis!

そのまま差し替えて使う事ができました。
ありがとうございます。
プログラム関係はからっきしダメで、理解すらできないんですが、興味をもったこの機会に勉強をはじめてみようと思います。
おすすめのアドオンも教えていただき、ありがとうございました。

スクリプトの読み込みが完了していません。

Sign in Sign in Sign in

メールフォーム(Javascriptを使用していません)や、twitter.pngTwitter経由のCommentでもReplyいたします。ただし返信はブログのコメントとして行う事もあります。

Comment Form

QuickTagsHere

EmoticonHere

(入力しない場合「Anonymous」で代替されます)
(公開はされませんが、Gravatarアイコンの取得や、Comment Subscribeの送信先アドレスとして使われます)
(入力すると、コメント表示でユーザー名にリンクが貼られます)
(この情報は、JavascriptによりCookieに保存されます。)

NotifyMail Powered by Comment Subscribe

はてブコメント:

Home > Internet > Web関連 > あれこれポップアップ解決

MT5Techniques

MT5Techniques

2冊目の共著「Movable Type 5 実践テクニック」(シックスアパート監修)が出版されました。(ソフトバンク クリエイティブ刊)

検索
(5)
(6)

別ページに遷移します。

Powered by Hyper Estraier

Feeds
Link Status
In One

なかのひと

位置情報ブログパーツ「なかのひと」

Links
Powered By

Return to page top