WEB开发网
开发学院网页设计JavaScript 【jQuery.nyroModal】超强JQuery模态对话框插件 阅读

【jQuery.nyroModal】超强JQuery模态对话框插件

 2009-09-04 00:00:00 来源:WEB开发网   
核心提示: Form提交(返回结果显示在对话框内) Form提交并过抽取定内容(用法同Ajax)同样,我们只需要为form元素添加class="nyroModal"属性;如果需要在IFrame的方式,【jQuery.nyroModal】超强JQuery模态对话框插件(2),那就指定tar

Form提交(返回结果显示在对话框内)

Form提交并过抽取定内容(用法同Ajax)

同样,我们只需要为form元素添加class="nyroModal"属性;如果需要在IFrame的方式,那就指定target="_blank"属性;如果需要抽取部分内容显示,就指定提交目标页面的元素的ID号为锚点。

<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提交文件上传

Form提交文件上传并抽取指定内容

<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>

Tags:jQuery nyroModal 超强

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接