Powerful JQuery mode dialog box plug-in

The call method is basically a dumb. You only need to add class = "nyroModal" to the link, except for manual calls. The following describes

Supported Modal Dialog Box types:

Ajax call.

<A href = "http://www.xxx.com/demoSent.php" class = "nyroModal"> Ajax </a>
Ajax calls and supports extracting specified content.
If you only need to display an element on the page, you only need to add the element ID as the anchor to the request address during the request. If only the content of the specified ID is displayed: <a href = "http://www.xxx.com/demoSent.php#UserInfo" class = "nyroModal"> Ajax </a>, only test. the UserInfo element in aspx. If UserInfo does not exist, all contents are displayed.
Allow to resize the dialog box
Display a single image (the image size is automatically scaled ).

<A href = "http://nyromodal.nyrodev.com/img/img2.jpg" class = "nyroModal" title = "3rd Street Promenade"> Image </a>

Multiple Image albums are displayed, and flash is supported.
The link in the following example has one more rel = "gal" attribute, which is used to group images. In other words, if the rel attribute values are the same, the links are displayed in a group, this value can be modified based on your preferences. When a flash file is loaded, the processHandler event is used to determine the file type and process the display mode and size.

<Script type = "text/javascript">
$ (Function (){
$. NyroModalSettings ({
ProcessHandler: function (settings ){
Var from = settings. from;
If (from & from. href & from. href. indexOf ('HTTP: // www.youtube.com/watch? V = ') = 0 ){
$. NyroModalSettings ({
Type: 'swf ',
Height: 355,
Width: 425,
Url: from. href. replace (new RegExp ("watch \\? V = "," I "), 'v /')
});
}
}
});
});
</Script>

Form submission (the returned results are displayed in the dialog box)
Form submitted and extracted content (same as Ajax)
Similarly, we only need to add the class = "nyroModal" attribute to the form element. If you need to use the IFrame method, specify the target = "_ blank" attribute; if you want to extract some content for display, specify the ID of the elements on the submitted target page as the anchor.

<Form method = "post" action = "http://nyromodal.nyrodev.com/demoSent.php" class = "nyroModal">
<Input type = "text" name = "wouhou"/>
<Input type = "submit" value = "simple form"/>
</Form>
<Form method = "post" action = "http://nyromodal.nyrodev.com/demoSent.php" class = "nyroModal" target = "_ blank">
<Input type = "text" name = "wouhou"/>
<Input type = "submit" value = "simple form in iframe"/>
</Form>
<Form method = "post" action = "http://nyromodal.nyrodev.com/demoSent.php#test" class = "nyroModal">
<Input type = "text" name = "wouhou"/>
<Input type = "submit" value = "simple form Filtering Content"/>
</Form>

Form submitted File Upload
Form submits the file and uploads and extracts the specified content

<Form method = "post" enctype = "multipart/form-data" action = "http://nyromodal.nyrodev.com/demoSent.php" class = "nyroModal">
<Input type = "file" name = "file"/>
<Input type = "submit" value = "form with file"/>
</Form>
<Form method = "post" enctype = "multipart/form-data" action = "http://nyromodal.nyrodev.com/demoSent.php#blabla" class = "nyroModal">
<Input type = "file" name = "file"/>
<Input type = "submit" value = "form with file Filtering Content"/>
</Form>

• 2 pages in total:
• Previous Page
• 1
• 2
• Next Page