問題タブ [shadowbox]

以前の質問に関連して (Cryo さん、ご回答ありがとうございます)、javaScript の専門家についてさらに質問があります。

次のような html 構造があるとします。

jQuery を使用して、指定されたアンカー名を見つけ、それを含むエントリ div の html マークアップ全体を、新しいクラス名とともに、次のようにシャドウボックスの html プレーヤーに渡すことができる文字列として返したいと考えました。

次のコードはこれを行いますが、1 つのしわで、<div ルーブリック> と <div コンテンツ ブロック> のドキュメントの順序が逆になっています。

返された文字列内の要素のドキュメントの順序を保持する、あまり冗長でない jQuery チェーンを提案できる人はいますか? 役立つ提案や観察は大歓迎です。ストレート js でこれを行うためのより簡単な方法があれば、それも知りたいです。

ありがとう、

ジョン

更新：Pointyからのコメントのおかげで答え：

私のASCXファイルのいくつかにこのコードがあります：

その rel="shadowbox..." に注意してください。これは、この ActionLink の ShadowBox Lightbox クローンを配線するためのものです。

これは、ユーザーが通常のブラウザー リクエストを介してこのユーザー コントロールを含むページをリクエストしたときに正常に機能します。しかし、AJAX リクエストを介してこれらの View User コントロールもレンダリング/ビルドします。たとえば、jQuery .ajax() メソッドを使用して /Widget/RenderToString/... にリクエストすると、そのコントロールの HTML コードが返されます。これは正常に機能し、コードを正常にレンダリングします。次に、AJAX 要求が行われたページの DIV に結果を挿入 (追加) します。これも問題なく動作し、返された HTML が追加されます。唯一の問題は、ShadowBox が配線されていないことです。そのコードはレンダリングされますが。

ShadowBox を接続するたびにページのリロード (F5) が必要なようです。私はAJAX GETとインスタントアペンドを実行してサーバーのラウンドトリップを行わなくて済むようにしているので、リフレッシュを行わずにShadowBoxを配線することも必要です。

誰かがそれを手伝ってくれますか？ありがとうございました

アップデート：

はい、Site.Master ヘッドにこれがあります:

AJAX 呼び出し後に Shadowbox を再度初期化するにはどうすればよいですか?

ライトボックス スタイルのポップアップで Flash ビデオを表示するために、shadowbox js を使用しています。

これまでのところ機能していますが、次の問題があります。

ページが読み込まれ、ユーザーがリンクされた画像をクリックするのが早すぎて、シャドウボックスが開くはずの場合、swf が直接読み込まれます (ポップアップは表示されません)。また、この場合、スクリプトは停止しているように見え、正しいクリックリスナーを割り当てません。そのため、その後のクリックでもシャドウボックスが表示されることはありません。

シャドーボックス 3.0.1

誰かが同じ問題を経験したことがありますか、解決策はありますか? ありがとう。

Shadowbox.jsのサンプルコードを使用して、「このサイトはまだ作成中です！」というメッセージとともにシャドウボックスを表示しています。ページの読み込み時：

問題は「このサイトはまだ建設中です！」ということです。テキストは、黒の背景に黒のフォントで表示されます。

CSSをいじる必要があると思うので、次のように追加しました。

div.welcome-msg{font-size:12px;padding:10px;text-align:center;color:white;}

に./shadowbox/shadowbox.css、しかしそれは問題を解決しませんでした。

「このサイトはまだ作成中です！」のフォントの色に変更するために私がしなければならないことを誰かに教えてもらえますか？白にテキスト？

前もって感謝します

AJAX を使用して jQuery によってロードされたコンテンツに Shadowbox をバインド/初期化するにはどうすればよいですか?
今のところ、最初にサイトにアクセスしたときにシャドウボックスが機能します。

ただし、AJAX を介して読み込まれた新しいコンテンツとコンテンツを交換すると、コンテンツのこれらの新しいバッチはシャドウボックス ポップアップを実行せず、代わりにコンテンツにリダイレクトするだけです。

私は Shadowbox.init(shadowbox_conf); を持っています。成功しましたが、うまくいかないようです。

ありがとう、
ティー

シャドーボックスをスキンし、ポップアップサイズが固定サイズであることを確認するにはどうすればよいですか?

css 部分は ID とクラスをオーバーライドするだけなので問題ありません。
ただし、 がどのように見えるかはわかりませんmarkup.js。

だからここに私の質問があります：

1. shadowbox-custom-skin/markup.js次のようなフックを作成して追加しました。

   今、私は がどのように見えるべきかの例を見つけることができませんmarkup.js. (コンテンツの前に div を配置し、コンテンツの下に div を配置し、いくつかの新しいパラメーターを追加
   しようとしています)。sb-navsb-title

2. この方法を使用してポップアップのサイズを修正しました：

   handleOversize resize動作しなくなりました。つまり、コンテンツのサイズは変更されますが、圧縮されます。

ポップアップが同じサイズであることを確認するにはどうすればよいですか?

I have a form in a shadowbox, and when the user clicks the submit button (or a link with an onclick, i don't mind) i want to step in, close the shadowbox, then submit the form data from the parent window. Can anyone tell me how to do this? I can't work it out.

Something like this semi-pseudocode...

thanks, max

シャドウボックスに少し問題があります。FFでは正常に動作しますが、IE7または8では動作しません。

私はこれらのスクリプトを使用しています、

また、このjQueryを使用して、カレンダー内のすべてのタグにrel属性を割り当てています。これは、FFでは正常に機能しますが、IEではまったく機能しません。

しかし、何らかの理由で、IEでの動作を拒否するだけです。

私は本当にここで私のロープの終わりにいます、どんな助けでもありがたいです、ありがとう！

私はvimeoでホストされているビデオへのいくつかの親指とリンクで設定されたサイトを持っています。shadowbox.jsを使用してオーバーレイで表示します。これは完璧に機能します。

ここで、dailymotionでホストされているビデオを追加したいのですが、機能しません。

vimeoビデオへのリンク：

Dailymotionビデオへの機能しないリンク：

hrefをブラウザに貼り付けると、両方のリンクが正常に機能します。私が見る限り、両方ともswfで再生されます。そのため、シャドウボックスに表示されない理由がわかりません。それがdailymotionビデオの許可の問題でない限り。

誰かが私が間違っていることを知っていますか？

Flash ムービーに表示されるコンテンツの量に応じて、オーバーレイのサイズを調整したいと考えています。また、ユーザーがコンテンツを調整するときにリアルタイムでサイズを変更したい。

出来ますか？