2つのAjaxベースのjavascriptが同時に動かない

このQ&Aのポイント
  • 個人のホームページ作成中に、2つのAjaxベースのjavascriptを配置したいが、同時に動かない問題が発生している。解決策を求めている。
  • 個人のホームページ作成中に、Ajaxベースのjavascriptを2つ配置し、1ページ内で呼び出したが、両方が正常に動作しない。解読能力に自信がなく、アドバイスを求めている。
  • 個人のホームページ作成中に、2つのAjaxベースのjavascriptを設置したが、1ページ内での呼び出し時に両方が動かない。解決策を知りたい。
回答を見る
  • ベストアンサー

2つのAjaxベースのjavascriptが同時に動かない

現在、個人のホームページを作成中でして、その中で以下の2つのjavascriptを設置したいと考えております。 (郵便番号から住所を表示するjavascript) http://www.kawa.net/works/ajax/ajaxzip2/ajaxzip2.html (スライドショーを実現するjavascript:smoothGallery) http://journal.mycom.co.jp/articles/2007/08/03/smooth/index.html [わかりやすさ重視のため、本サイトではなく解説サイトを掲載させて頂きます。] これらのjavascriptを単独で配置した場合は、ともに正常に動くのですが、1ページ内で両方を配置し、呼び出すと動きません。 javascriptのソースコードを解読するほどスキルが高くなく困っております。 有識者の方からアドバイスを頂ければ幸いです。 よろしく御願い致します。 (両方とも、Ajaxベースのjavascriptのようなので、何かが競合しているのですかね??)

質問者が選んだベストアンサー

  • ベストアンサー
  • yambejp
  • ベストアンサー率51% (3827/7415)
回答No.1

javascriptのライブラリを2つ以上使うのは場合によって一定以上の スキルが必要になります。 ライブラリによってはonloadメソッドで初期設定をしたりする場合が あります。そのへんはよく競合します。 では、競合しないように調整すればよいかというと、それは 「ソースの改変」にあたる微妙な作業になり、ライブラリによっては 認められていないものも多いでしょう。 したがって、ご自身の責任とスキルで解決できないのであれば どちらか片方しかご利用にならないのが妥当な対応だと思います

hitoshi1010
質問者

お礼

アドバイス有難うございます。 どちらか片方をあきらめるか、別の方法を探ることにします。 有難うございました。

