- 2006-08-13 (日) 11:26
- Web関連


- あれこれポップアップ解決
何度も試しては、理由不明で動いてみたり、全然駄目だったりした、あれこれポップアップとLightbox JS v2.0の同時実装。
片方を外せば他方が動くのだから、明らかにその2つがコンフリクト状態である事までは予測できた。
実際両方組み込んだ状態で、JavaScriptコンソールを見ていると、ポップアップが動作しようとした時(リンクへカーソルを重ねた時)にエラーが発生していた。
行き詰って、ポップアップを行う部分を、他のスクリプトで肩代わりさせてみようと思ったりして、探し回ったのだが、ツールチップ風にポップアップ表示するTooltip.jsというのは効果的には面白いが、ポップアップの埋め込みに準備が必要で代わりにはなり得なかった。
という訳で、誰か同じことにぶつかって解決した人がいないか探したら、なんと「ねこめしにっき(2006年1月中旬)Lightbox JS 」にて作者ご本人がお試しになってました。見るとちゃんと動いてます。文中からだと具体的にどこをいじってるか解らないのですが、そこはそれ、ちゃっちゃっとソースを拝見。
ありみかさとみさんは律儀な方で、しっかり追記個所をコメントで残して下さってました。
試しにArekorePopup.jsを同様に書き換えてみたところ、無事同時に動きました。
他にもLightbox側もいじってらっしゃるようですが、取りあえず動作してるのでそっちには手を出しませんでした。
やっと一個解決!
ちなみに、Liteboxは相性が悪かったので、Lightbox2.0に戻した上で、おなじみResize mod (with toggle)を行ってます。
- Newer >: links for 2006-08-13
- < Older: links for 2006-08-10
ping a Trackback
- TrackBack URL for this entry.(1)
Comments:(7)
-
said
December 11, 2009 2:35 AM
|
ReplyThis!
はじめまして
あれこれポップアップとLightboxのコンフリクトで検索していてコチラに辿り着きました。
ねこめしにっきさんのサイトを探してみたのですが、ArekorePopup.jsの書き換えについて見つける事ができませんでした。
宜しければ、該当ページもしくは、どのように書き換えられたのか教えていただけませんか?
質問だけで申し訳ありませんが、どうぞよろしくお願いいたします。-
-
replied for
bmmac's comment
December 11, 2009 10:49 AM
|
ReplyThis!
どうも、はじめまして。
大分古い事だし、今はどちらも使用していないので、アレですが。
>ArekorePopup.jsの書き換えについて見つける事ができませんでした。
はい、記事として書かれては居ませんよ。でもよく見てもらうと解るけど、ねこめしにっきさんの所では動いてますよね。
なので、使われているスクリプトの中身を確認した所、「追記個所をコメントで残して」いたのを確認できた訳です。コメントってのは、Javascript内のコメントを指してます。
-
-
said
December 11, 2009 2:01 PM
|
ReplyThis!
返信ありがとうございます。
今まではHTMLは見ても、Javascriptは利用するだけでソースを見たりする事がなかったので、表示のさせ方も含めて探してみます。
突然の質問にご対応いただき、ありがとうございました。-
-
replied for
bmmac's comment
December 11, 2009 2:40 PM
|
ReplyThis!
はい、もしどうしても解らないようだったら、どっかにまだ残ってたと思うので、引っ張り出してみますので、声かけてください。
それじゃ、がんばってくださいね。
-
-
said
December 15, 2009 6:16 PM
|
ReplyThis!
たびたび失礼いたします、先日はご対応ありあとうございました。
あの後、調べてみたのですが、Javascriptのソースの閲覧方法がわからず、その点はあきらめてしまい、より動作が軽く設置も簡単な「SlimBox」に変えてみたりしたのですが、やはり結果は同じで、「あれこれポップアップ」が動作しませんでした。
大変恐縮ですが、ArekorePopup.jsの書き換えの件、教えていただけませんか?
お暇な時でけっこうですので、よろしくお願いいたします。-
-
replied for
bmmac's comment
December 17, 2009 10:11 AM
|
ReplyThis!
>Javascriptのソースの閲覧方法
HTMLソース中に、scriptタグで指定されていると思うんですが、見ると存在しませんね。スクリプト内から呼び出しているのかも。
http://www.remus.dti.ne.jp/~a-satomi/common/js/ArekorePopup.js がそうですね。
あまり詳しく無さそうだから、マンマ使った方が良さそうです。
本気でJavascriptに取り組みたいなら、Firefox+ViewSourceWithアドオン+Firebugアドオンあたりを使うのを薦めますが、そういう訳では無いのでしょうね。
-
-
said
December 17, 2009 4:36 PM
|
ReplyThis!
そのまま差し替えて使う事ができました。
ありがとうございます。
プログラム関係はからっきしダメで、理解すらできないんですが、興味をもったこの機会に勉強をはじめてみようと思います。
おすすめのアドオンも教えていただき、ありがとうございました。




スクリプトの読み込みが完了していません。
メールフォーム(Javascriptを使用していません)や、
Twitter経由のCommentでもReplyいたします。ただし返信はブログのコメントとして行う事もあります。