問題タブ [nyromodal]

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.

0 投票する
1 に答える
802 参照

sifr - nyroModal ライトボックスで sIFR を使用する

nyroModal ライトボックスにポップアップされているページで sIFR を使用していますが、ページが表示されたときに sIFR オブジェクトが表示されません。それらを表示するにはどうすればよいですか?

0 投票する
1 に答える
1221 参照

jquery - Web サービスを使用した ASP.NET による jQuery nyroModal

私は jQuery nyroModal プラグインを少しの間使用してきましたが、率直に言って、これまでに使用した中で最高のモーダル プラグインの 1 つです。他の多くの人もこのプラグインを使用していることを願っています。そのため、ASP.NET と一緒に使用することに関して助けが必要です。

しかし、私は過去に問題に遭遇し、ASP.NET サーバー コントロールで動作させようとしました。基本的に、別のフォーム タグを作成するため、モーダル内でサーバー コントロールを使用することはできません。 NET では 1 つのフォーム タグのみが許可されます。そのため、代わりに標準の HTML コントロールを使用し、Web サービス/ページ メソッドを使用してサーバー側コード (ボタン クリックなど) を呼び出すことにしました。これは問題ありませんが、私が理解していないのは、モーダルで適切なコールバックを行う方法です。つまり、ボタンをクリックすると、モーダルがデフォルトのサイズに縮小し、読み込みインジケーターが表示され、HTML 応答が表示されると拡大されます。受信され、できればリクエストのステータス (つまり、成功または失敗)が表示されます。

私は .NET の Web サービスとコールバックについて学び始めたばかりなので、決して専門家ではありません。誰かがこれに光を当てて、小さな「こんにちは世界」の例を教えてください。私は永遠に素晴らしいです!

ありがとう!

0 投票する
3 に答える
5853 参照

jquery - ASP.Net + jQuery+jQuery検証プラグイン+UpdatePanel+ nyroModal-各フィールドで正常に起動します!

ユーザーが価格(数値)を入力する入力フィールドのリストを含むフォームがあります。jQuery検証プラグインがそれに応じて検証するように、cssクラスを「required」と「number」に設定しました。すべてが完全にうまく機能しています。エラーは、各フィールドが数値でないか、値が欠落している場合などに表示されます。

このフォーム全体は、実際にはnyroModal(jQueryプラグイン)モデルのポップアップウィンドウ内にあります。しかし、それは問題ではありません。それは関係なく、単なる.aspxWebフォームです。その中で、私はUpdatePanelも使用し、その中にすべてを入れました。私のフォームは基本的に2段階のプロセスだからです。ユーザーがフォームの最初の「ページ」で完了する必要のある基本的な手順がいくつかあります。それが検証されて機能するとき、UpdatePanel内のいくつかの要素を非表示/表示して、フォームの次の「ページ」をユーザーに表示します。これは、上記のすべての価格テキストボックス入力フィールドです。

フォームを検証するためのトリガーポイントとしてImageButtonを使用しています。デフォルトでは、ImageButtonをそのままにしておくと、すべてUpdatePanel内で発生するため、.Netはポストバック(私の場合はAJAXポストバック)を起動します。これもまた望ましい。明らかな理由で、醜い完全なポストバックは必要ありません。

たくさん読んだ後、jQueryがフォームを正常に検証したかどうかに基づいて、.Netがポストバックを実行したいときにインターセプトできるように、JavaScriptで.NetのPageRequestManagerにアタッチする方法が必要でした。したがって、私のロジックは次のように述べています。デフォルトでは、ポストバックを許可しませんが、jQueryがフォームを正常に検証したら、ポストバックが許可されるようになったことを示す変数を設定します。次にポストバックが実行されると、それが実行されます。したがって、ユーザーに成功を表示します。

これはすべてかなりうまく機能していますが、最後の問題が1つあります。

jQuery検証プラグインのvalidate({success})オプションは、フォーム全体ではなく、個々のフィールドで検証が成功した後、誤って起動しているようです。つまり、価格入力フィールドのいずれかに数値を入力すると、この成功オプションが起動し、cancelPostback変数がfalseに設定されます。これは、1つのフィールドがあるという理由だけで、検証されていなくてもフォームが送信されることを意味します。有効でした。このvalidate({success})オプションは、フォーム全体が検証された後にのみ起動することを期待していました。

