`

jsp界面出弹窗效果(可以放列表,也可以放详情等内容)

    博客分类:
  • java
阅读更多
js包见附件,压缩包里面的artDialog文件夹和showDialog.js文件统一放到比如web工程根目录下的js目录下即可,然后就是在jsp文件里面对这些空间的引用。


在jsp里面需要引用下面几个文件:
    <script src="${ctx}/js/showDialog.js" type="text/javascript"></script>
    <script src="${ctx}/js/artDialog/artDialog.js?skin=default"></script>
    <script src="${ctx}/js/artDialog/plugins/iframeTools.source.js"></script>


然后再下面标签里面这样使用控件:
<td><a href="javascript:showDialog('${ctx}/app30/mall3adsummary!specialList.action?checktime=${checktime}&type=1',600,300,'渠道详情数据列表-日期')" >${checktime}</a></td>


<td><a href="javascript:showDialog('${ctx}/app30/mall3adsummary!specialList.action?checktime=${checktime}&checkhour=${checkhour}&type=2',600,300,'渠道详情数据列表-小时')" >${checkhour }</a></td>
分享到:
评论

相关推荐

    分享一个右下角弹窗的完整例子(完整代码)

    在这个右下角弹窗的例子中,CSS会定义弹窗的样式,如位置(右下角)、尺寸、颜色、字体、动画效果等,使其符合UI设计规范,提升用户体验。CSS预处理器(如Sass、Less)也可以被用于组织和优化CSS代码,但这里没有...

    jsp网页产生json传值到java的servlet,再回传到jsp页面

    在Web开发中,JavaServer Pages (JSP) 和 Java Servlets 是常见的技术组合,用于构建动态、交互式的网页。在本场景中,我们探讨的是如何使用JSP通过Ajax(Asynchronous JavaScript and XML)发送JSON(JavaScript ...

    jquery实现时间弹窗选择输入

    在这个场景中,jQuery被用来创建一个弹出窗口,让用户能够选择时间,而不是手动输入,这样可以提高用户体验并减少输入错误。 描述中提到,这个时间控件具有时间范围限制的功能,这意味着用户只能选择在预设范围内的...

    SSM框架JSP使用Layui实现layer弹出层效果

    在SSM(Spring、SpringMVC、MyBatis)框架中,使用JSP页面和Layui前端框架来实现layer弹出层效果是常见的做法,这样可以为用户提供更好的交互体验。Layui是一款轻量级的前端组件库,其中的layer模块提供了丰富的弹窗...

    在html页面中弹出子页面效果

    在HTML页面中实现弹出子页面的效果是一种常见的交互设计,常用于展示详细信息、弹窗确认操作或提供附加功能。这种效果通常是通过JavaScript或者相关的库如jQuery来实现的。Struts1是一个较老的Java Web框架,它允许...

    jsp中点击图片弹出文件上传界面及实现预览实例详解

    在本实例中,我们将探讨如何在JSP页面中实现点击图片后弹出文件上传界面,并实现选中的图片在页面上的预览功能。这一功能广泛应用于网站设计,特别是图片管理系统或者在线相册等。 ### 实现点击图片弹出文件上传...

    多种, 漂亮.7z

    描述中提到“一组漂亮的jsp弹窗效果,一共有15种”,这表明该压缩包包含15个不同的弹窗样式,这些样式可能包括警告、提示、确认、加载等不同功能,旨在提升网站的用户界面和用户体验。开发者可以轻松地引用这些效果...

    基于layui点击按钮弹出包含表单的窗口

    layui提供了丰富的组件,如表格、按钮、弹窗、表单等,使得开发者能够快速构建美观且功能强大的Web应用。本篇文章将详细介绍如何利用layui实现“基于layui点击按钮弹出包含表单的窗口”的功能。 首先,我们需要理解...

    jquery弹窗插件tipsWindown

    通过使用TipsWindow,开发者可以快速地为网页添加弹窗功能,提升用户界面的互动体验。 二、TipsWindow的特性 1. **动态生成**:TipsWindow能够在页面运行时动态生成弹窗,无需预先在HTML中定义。 2. **样式丰富**...

    JSP经典网页特效500例

    在JSP中,可以利用这些技术创建动态效果,如滑动菜单、轮播图、下拉列表、弹窗提示等。这500个例子中可能涵盖了许多常见的网页特效,通过实践,开发者可以掌握这些特效的实现方式。 七、数据库操作 在实际应用中,...

    网页界面设计艺术教程

    JavaScript与JSP和ASP配合使用,可以实现交互性,如表单验证、动态内容加载、弹窗提示等。学习如何使用jQuery等库可以简化JavaScript代码,提高开发效率。 响应式设计是现代网页设计的关键,它确保网页在不同设备和...

    用jsp实现简单的用户注册功能,点提交可以在另一个jsp页面显示用户注册信息

    在本文中,我们将深入探讨如何使用JavaServer Pages (JSP) 实现一个简单的用户注册功能。...随着技能的提升,可以逐步引入更多的功能,如数据验证、数据库操作和更复杂的用户界面设计,以构建更完善的Web应用程序。

    SpringMVC+mybatis+easyui+百度富文本编辑器+easyui三级弹窗+shiro权限框架

    综上所述,这个项目结合了SpringMVC的MVC架构,MyBatis的持久层处理,EasyUI的界面设计,UEditor的富文本编辑,以及EasyUI的三级弹窗效果,以及Shiro的安全管理,共同构建了一个功能全面、易于维护的企业级Web应用。...

    JAVAWEB使用JSP+Servlet实现商品管理功能,后台为数据库,功能包括商品信息浏览、商品信息详情、商品信息删除及修改。

    JSP可以通过迭代集合,使用JSTL(JavaServer Pages Standard Tag Library)或其他标签库来遍历和展示商品列表。 3. **商品信息详情**: 当用户点击某个商品时,系统需要根据商品ID查询数据库获取详细信息。Servlet...

    jsp第一阶段试卷,涉及JSP语法,内置对象及HTML编程

    7. **JavaScript弹窗**:使用`alert()`函数弹出消息框。 8. **request对象方法**:`sendRedirect()`不是`request`对象的方法,而是`response`对象的方法。 9. **JSP指令**:`include`指令用于将文件嵌入JSP页面。 10...

    自定义弹出输入框

    为了提高用户体验,还可以添加动画效果、验证输入、自适应屏幕尺寸等功能。记得在实际开发中,要考虑到不同浏览器的兼容性和无障碍访问( Accessibility )问题,确保所有用户都能顺利使用。此外,良好的代码组织和...

    jsp+Servlet+mysql+Layui宠物医院管理系统

    4. **Layui**:Layui是一个轻量级的前端UI框架,提供了丰富的组件,如表格、表单、按钮、弹窗等,用于快速构建美观的界面。在本系统中,Layui用于构建用户友好的交互界面,提升用户体验。 5. **项目管理**:标签...

    springboot+mybatisplus+逆向工程+jsp/freemarker/thymeleaf+bootstrap+layer整合

    Layer 是一个轻量级的弹出层组件,它提供了丰富的弹窗样式,包括对话框、提示、加载层、iframe 层等,可以方便地实现各种交互效果。 整合这些技术,我们可以创建一个功能完善的 Java Web 应用。SpringBoot 作为基础...

    基于bootstrap的后台管理系统UI框架

    这些图标可以增强界面的视觉效果,同时帮助用户快速识别功能。在HTML中,只需添加相应的class即可插入图标。 列表样式在后台管理界面中用于展示层次化的数据或操作选项。Bootstrap提供了无序列表(ul)、有序列表...

Global site tag (gtag.js) - Google Analytics