問題タブ [simplemodal]

ASP.NETWebフォームプロジェクトでSimpleModalを使用する方法を示す例または記事を探しています。

理想的には、この記事では、simplemodalを使用したグリッド行の作成と編集を示します。

ユーザーがボタンまたはリンクをクリックすると、SimpleModal jQuery プラグインを使用してダイアログを表示し、ページ全体をオーバーレイして、次のページが読み込まれるまでの遅延中にユーザーが別のボタンまたはリンクをクリックできないようにします。（これは避けたいところですが、それはまた別の機会に。）

次のページが表示された後、ユーザーが [戻る] ボタンをクリックすると、前のページに SimpleModal オーバーレイが表示されたままになり、ページを使用できなくなります。これは問題です。

ページを離れるとき、またはユーザーが [戻る] ボタンをクリックしてページに戻るときに、SimpleModal ダイアログを自動的に閉じるにはどうすればよいですか?

私は成功せずにこれを試しました:

ありがとう！
ウォーリー

更新：これが最もうまくいくと思われる解決策です：

jQuery SimpleModalプラグインを使用しようとしていますが、何かに興味があります: 説明ページに「コンテナー」div が記載されています。これの目的は何ですか？プラグインを使用するためにそれを使用する必要がありますか?

私の問題は、SimpleModaljQueryプラグインに関係しています。モーダルウィンドウを開くのに問題はありませんが、一度開くと画面の[中央]の位置に留まりますが、内容が変化し、背が高くなり、中央に配置されなくなります。再び中央に配置されるように再調整する簡単な方法はありますか？

編集： 2つのスクリーンショットを表示することで問題を説明するのに役立つと思います：前と後-基本的に、ユーザーが現金/小切手またはクレジットカードのどちらで支払うかに応じて、 jQueryのslideUpおよびslideDown機能を使用してクレジットカードフォームを非表示にします。明らかに、クレジットカードのフィールドでは、コンテナの高さが高くなります。

$("div#modal-element").setPosition()slideUp / slideDownのコールバック要素を追加しようとしましたが、役に立ちsetPosition()ませんでした。実際、関数が存在しないため、JSエラーがスローされています。私はいつもautoResizeオプションを追加してtrueに設定しようとしました。

注：これは、元の質問から解決策を付けて編集されています。元の質問は長すぎて、その考え方に多くの誤りがありました。これについてはお詫び申し上げます。

simplemodal divクラス.basic-modal-contentへの呼び出しの各インスタンスが、チェーンの最後にあるモーダルウィンドウに追加の次または前のボタンを追加したときに問題が発生しました。モーダルコンテンツの2つの別々の領域があり、それらはモーダルウィンドウで結合されました。

これは、.basic-modal-content-fooと.basic-modal-content-barの2つのdivクラスを持ち、ページの下にスクリプトの2つのインスタンスを置くことで解決されました。必要なのはCSSだけです...

これがスクリプトの「foo」バージョンです。バーバージョンのdivクラスの4つのインスタンスを変更します。

ul/liリストにプログレスバーを表示する各ウィンドウの画像を作成するためのCSS。

上記を生成するコードは次のようになります。

そして、divクラス内にとどまり、「バー」モーダルの追加テキスト。

ul / li構造は、リンクのメインページで機能します。モーダルウィンドウを使用すると、6つのテキストすべてを参照できます。ウィンドウに共通のCSSスタイルがあり、各モーダルウィンドウには、プログレスバーの形式の「#modal_[number]img」CSSから派生したカスタムイメージがあります。

これは、3つの伝記リンクの1つからの関連コードです。この現在の構成では、バイオグラフィックリンクのそれぞれに3つすべてが含まれている必要があることに注意してください。

同様に、「伝記」はページの別の領域から開きます。モーダルウィンドウを使用すると、3つのBIOすべてを参照できます。BIOSは、同じCSSスタイルウィンドウと、ポートレート形式の「#modal_[number]img」CSSから派生した各モーダルウィンドウのカスタムイメージを使用します。

すべてがうまく機能しています。

残っている質問が1つあります。ページにJSのインスタンスが2つあります。これを1つのスクリプトに組み合わせることができますか？

前もって感謝します。

DDF

http://www.ericmmartin.com/projects/simplemodal/

ページの下部に2つの例があり、アニメーションを開く方法と閉じる方法を示しています。

私はjqueryにかなり慣れていません。onOpenとonCloseの両方を宣言するにはどうすればよいですか？（私は一度に1つしか動作させることができませんでした。

あなたが提供できるどんな助けにも感謝します。

$.ajax を使用してサーバーから返されたデータに渡される深さの要件の変化に合わせて、シンプル コンテナーの高さを調整したいと考えています。

モーダルが起動されると、すべての CSS がオンザフライで変更されるようです (例: $('#someid').css('height','500px'))。

とにかく、設定された CSS をオーバーライドするには?

ありがとう

こんにちは、

プロジェクト サイトでのログインと登録に jquery Simple モーダルを使用する予定です。ここで述べたように、2つのモーダルを用意しようとしました。しかし、私はまだそれを機能させることができません。ここに私のコードがあります

open: function 部分と関係があると思いますが、誰でも私を助けることができますか?

既存のモーダルのリンクから別のシンプルモーダルを呼び出したい。

私はOSXモーダルを使用しています。

これどうやってするの ？

SimpleModaljQueryプラグインについて話します。ほとんどの場合、これは便利な機能だと思いますが、場合によっては削除する必要があることがわかりました。私のオプションは何ですか？