iframe表示前の画面に結果を表示する方法とは
- facyboxというjQueryのライブラリを使って、インラインフレームで検索画面を表示させる方法について調べました。
- 検索結果がインラインフレーム内に表示されてしまう問題がありますが、要素を表示させる方法もあることがわかりました。
- しかし、その方法ではアコーディオンパネルの機能が使えなくなってしまうため、別の方法を模索しています。
- ベストアンサー
iframe表示前の画面に結果を表示するには
facyboxというjQueryのライブラリを使い、 インラインフレームで検索画面を表示させるようにしました。 ライトボックスのような感じで検索画面が表示されるイメージです。 この時、検索結果がインラインフレーム内に表示されてしまうので、 インラインフレームが開く前の画面に表示したいのですが、何か方法はないでしょうか。 ※fancyboxにはページ内の隠しておいたを要素を表示させる方法もあり、 そちらを使えば検索結果を表示できます。しかしながらその方法ですと、 今度はアコーディオンパネルの機能が使えなくなってしまい困っております。 同じような機能を持ったshadowboxのライブラリも同様です。 http://www.css-lecture.com/log/javascript/027.html
- 25taku
- お礼率85% (76/89)
- JavaScript
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
不可能です。 検索結果はあくまで別HTMLですし、利用ユーザのブラウザの機能として、あなたのサイトとは無関係に処理されるのですから、そのHTMLのリンクにtarget属性を加えることは出来ません。 方法は、検索自体にtarget属性を与えて、その結果を新規ウィンドウで表示させる事です。 <form action="[google]" target="_balnk"></form> です。 もしくは、サーバー側でsoketで取得したデータを書き換えることくらいでしょう。
関連するQ&A
- Fancyboxのiframe内に閉じるボタン
Fancyboxのiframe機能（というのでしょうか？）を使って、クリックすると準備しておいたHTMLファイルをFancyboxで表示させるところまでできました。 Fancybox の右上に出てくる「閉じる」ボタンの他に 埋め込んで表示しているHTMLファイル内に「閉じる」というボタンを配置して Fancyboxを閉じたいのですが、HTMLファイルにどのような記述をしたらいいのか分からず困っております。 いろいろ調べてみたのですが、jQueryなどのスキルが乏しく、途方にくれています。 iframeで表示しているファイルには閉じるボタンが埋め込めないのでしょうか？
- ベストアンサー
- JavaScript
- Shadowbox.jx3.0.3が動かない。
初めまして、このたびlightbox風のjqueryに惹かれて、shadowbox.jsの導入を考えております。。。が、 公式ホームページでadapterに jQuery を選び、ZIPを解凍して、一番簡単そうな画像表示を試みてみましたが上手くいきません。 色々な解説サイトを見ましたが、手順どおりやってはいるつもりなのですがお手上げになってしまいました。 何度試みても、ただ画像にリンクするだけで、lighboxらしい動きになりません。 以下にソースを掲載させて頂きますので、どうかお力添えお願い致します。。 <html> <head> <title>test</title> <link rel="stylesheet" type="text/css" href="shadowbox.css"> <script type="text/javascript" src="shadowbox.js"></script> <script type="text/javascript"> Shadowbox.init(); </script> </head> <body> <a href="1.jpg" rel="shadowbox" title="My Image">My Image</a> </body> </html> ※index.htmlやshadowbox.css ,shadowbox.jsは全て同階層です。 jqueryもDLして、ヘッダ部分に <script type="text/javascript" src="/jquery-1.5.1.min.js"></script> という一文も入れてみましたが全く動かない状態です。 説明足らずな点も多いと思いますが、どうぞよろしくお願いします。
- ベストアンサー
- HTML
- droppyとslideshowの共存
jQueryについて質問です。 droppy.js（http://www.css-lecture.com/log/javascript/jquery-droppy-menu.html）と slideshow.js（http://www.css-lecture.com/log/javascript/039.html）を同じページに組み込みたいのですが、同時にいれると、slideshow.jsは動きますが、droppy.jsが動かないのです。 javascript初心者ですので、簡単に改善できる方法がありましたら、 どなたか教えてもらえますでしょうか。。 よろしくお願いします。
- 締切済み
- JavaScript
- iframe内のshadowbox プレイヤー位置
こんばんわ。 iframe内でshadowboxを使って動画を再生しようと考えています。 iframeはheight1000px位の縦長です。iframe内の画像をクリックするとshadowboxが機能し、動作はするのですがプレイヤーの位置がフレーム中央に表示されロールしないと見れません。 ページの中央にプレイヤーが配置されるようにわざわざプログラミングされているのは理解できますが、なんとかこのプレイヤーの位置を調整できないものでしょうか。できればiframeページの上部に配置したいのです。 cssでやってもうまくいかず、javascriptも詳しくなく、shadow.jsのソースを見てもわかりません。 もしご存知の方がいらっしゃればお手数ですが、宜しくお願いします。
- ベストアンサー
- JavaScript
- shadowbox.jsについて
shadowbox.jsとslimbox.jsを併用したいと考えています。 もともとshadowbox.jsをPrototypeで使用し、HTMLを呼び出すのに使用していたのですが、 画像のライトボックス表示にslimbox.js（jquery使用）を使いたいと思い、 両方とも記述したらshadowboxの方が正常に動作しなくなりました。 何か解決策はありますでしょうか。 非常に困っています。お願いします。 ちなみに以下の様なコードをhead内に記述しております。 <script src="../../common/js/prototype.js" type="text/javascript"></script> <link rel="stylesheet" type="text/css" href="../../common/js/shadowbox/shadowbox.css"> <script src="../../common/js/shadowbox/shadowbox.js" type="text/javascript"></script> <script type="text/javascript">Shadowbox.init();</script> <link rel="stylesheet" type="text/css" href="shadowbox.css"> <script type="text/javascript" src="shadowbox.js"></script> <script type="text/javascript">Shadowbox.init();</script> </script> <link href="../../common/css/slimbox/slimbox.css" type="text/css" rel="stylesheet" media="screen" /> <script type="text/javascript" src="../../common/js/jquery.js"></script> <script type="text/javascript" src="../../common/js/slimbox.js"></script> <script type="text/javascript"> //slimbox $(document).ready(function() { $('a[rel*=lightbox]').slimbox(); }); </script>
- ベストアンサー
- CSS
- jQueryアコーディオンでリストウィジェット表示
jQuery UI Accordionというjavascriptを使用しているのですが、Twitterのリストウィジェットを入れるとウィジェット内のリンクが機能しなくなってしまいます。 どのようにしたら良いでしょうか。 http://jqueryui.com/demos/accordion/ 上記のサイトの一番上にあるアコーディオンを使いました。 下記のページをiframeで表示しています。 http://www.seraphen.com/ff14/accordion.html
- ベストアンサー
- JavaScript
- 大量のデータベースから検索結果を表示する方法を教え
http://note.chiebukuro.yahoo.co.jp/detail/n15842 この方法で、テキストボックスに検索文字を入れて、mydata.txtから該当のデータを表示させてるのですが データ量が１００００レコード以上あるためか、ずっと"データを読み込み中...."になってしまいます。 jQueryだと私の環境だと、7000行が限界なのですが ほかの方法で、データベースから検索して結果を表示する方法を教えてくだ差し。 ちなみにOKWAVEはどのような方法で表示させてるのでしょうか？ 上記のjQueryの方法だと、1ページ目で検索して、1ページ目に検索結果を表示させていますが OKWAVEは1ページ目で検索して、2ページ目で検索結果を表示させてますね？ その方法でよいので、大量のデータベースから検索結果を表示する方法を教えてください。 ちなみに今はＨＴＭＬ、cssの知識しかありません。
- ベストアンサー
- その他（プログラミング・開発）
- htmlでの<iframe>をjavascriptで。
webページを制作すると、サイト内で、共通部分ってできますよね？例えば、上部のサイトタイトルや画像は、全ページに表示しているとか、サイドバーを全ページに表示しているとか。 その共通部分を全部のhtmlに書き込むと、画面遷移の際に一瞬消えてしまいます。たぶん、もう一度全体を読み込んでいるためだと思われます。共通部分を、一瞬消えることなく、表示したいと思っています。 友達に聞いたら、インラインフレームの方法を教えてくれたのですが、その方法では、index.htmlの一枚のファイルに全てを記述しなくてはなりません。そうではなくて、各ページずつのファイルを用意したいのです。 javascriptで実現できるそうなのですが、javascriptで、インラインフレームみたいなやり方が分かる方、いませんでしょうか。分かる方、よろしくお願い致します。
- 締切済み
- JavaScript
- 集計結果をiframeの中に表示するには？
初心者です宜しくお願い致します。 phpとMysqlで、データ項目を選択して、クロス集計をさせて表示させようとしています。 クロス集計の結果テーブルの大きさが凄く大きくなるので、iframeの中に表示させてスクロールして結果を見るようにしたいのですが、 【選択画面ページ】 →送信→ 【集計結果テーブル表示ページ】 ↓ ↓ 画面遷移 iframe内に表示 ↓ ↓ 【結果表示ページ】←←←←←←← 選択項目の送信先（postデータの送信先）と画面遷移とを ちがうページにしたいのですが、どのようにしたらいいかわかりません。 javascriptかなと思うのですが・・・行き詰っております。 宜しくお願い致します。
- ベストアンサー
- PHP
- Queryのプラグイン（jAni）を 全画面表示
背景画像をアニメーションさせるjQueryのプラグイン（jAni）を、 全画面表示にさせる方法を教えてください。 全くのjQuery初心者で、本当に困っています。 助けてください。お願いいたします。 jQueryのプラグイン (jAni)を導入したのですが、 全画面で表示させなければならなくなってしまい どうしようもなく困っています。 ＵＲＬ 背景画像をアニメーションさせるjQueryのプラグイン -jAni http://coliss.com/articles/build-websites/operation/javascript/jque... ソースの19行目と２０行目で表示の大きさを決めているところまでは分かりましたが 何をどう変えればいいか、行詰ってしまいました。 宜しくお願いいします。 １８行目 function _build(){ １９行目 element.width(settings.frameWidth); ２０行目 element.height(settings.frameHeight); ２１行目 element.css('background-position', '0 0'); ２２行目 };
- ベストアンサー
- JavaScript
お礼
やはりそうなんですね。 新規ウィンドウでは開きたくないので、 インラインフレームを使わない方法を考えたいと思います。 ありがとうございました。