問題タブ [shadowbox]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - javascript関数からShadowboxを開く
asp.netWebフォームのラジオボタンonclickイベント内からShadowboxを開こうとしていますが成功しません。最初はボタンクリックを使用して開いていましたが、これは正常に機能しましたが、ラジオボタンオプションが選択されているときにそれが発生することを確認する必要があります。次に、javascript(button.click())でボタンをクリックしようとしましたが、これはIE以降のバージョンのFirefoxでのみ機能しました。そのため、Shadowbox.openを使用することを選択しましたが、いくつかの問題が発生しています。これが私のコードです:
これはオーバーレイを表示するように見えますが、その中のWebページは開きません。誰かが私がどこで間違っているのか知っていますか?
loading - Shadowbox を使用する場合、ページが完全に読み込まれるまで「読み込み中...」の div を表示し続けるにはどうすればよいですか?
リンクがクリックされたときにシャドウボックスを使用してページを開き、リンクがクリックされたときにページを開きます。
問題は、「読み込み中...」アイコンが 1 秒間表示されてから消えることですが、ページの読み込みには約 5 秒かかります。
ページが完全に読み込まれて準備が整うまで、「読み込み中...」divを表示し続ける方法は?
どうもありがとう、
jquery - 機能する jQuery Shadowbox フォームの例はありますか?
私は持っている
onload 関数内で、後で Shadowbox.open() を呼び出します。もちろん、私はオプションを渡しています。とにかく、私のフォームはページ全体を送信し、代わりに false を返しません。
Shadowbox に渡されたフォームのフォーム送信を処理する方法の実際の作業例を探していました。あなたが私に1つを指摘することができれば、それは素晴らしいことです.
ありがとうございました
c# - Shadowbox を閉じた後にポストバックを発生させたい
ユーザーが小さなアイコンをクリックすると、Shadowbox-JSを使用して設定ページを表示するサイトがあります。ユーザーがメインアプリケーションで見ているもののビューをカスタマイズできるようにするための設定があります。
設定ページは完全な (ただしコンパクトな) .aspx ページで、設定の適用、データベースへの更新、データベースからの読み取りなどに関連するすべてのコードが含まれているため、すべてうまく動的です。私が望むのは、ユーザーがシャドーボックスを閉じるとポストバックが発生し、メインページのビューが自動的に更新されて変更が反映されるようにすることです。
ユーザーが設定領域で「保存」を押すと、次のリンクが表示されます。
これは基本的にページ全体を更新するだけであり、もちろん、その過程でシャドーボックスはもうありません. このアプローチは問題なく機能しますが、問題は、ユーザーがシャドーボックスの外側をクリックしてシャドーボックスを閉じるオプションを持っていることです。これがいつ発生したかをキャプチャし、これが発生したときにポストバック (またはページの更新) を発生させて、シャドーボックスを閉じたときに設定が常に適用されるようにする必要があります。
onload - Shadowbox onload の起動 -- ページをロードするにはどうすればよいですか?
リンクでShadowboxを何度も使用しましたが、hrefがShadowboxに次のようにボックス内のどのページの読み込みを指示するかを理解しています。
ただし、ユーザーがページにアクセスするとすぐにシャドーボックスを表示する必要があります。オンクリックではなく、オンロードです。
次のコードを使用しています。
これはhttp://www.shadowbox-js.com/usage.htmlから来ています
私よりもシャドウボックスをよく知っている人なら誰でも知っているように...これにより、リンクされた単語「クリック」が付いた黒いシャドウボックスが表示され、クリックすると、親ページがリンクに移動します。
ここでそのような基本的な質問をして申し訳ありませんが、数時間グーグルで検索し、shadow-js.com でたくさんのものを読みましたが、onload シャドウボックスを開くために必要な構文が見つかりません。リンク。私はこの行を追加しようとしました:
しかし、それだけではありません。.setup についても少し読みましたが、その使用方法を完全には理解していません。誰かが私をチュートリアルの正しい方向に向けたり、すばらしいコードを説明したりできれば。ありがとうございました。
javascript - IEで画像の「実際の」幅と高さを取得する
現在、サイトを構築しており、ShadowboxJSプラグインを使用して画像を表示しています。
(画像ファイルに直接リンクするのではなく)JSPを介して画像を提供するため、Shadowboxは画像の幅と高さを動的に決定できないようで、画面サイズのオーバーレイで画像を開くだけです。
'rel'を使用してシャドウボックスプラグインに幅と高さを手動で渡すことができるので、次のコードを使用してFF / Chrome/Safariの問題を回避しました。
しかし、IEで同じことをする方法を見つけることができません。
javascript - onmouseover ショー DIV
最近グーグルで検索しましたか?Google が検索を表示した後、マウスを検索用語の上に置くと、Google はサイトのプレビューを右側にシャドーボックスで表示し、ユーザーが DIV を制御 (閉じる) できるようにします。
どうすればそのスクリプトを達成できますか?
ありがとう
jquery - jCarouselLite 使用時のシャドウボックスの画像番号が間違っている
私のページには、多くの画像を含むギャラリーがあります。これらすべての画像を表示するために jCarouselLite を使用しています。これらの画像の 1 つをクリックすると、Shadowbox で表示したいと思います。それは正常に動作します。問題は、jCarouselLite により、シャドウボックスの下部に表示される画像の量が 3 倍になったことです。したがって、「1 of 4」の代わりに「1 of 12」と表示されます。この数値を修正する方法はありますか?
前もって感謝します
jquery - JQuery 'ああスナップ!' Chrome で使用できますが、他のブラウザはクラッシュしません
Chrome で常に「Aw Snap」が表示される管理ページの管理に問題があります。
新しい製品をウェブサイトに追加できる「商品」管理ページがあります。
ユーザーが商品タイプとして「T シャツ」を選択すると、いくつかの新しいオプションが表示されます。つまり、サイズと色です。
サイズは単なる複数選択ボックスですが、「色の追加」をクリックするとシャドーボックスが初期化されます。
シャドーボックスを使用すると、ユーザーは色の名前を入力し、( Wheel Color Pickerプラグインを介して) 16 進数の色を選択し、 ( Uploadifyを介して) 代表的な画像をアップロードできます。送信時に Uploadify スクリプトがファイルをアップロードし、完了時にスクリプトが JQuery AJAX を介して他の色情報をデータベースに送信します。
送信ボタンのスクリプト:
「完了時」にアップロード:
AJAX 操作が完了すると、フィードバック メッセージに「完了」が表示されます。
この後、JQuery コードはプログラムによってシャドーボックスを閉じ、親ページで、送信された色を表す小さな div が作成されます。
この方法を使用して複数を追加する可能性があります。
色関数を取得:
私の問題は、上記の機能中に、おそらくシャドウボックスを閉じるときに、Chrome で Aw Snap が発生することです。上記のカラー div のスクリーンショットは、Safari を使用して作成されたもので、これまで問題はありませんでした。
いくつかのプラグイン (shadowbox、wheel color picker、uploadify、jquery) があるので、これらの衝突がエラーの原因になっている可能性はありますか?
アップデート。
いくつかのブラウザーでこれをテストすることができましたが、これは間違いなく Chrome のみに関連する問題です。
javascript - 2つの方法を使用してiframe内からShadowboxを閉じる
私はすでにSOで同様の質問を検索しましたが、どの方法もうまくいきませんでした。
クリックすると開くシャドウボックスがあります。
これは正常に機能し、フォームはこの方法で最適に機能します(つまり、次を使用してフォームを簡単に閉じることができます)
問題..データにajaxがあるページがあり、これらの「将来の」要素のシャドウボックスをロードしたかったので、jqueryデリゲート関数を使用してこれを行うことを考えました。
問題は、上記の「外部的に」ロードされたシャドウボックスを使用してデリゲートメソッドを使用して開かれたフォームを閉じることができないこと
です。これを行うためのより良い方法はありますか?デリゲートメソッドを使用してロードされたシャドウボックスを閉じるにはどうすればよいですか。
編集
エラーが発生し続けます未定義のメソッド'close'を呼び出すことができません。
編集2ええと、答えがないので、私は使用できることがわかりました:
親ウィンドウにリダイレクトするには、これはImが探しているものではありませんが、誰かにとっての解決策になる可能性があります。