関連するQ&A

  • ajax 通信 iisの設定?

    最近ACCESSとASPとJAVASCRIPTの勉強を始めた学生です。 どーしても分からない事があるので教えてください。 AjaxZip 2.0 - Ajax郵便番号→住所自動入力フォーム http://www.kawa.net/works/ajax/ajaxzip2/ajaxzip2.html のサイトより『ajaxzip2-20081102.zip』をダウンロードしてきました。 ます一つ目の謎はsampleフォルダの以下の二つをローカル(c:\...html)で実行時  ・sample-jquery.htmlは住所自動入力が動作する  ・sample-prototype.htmlは住所自動入力が動作しない のはなぜか? 二つ目は、iisを立ちあげているので 「http://localhost/...../sample-jquery.html」 で実行すると自動入力が動作しません。。。 iisの設定でクライアントからの非同期通信の許可?みたいな項目があるのでしょうか? どなたかご教示くださいませ。_ _ ペコリ

  • BM等からサイトに行った時と更新の処理の違い

    BMやURL直打ちでサイトに行ったときと、更新ボタンを押したときは htmlの読み込み方が違うのでしょうか? 現在、画像スライドショーのJavascriptをホームページ上に配置しており、 直接行ったときは正常に表示されるのですが、 更新ボタンを押すとJavascriptの裏にスライドショーの下に配置されてある文字が 隠れてしまいます。 スライドショーのスペースが100pxとってたとすると、更新ボタンを押すとそれが1px程の扱いとなり、 その分下に配置されてある文字などが99px分上に配置されてしまい、 スライドショーの裏に隠れてレイアウトが崩れてしまいます。 対処したいのですが、サイトに行くときのhtmlの処理の仕方と、 更新ボタンのhtmlの処理の仕方の違いがわからないため、対処に困っています。 どうかよろしくお願いします。

  • 無料配布の郵便番号自動入力cgiのデータ更新

     cgiやplファイルは殆ど触ったことがないので、わかりやすく教えていただけると助かります。  今、入力フォームをhtmlで作成しており、郵便番号から住所を自動入力させるAjax利用のフリーサイトを見つけたのですが、郵便番号の更新手順がわかりません。 http://www.kawa.net/works/ajax/ajaxzip2/ajaxzip2.html#download 上記URLに郵便番号辞書のアップデート手順があるのですが、具体的にどのように行ったらよいのかわかりませんので、教えていただけると大変助かります。 「サーバ上でなくても、Windows 環境(ActivePerl)や Mac OS X クライアントでも csv2jsonzip.pl は実行できそうです。」とありますが、当方はサーバ上ではなく、Windowsクライアントです。

    • ベストアンサー
    • Perl
  • Javascriptを使用したスライドバナーについて教えてください

    現在ECサイトを構築しておりまして、TOPページの一定の場所の中で画像が自動でスライド、もしくはフェードイン・アウトで切り替わるバナーを設置したいと思っています。 似たようなイメージのものを設置しているサイトさんのソースを覗いたりしているのですがJavascriptについて詳しくはないので導入や設定の方法が見出せず困っております。 各画像にはそれぞれ別のリンク先を設定したいのですが何か参考になるサイトや方法などございませんでしょうか? 自動や手動で画像が切り替わるスライドショーなどは多数見つけたのですが、リンクの設定などに触れているものが見つからなかったのでこちらに投稿させていただきました。 あくまでもFLASHではなくJavascriptで行いたいので宜しくお願いいたします。

  • onloadで動かない<DHTML+AJAXアイデア見本>より

    いつもお世話になっております。 今回は、標記の「DHTML+AJAXアイデア見本」のサンプルを使ってメニューをつくりました。(見本no.10) リストタグで作られたメニューをロールオーバーすると横にポップアップする、というものです。 同じページに画像でスワップするボタンを配置したところ、onloadが上書きされて動きません。 たぶんスクリプトの記述順によってどちらかが動かないのです。 アイデア見本によると、onloadが競合するときは <script type="text/javascript"> initDhtmlMenu(); </script> のようにイニシャライズさせるような呪文が添えられています。 それは、そのjsプログラム内にあるものをとりだしているようです。 私のプログラムではwindow.onload = initLeftMenu;がありますが、よくわかりません。 文字数制限のため、スクリプトが記入できませんので、サンプルURLをリンクします。 http://www.imztry.net/dhtml/010/010.html どなたかよろしくお願いします。

  • javascriptを使用したサイトで、最初のアクセスで読み込めない原

    javascriptを使用したサイトで、最初のアクセスで読み込めない原因はなんでしょうか? OSはwinXPとVISTA、ブラウザはIE8を使用しています。 javascriptを使用しているサイトに最初にアクセスすると、その部分だけが真っ白で表示され、 再読み込みすると問題なくきれいに表示されます。ほぼ毎回、PC起動のたびに起きる現象です。 スライドショーや画像を使ったメニューなどです。 この原因として考えられるものにはどんなことがありますか? 自分のPCやブラウザの設定で直るのならやってみたいと思っています。 よろしくお願いします。

  • ウェブサーバで動かすには…

    http://www.kawa.net/works/ajax/rss/rss.html こちらのサイトで紹介しているRSSフィードのjavascriptを使おうと思っているのですが、ローカルでは出来るのにサーバに上げるとなぜかエラーになってしまいます。 <head>~</head>の間に表示するRDFをhttp://~ではなく、index.rdfなどファイル指定するとなぜかうまくいきます。 どういった現象なのでしょうか? 別の場所(URL)にあるRSSを表示させたいので、http://から指定して設定をしたいのですが… よい方法教えてください!

  • JavaScript ファイル名の書き方

    HPのトップページにスライドショーをJavaScriptで置こうとしています。 参考サイトは http://www.geocities.jp/miyake_kobo/cp_ex/cp_ex_006.html です。 p_obj=new Array();for(t=f_no;t<ii+1;t++){p_obj[t]=new Image();p_obj[t].src=t+".jpg";} の部分で画像ファイルを読み込んでいるのですが(p_obj[t].src=t+".jpg";) この参考プログラムの作者も書いていますが、全て同じフォルダーに置くことと。 でもファイル・フォルダが混雑してきたので、スライドショーする画像ファイルを「gazou」フォルダにまとめ置き、p_obj[t].src="gazou/"+t+".jpg" にしましたが、うまくいきませんでした。 どんな書き方をしたらよいのでしょうか?

  • 郵便番号、都道府県、路線、駅名の連動した表示切替

    郵便番号、都道府県、路線、駅名の連動した表示切替に困っています。 まず、郵便番号を入力して検索ボタンを押してセレクトボックスに都道府県を表示 次にその都道府県を見て路線のセレクトボックス内を変更 最後に路線を見て駅名のセレクトボックス内を変更 をしたいのです。 郵便番号を見て都道府県を表示させるところは http://www.kawa.net/works/ajax/ajaxzip2/ajaxzip2.html こちらを参考にしました。 都道府県、路線、駅名を表示させるところは http://express.heartrails.com/ こちらのサイトを参考にしてやっていました。 が、 PHPを使っていて、セッションで都道府県を保持している場合 ページを読み込んだときに、例えば「東京都」とセッション保持しているのに 都道府県のセレクトボックス内は空になってしまいます。 それと同時に路線と駅名も・・・。 なんとか表示できないでしょうか。 説明がわかりずらいと思いますが、よろしくお願いします。

  • Ajaxのウィンドウ表示位置について

    ページを開くとAjaxのウインドウが表示されるようになっています。 バックには既にサイトが表示されている状態でその上にウインドウが出てくるイメージです。 ソースは以下のようになっています。 <html> <head> <title>titletitle> <script type="text/javascript" src="js/prototype.js"> </script> <script type="text/javascript" src="js/effects.js"> </script> <script type="text/javascript" src="js/window.js"> </script> <script type="text/javascript" src="js/window_ext.js"> </script> <script type="text/javascript" src="js/debug.js"> </script> <link href="css/default.css" rel="stylesheet" type="text/css"> <link href="css/spread.css" rel="stylesheet" type="text/css"> </head> <body> <script type="text/javascript"> var win = new Window({className: "spread", title: "タイトル", top:50, left:50, width:500, height:500, zIndex: 100, url: "http://www.linkstyle33.com/", showEffectOptions: {duration:3}}) win.show(); </script> --サイトここから-- --サイトここまで-- </body> </html> top:50, left:50,で表示位置を設定することはわかるのですが ウインドウの真ん中に出したいのですがやりかたがわかりません。 試しに50%としてみたもののpx指定になっているようで表示すらされませんでした。 サイトがバックにある状態でウインドウを出したいのでiframe以外で ウインドウを真ん中に表示する方法はあるのでしょうか?

専門家に質問してみよう