styleswitcherとBubbleTooltipsを自分のサイトに取り入れようと思っているのですが、両方同時に入れるとBubbletooltipsの方が反応しなくなります。片方ずつでは問題ありませんでした。
このふたつを同時に使うために方法がわかる方、もしくは似たようなjavascriptで、代用が可能な方法がわかる方、教えてください。
なお、javascriptの知識はほとんどありませんので、指定の場所を書き換えることしかできません。(html、cssは使えます。)
よろしくお願いします。
styleswitcher
http://www.google.co.jp/search?hl=ja&lr=lang_ja& …
bubbletooltips
http://www.google.co.jp/search?hl=ja&safe=off&cl …
No.2ベストアンサー
- 回答日時:
[、二つのscriptの中に、同じ「windows.onload」などの項目がある場合、それを今回のように一緒にするだけで解決する場合が多いものなのでしょうか?]
やはりケースバイケースですね。
たいていは、初期化処理をページをロードした最初に行うようにと、
ライブラリーの使い方のページで案内されていますね。
ひどいライブラリーはライブラリーの中にそのまま
windows.onload=function(){.....}
が埋め込まれていたりして、そう言う場合なかなか不具合の原因が判らな
かったりしますよね。
初期化の時DOM要素を取得して、イベントで構造やCSS属性をかえるタイプ
のライブラリーは、初期化処理の後、別のライブラリーが同じものに対し
て、同じように構造やCSS属性を変えたりしようとするとうまくいかない
事もありますね。
後はクラス(オブジェクト)名や変数名のバッティングなんてのもあります。
No.1
- 回答日時:
ちらっと見た限り
styleswitcher.jsとBubbleTooltips.jsのコードがバッティングする
部分はないと思うのですが。
もしかして、バブルのCSSをstyleswitcherで置き換えて動作させようと
しているのでしょうか?。
だとするとCSSをスイッチした後、enableTooltips()で初期化
するようにするとか、やりたい事の詳細がわからないので、これくらいしか
アドバイスはできません。
他のライブラリーとしては
jQuery + jQueryのプラグイン「BeautyTips」を使うとか
http://plugins.jquery.com/project/bt
これなら、CSSの部分変更はjQueryのコア機能が持ってますし、
吹き出しもBubbleTooltipsより使い勝手がよいです。
「javascriptの知識はほとんどありませんので、指定の場所を書き換えることしかできません。」
なら、結局どのライブラリー使っても思うようにはいかないかも...
この回答への補足
早速のご回答ありがとうございます。
やりたい事としては、バブルで普通にリンクに吹き出しをつけ、styleswitcherで文字サイズを切り替えられるようにしたかったのです。
>なら、結局どのライブラリー使っても思うようにはいかないかも...
知識がなくてごめんなさい、これから学習しようと思ってます。
しかし、なんとかバッティングした箇所を見つけ、その項目を片方のscriptにまとめてみたらなんとかできました。(window.onloadの項目)
そして最後にひとつお聞きしたいのですが、こうした問題で、二つのscriptの中に、同じ「windows.onload」などの項目がある場合、それを今回のように一緒にするだけで解決する場合が多いものなのでしょうか??
勉強しろと言われそうですが、知識がつくまでのTIPSとして教えていただけたら幸いです。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript html5に変えるとスライドショーが消えてしまった。 3 2022/03/26 19:53
- その他(教育・科学・学問) IUと単位は、同じですか? 例えば、写真の20単位は、20IUという意味ですか? https://w 1 2023/02/04 18:36
- 俳優・女優 「西島秀俊さん」は、どのようなかたと思いますか。 3 2022/08/29 19:58
- その他(IT・Webサービス) MacとWindows Google検索した時のURL表示の違いについて 1 2022/11/17 10:38
- 虫除け・害虫駆除 これは、100均でも売り出されると思いますか? 1 2023/07/02 16:48
- 据え置き型ゲーム機 ゲームタイトルの “Anniversary” や “Ultimate” と付く… 2 2023/05/04 08:14
- CPU・メモリ・マザーボード Dell製ノートパソコンのメモリ増設についてです! 6 2023/06/10 21:31
- iCloud iCloudのデータがMacbookのストレージをいっぱいにしてしまう 2 2022/08/31 22:34
- Wi-Fi・無線LAN Windows10でWi-Fi6Eが使えない!?そもそもWi-Fi6Eってなんでしたっけ?教えて! 1 2023/01/27 20:48
- HTML・CSS (Javascript)印刷するファイルに応じて印刷プレビュー画面で用紙を自動的に切り替えたい!! 2 2022/04/11 12:04
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
VBScript から JavaScript を呼...
-
HTML上(javascript)からCGIを...
-
amazon.comの様な検索ボックス...
-
デザイン時のVisible=Falseは実...
-
JSPの処理の途中で、JavaScript...
-
JavaScriptで ブラウザの閉じる...
-
自作のJavaScriptを既存のペー...
-
Ajaxが動きません~『status=0』?
-
Windows Form のMSChartで、グ...
-
javaScriptでグローバル変数に...
-
Excel vba 配列内の最大値を求...
-
if(1){...}とはどういうことで...
-
特定の文字でエラー
-
1つのVBAコードをすべてのコア...
-
フォルダを自動で開く
-
amazonの商品画像拡大のようなj...
-
VB.NET2003 テキストボックスに...
-
ASPによるEXCELファイルの操作
-
PowerPointで時計表示
-
VB.NETからWEBブラウザの操作に...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
javascriptからサーバサイドの...
-
VBScript から JavaScript を呼...
-
javascript で外部サイトにデー...
-
DocumentCompletedが複数回発生...
-
javascriptでwebkitのstyleを変...
-
jQueryの.val()とinnerHTMLの違...
-
VBAでJAVAをコントロール
-
ログインフォームの構築について
-
ブログ投稿でjavascriptを動作...
-
HTML上(javascript)からCGIを...
-
指定フォルダに存在するフォルダ名
-
onChange="javascript:関数名"...
-
canvasやSVGを学ぶ時機
-
amazon.comの様な検索ボックス...
-
JQueryでpdfを画像に置換
-
javascriptとTeraPadは別物です...
-
adobe製品を立ち上げるとjavasc...
-
urlから動画ファイルを取得したい
-
javascriptとDOM
-
ホームページの更新年月日が知...
おすすめ情報