私はこれを間違って解釈しましたか、そして実際にそれはそれが意図したことをしているのですか?もしそうなら、フォーム全体が検証されたときにのみ、cancelPostback変数をtrueに設定するにはどうすればよいですか?

洞察や頭を上げてくれてありがとう。

検証を実装し、.NetポストバックイベントをインターセプトするためのjQueryコードは次のとおりです。

0 投票する
3 に答える
2281 参照

jquery - jQuery nyromodal + ASP.Net + UpdatePanel / AJAX-endShowContentが機能しない、ちらつく、フォーカスを失う

ASP.Net内でjQuerynyroModalプラグインを使用しています。私はnyroModalが大好きで、全体的に非常にうまく機能しています。

しかし、私はendShowContentコールバックを使用して、nyromodalの読み込みが完了した後、ページのコンテンツの最初のテキスト入力要素にフォーカスを設定しています。これを実現するために、ページに次のコードがあり、ナイロモーダルポップアップを開始します。

$(function(){$ .fn.nyroModal.settings.endShowContent = function(elt、settings){$('input:text:first'、elt.content).focus();};});

モーダルが表示されると、最初のテキストフィールドが一時的にフォーカスを取得するため、その種類が機能していることがわかります。しかし、それは一種のちらつきと再び焦点を失います。それは、nyromodalがまだ完全にロードされていないと判断し、何か他のものがフォーカスを取り戻すようになっているようです。それとも、UpdatePanelが干渉しているのでしょうか。(なぜそうなるのかわかりません)。nyromodalのendShowContent呼び出しが発生した後、UpdatePanelの肥大化した自動生成されたAJAX JS呼び出しが何かを実行している可能性がありますか?

ヘルプや洞察をいただければ幸いです。

0 投票する
2 に答える
7231 参照

jquery - ASP.Net UpdatePanel + Gridview + Hyperlinks + jQuery nyroModal プラグイン - 新しいウィンドウ全体が開きますが、モーダルが必要です

内部に GridView を含む UpdatePanel があります。

Gridview には、ハイパーリンクを含む TemplateColumn があります。

ページの先頭で jQuery を使用して、これらすべてのハイパーリンクを nyroModal モーダル ハイパーリンクに設定しました。つまり、それらをクリックすると、ターゲット ページがモーダル ダイアログに読み込まれます。このコードは次のとおりです。

UpdatePanel を削除すると、上記のナイロモーダル コードは完全に機能します。しかし、そこに UpdatePanel があると、nyroModal 呼び出しが詰め込まれ、リンクが Firefox の生のまったく新しいウィンドウ/タブとして開かれます。UpdatePanel がスマートになりすぎて、ポストバックなどを開始しようとしています。

レンダリング時に各ボタンのナイロモーダル呼び出しを何らかの方法で登録する必要がありますか? RegisterClientScriptBlock などで少し遊んでみましたが、満足できないようです。クライアント側のスクリプトを .Net サーバー側のコードに登録するのはとても面倒なようです。面倒でイライラします:)

提案や洞察に感謝します。

0 投票する
4 に答える
2373 参照

jquery - ネストされたASP.NetWebフォーム+nyromodal:モーダルが閉じられた後にポストバックが停止します

マスターページテンプレートを使用するASP.NetWebページがあります。

このページには、いくつかの基本的なAJAX機能を備えたUpdatePanelがあります(DropDownListの値を変更すると、UpdatePanelが更新されます)。これはすべてうまく機能しています。

nyromodalモーダルをポップアップするリンクもあります。モーダル内に別のASP.NetWebフォームが読み込まれます。このページ自体に静的ページなどではなく独自の機能を持たせたいためです。正確には、新しい」ダイアログ。したがって、新しいレコードが作成され、閉じたらメインの「レコードのリスト」ページなどに戻ります。

次のjQueryコードを使用して、ナイロモーダル呼び出しを開始しています。このコードには、nyromodalとASP.Netの互換性を高めるためのさまざまな調整や設定も含まれています。これは、nyromodalとASP.Netの間で直面して解決した5回目の非互換性です(レッスン:ASP.Netに近づかないでください)。

