• ベストアンサー

JQUERY

調べてもなかなか解らなかった為質問させていただきました。 FACEBOXを設置しようと試みているのですが、 画像へのリンク、DIVの表示は できるのですが、他のページは表示しよう とするとウインドではなく普通にリンク先に飛んでしまいます。 FACEBOXのサイトの説明どおりやっているつもりで、 特にいじってはいないのですが、 何か原因が思い当たる方いらっしゃいましたら お願い致します。 ローカルで同じように試すと表示されるのですが、、しかしリンク先 が文字化けしてしまいます。これはリンク先の文字コードが 関係しているのでしょうか？？ かなり素人で申し訳ございませんがよろしくお願い致します。

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

  • ベストアンサー
  • yyr446
  • ベストアンサー率65% (870/1330)
回答No.1

ロードさせるhtmlが別サイトにあるとだめですよ（単なるAJAXですから）。 ロードさせるhtmlの文字コードをロード元と同じにして、ちゃんと <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> で指定しておく方がよいです。

poyon8989
質問者

お礼

そいうことなんですね！ありがとうございます。基礎をしっかり勉強していきたいと思います。。

  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. JavaScript

関連するQ&A

  • jquery.jPrintArea.jsについて

    ページ内にクーポン(画像)を表示させており印刷して持ってくれば 割引などということをやりたく方法を調べたとこjquery.jPrintArea.js を利用すれば新たにウィンドを開かなくても指定した要素のみを印刷 できるという事を知り探してみたのですが本家のページが表示されず ダウンロードできない状態なのですが既にないのでしょうか？ いくつかの参考サイトを見たのですがダウンロード先のリンクは全て 下記のurlになってました。 http://www.designerkamal.com/jPrintArea/ 基本的にページに表示されている画像さえ印刷していればOKなので このような事が手軽にできる方法などがありましたら他の方法でも 構いませんので教えてください！

  • jqueryについて質問させてください。

    jqueryについて質問させてください。 cluetipというjqueryプラグインを使って、ページにツールチップを表示するようにしたくて、いちおう、cluetipのドキュメントなどを読んで設置してみたところ、 ローカル上ではちゃんと表示されるのですが、サーバーにアップロードしてから見ると、ツールチップが表示されなくなってしまいます。 また、ブラウザによっては、再度読み込みを行うとツールチップが表示される様になる場合もありました。 完全に行き止まり状態になってしまいました。 【問題のページです】 http://www.g-land.net/gift001/froschgift001.html 上記ページのフォーム部分にloadで別のhtmlから <div id="gift_01_02" class="firstspan"></div> にフォームを呼び出しています。 周りにも質問できる方がいないので、何卒宜しくお願いいたします。

  • jQueryについて

    ど素人の質問で申し訳ありません。 jQueryを使うにはどうすればよいのでしょうか？ jQuery公式サイトでダウンロードすると、ものすごいコードが書かれたページにいきます。 jQueryの読み込みとはどういうことでしょうか？ どなた様かど素人でも分かるように一から教えてください！ よろしくお願いいたします。

  • jqueryでhtmlを読み込んだ後に処理をさせる

    お世話になっております。 javascript初心者で最近、JQueryを使い始めた者です。 lightboxのようなモーダルウインドを作りたく、各ボタンのリンク先のファイルを読み込ませた後に フェードインで読み込ませた要素を表示させたいのですが 以下のソースでは #overLayerにaタグのリンク先のhtmlファイルを読み込ませた後にフェードインさせる処理がうまくいきません。 読み込ませるload1.htmlに画像を入れていると、フェードインしながら画像が読み込まれてしまいます。 画像付きhtmlファイルを画像データも含め完全に読みこみ終わった後に処理をするにはどのようにすればいいでしょうか？ ご回答宜しくお願いいたします。 //*****javascriptコード**** <script type="text/javascript"> $(function(){ //bodyに背景レイヤーとボックス表示用のレイヤーを追加 $("body").prepend("<div id='glayLayer'></div><div id='overLayer'></div>"); //$("#overLayer").hide(); //ローディング画像のプリロード $("<img>").attr("src","images/loading.gif"); //背景レイヤークリック時の処理 $("#glayLayer").click(function(){ $(this).hide(); $("#overLayer").fadeOut("slow",function(){ $("#overLayer").html(""); }); }); //リンクボタンクリック時の処理 $("a.modal").click(function(){ $("#glayLayer").show(); $("#overLayer").show(); $("#overLayer").html("<img src='images/loading.gif'>"); $("#overLayer").data("file",$(this).attr("href")); $("#overLayer").load($("#overLayer").data("file"),function(){ //alert("complete"); $("#overLayer").hide(); $("#overLayer").fadeIn(1000); }); return false; }); }); </script> //****htmlソース**** <body> <ul> <li><a href="load1.html" class="modal">テスト1</a></li> </ul> </body>

  • gooの無料HPでリンクが上手く貼れない

    　gooの無料ホームページを利用しています。 先日、ファイルマネージャーに書かれてあるとおりにFTPした・・・つもりでした。 ですが上手くアップできませんでした。 　友人に「リンク先の指定がHDになっている」といわれ、リンク先をただ「ファイル名.html」と直しました。が、やはりリンクしません。 　それでもう一度作ったhtmlファイルを開き「リンク先のプロパティ」を見るとファイル名がひどい文字化けを起こしています。 　これはなぜでしょうか？ 　無事、HPを読めるようにするにはどうしたらよいのでしょうか？ 　なお、作ったときはDIONの無料CD-ROM付属のComposerで、上記の文字化けを確認したのは青いNetscape composerでです。 　indexだけは表示されているのですが、背景.jpgも表示されていません。 　また、カウンターの設置を見ながら「挿入→HTMLタグを挿入」で、gooのカウンター設置の方法ページに書かれていた＜＞内だけを入れました。 　結果、カウンターではなく不明画像として扱われています。 　どうしたらよいのでしょうか、お知恵を拝借ください。

  • jqueryについて分からなくて困っています。

    jqueryを使って常にナビゲーションがついてくるフローティングメニューを設置しようと思っているのですが、ナビゲーションが全然動きません。 又、ナビゲーションにページ内リンクを設置しているのですがfirefoxだとリンク先に飛びません。 初歩的な事かもしれませんがjqueryを使った事がなくどうしていいのか困っています。 何が原因なのでしょうか？ どうかお力をかして頂ければと思っております。 ↓下記のURLの内容になります。 http://www.roid-company.com/test/index.html

  • JQueryでのリンク・・

    turn.jsというページをめくるアニメーションをするJQueryをつかっているのですが ＨＴＭＬの中で、 <div id="＊＊"> <div style="background-image:url(**);"></div> <div style="background-image:url(**);"></div> <div style="background-image:url(**);"></div> <div style="background-image:url(**);"></div> </div> のように画像一枚ずつ指定していくのですが、このdiv要素の画像の中にリンクを埋め込むこと は可能でしょうか？ <div style="background-image:url(**)"><img src="**.jpg"usemap="#map" /><map name="map"><area shape="rect" coords="452,248,737,290" href="http://**" /></map></div> 上記のやりかただと適用されないので困っています。

  • jQuery画面スクロールで教えてください

    例えば、下記のような画像リンクボタンを <div id="btm"><img src="kotei.jpg" /></div> <div class="main"> ここに本文 </div> <div class="sub"> ここに文章 </div> のmain中をスクロールしている時は上記画像を常に下部に固定したい。 逆にsub以下は画像を消したい（非表示）場合はどうすればよいですか。 完成したタグを教えてください。 よろしくお願いいたします。

    • ベストアンサー
    • CSS
  • リンクタグを使用するとアドレスが正しく入力されない

    Macintosh10.42　Safari2.01バージョン使用中です。 goo簡単ホームページを使ってホームページを作成しています。 （http://members.goo.ne.jp/） トップページにリンクタグ （<a target=_blank href=リンク先のアドレス>ページ名</a>のようなもの） を入力しています。 リンク先のアドレスには半角の~が含まれるのですが、 いくら半角で入力しても、あとで編集ページを見ると 全角の～に変わってしまっています。 また実際にアップされたページを見て、 リンクの部分をクリックすると アドレスが文字化けしてしまってNot Foundとなってしまいます。 （半角~の部分が%81`と文字化けしてしまっています。 文字化けしているのはその部分だけです。） うまく説明できなくて申し訳ないのですが、 どなたかどうすればきちんとリンクができるようになるか、 答えて頂けると幸いです。宜しくお願い致します。

  • HTMLのリンク先ページの文字コードを指定したい

    ある事情で、CSVファイルをリンクしてブラウザ上で表示しなければならなくなりました。 CSVファイルはPHPから自動で生成されます。 このCSVファイルが「Shift-JIS」の文字コードなのですが WEBサイトのHTMLは「UTF-8」で記載されています。 このため、あるページからリンク先のCSVファイルに飛んだ時に、文字化けが発生しています。 ブラウザの文字コードを変えれば、表示はできますが 実際に運用される方々は、文字コードを変えるなどに気がついてはいただけません。 そこでCSVをリンクするHTMLから、リンク先のCSVを「Shift-JIS」で開くように文字コードを指定するような事はできないでしょうか？ フリーのPHPプログラムなどを要する事で実現できるなら、それでも構いません。 よろしくおねがいします。

    • ベストアンサー
    • HTML

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する