このコードは、ASP.Netとnyromodalが連携することで発生する他のいくつかの問題を解決するため、非常にうまく機能しています(Brianに感謝)。ブロッカー:#aspnetFormビットを使用しても、ほぼ同じ問題を解決することを目的としたaspnetFormという名前のASP.Netのメインのポストバックフォームの外にナイロモーダルが出ることを防ぎます。

しかし..

モーダルにロードしているWebページは、.NetWebフォームでもあります。そのため、もちろん、独自のポストバックaspnetFormも組み込まれています。したがって、モーダルが表示され、FireBugを使用してDOM構造をチェックすると、実際には2つのASP.Netフォームが作成されます(ネストされています)。また、nyromodalは基本的に単なるdiv(またはいくつかのdiv)であるため、フォームタグは基本的にネストされています。

ですから、これは物事を大いに台無しにしていると思います。実際にはIE7を完全にクラッシュさせています(致命的な例外)。IE7 + FireFox:ダイアログを閉じると、メインのWebフォームがポストバックしなくなります。少し前にあった2つのフォームタグに非常に混乱していると思います。

nyromodalを使用してモーダルのコンテンツとしてASP.NetWebフォームを開くことができるようにすることは、非常に単純な要件である必要があります。ASP.Netでそれを非難しているのは、非常に不完全であり、すべてのページに必須の「フォーム」タグを配置しているためです。PHPを使用している場合、今日発生したこれらの問題は発生しませんでしたが、作業目的でASP.Bloatを使用し続けています。

どんな考えや洞察も大歓迎です!:)

0 投票する
1 に答える
2013 参照

jquery - jqmodal と nyromodal は、Jquery 1.3.2 と Firefox ツールバー拡張では機能しません

jqModalまたはnyroModalを使用してモーダルダイアログを開閉するコマンドを使用して、独自のFirefoxツールバーを作成しようとしています。どちらの場合も、ダイアログを開くとエラーが発生し、モーダルが壊れる理由については何も見つかりません。

ブラウザ: Firefox 3.0.11 JQuery: v1.3.2 jqModal: r14 nyroModal: 1.5.0

サンプル XUL: `

`

サンプル jqm.js ファイル: ` function jqmShowModal(e) { //loadPageHeadElements(); var body = $(content.document).find("BODY"); if(body.find("#jqmModal").length == 0) body.prepend("Hello jqModal!"); var jq = $("#jqmModal", content.document);

}

関数 nyroShowModal(e) {

}

function choke(e) { alert('choke!'); } `

0 投票する
2 に答える
1094 参照

javascript - 画像を表示するときに NyroModal (ライトボックス) の画像カウントをオフにするにはどうすればよいですか?

NyroModal を使用して画像を表示する場合、ポップアップが発生したときにコレクション内の画像数が H1 タグに自動的に表示されます。つまり、「1/3」、「2/3」、「3/3」などです。

これをオフにする方法やh1タグを操作する方法を知っている人はいますか?

また、NyroModal が h1 タグをデフォルト (上部) ではなく画像の下部に自動的に配置することにも興味があります。

プラグインはここにあります: http://nyromodal.nyrodev.com/

0 投票する
2 に答える
2360 参照

jquery - nyroModalモーダルウィンドウでjavascriptsubmitを使用してajax検証を使用する

ボタンをクリックするとnyroModalウィンドウにポップアップするフォーム(signup.php)があります。

フォームを送信する前に、何らかの形式のAJAX検証(たとえば、ユーザー名が取得されているかどうかを確認するため)を使用したいと思います。

私は次のことを念頭に置いていました:ユーザーが「送信」ボタンをクリックしたとき。onClick必要なフィールドをPHPスクリプトに送信するjavascript関数を呼び出し、フィールドが有効かどうかを返します。次に、フィールドが無効な場合はユーザーに通知しますが、フィールドが有効な場合は、などを介してフォームを送信し$('#formid').submit();ます。理論的には十分簡単です。

しかし

問題は、nyroModelがURLから新しいフォームを取得し、その内容を含むDIVをDOMに作成するときに、Firefoxが<script>タグを完全に無視することです。Firebugを使用すると、実際に<script>応答付きのタグを取得していることがわかりますが、Firefoxはそれらを無視します。また、ドキュメントの作成時にフォームがDOMにまだ存在していないため、モデルの呼び出し元のページにjQuery関数を作成できません。

これを解決する方法はありますか?

0 投票する
3 に答える
1431 参照

javascript - jQueryモーダルが表示されない