td | 易学教程

JavaScript : Tip提示框。

阅读更多关于 JavaScript : Tip提示框。

// JavaScript Document document.write("<div id='tip' style='position:absolute; width:300px; z-index:1; background-color: #ffffff; border: 1px solid gray; overflow: visible;visibility: hidden;font-size:12px;padding:12px;color:#333333'></div>") function showtip(w){ var x=event.x; var y=event.y; tip.innerHTML=w; tip.style.visibility="visible"; tip.style.left=x+10; tip.style.pixelTop=y+document.body.scrollTop+10; } function hidetip(){ tip.style.innerHTML="" tip.style.visibility="hidden"; } //**********************以上另存为： showtip.js <table width="100%" border="0" cellspacing="0" cellpadding="0"

springboot使用pagehelper进行分页

阅读更多关于 springboot使用pagehelper进行分页

上次的博客项目，使用到了分页，这里总结一下 1.项目环境 IDE：IDEA 语言：java 框架：springboot 模板引擎：thymeleaf 2.效果 3.pom.xml <dependency> <groupId>com.github.pagehelper</groupId> <artifactId>pagehelper-spring-boot-starter</artifactId> <version>1.2.5</version> </dependency> 4.application.properties #pagehelper pagehelper . helperDialect = mysql pagehelper . reasonable = true pagehelper . supportMethodsArguments = true pagehelper . params . count = countSql 5.后端 //查博客 @RequestMapping ( "/QueryBlog" ) public String QueryBlog ( Model m , @RequestParam ( value = "start" , defaultValue = "1" ) Integer start , @RequestParam ( value =

js简单实现表格排序

阅读更多关于 js简单实现表格排序

昨天看到一篇关于表格排序的随笔，鉴于本人还只会简单的js，不会使用封装，所以自己也试了一下写这个效果。可能不太优化，原理思路是：获取行对象tr，排序tr中要比较的对象td，排序后添加回tbody。如下：样式如下： <style> thead tr td{ cursor: pointer; } thead tr td:hover{ text-decoration: underline; } </style> 结构如下： <table> <thead> <tr> <td>姓名</td> <td>性别</td> <td id="score">成绩</td> </tr> </thead> <tbody> <tr> <td>hoho</td> <td>女</td> <td>65</td> </tr> <tr> <td>haha</td> <td>男</td> <td>73</td> </tr> <tr> <td>hehe</td> <td>女</td> <td>67</td> </tr> </tbody> </table> js代码： <script> var score=document.getElementById('score'); var tbody=document.getElementsByTagName('tbody')[0]; //获取文档下的第一个tbdoy var tr

监听键盘上下键

阅读更多关于监听键盘上下键

< ! DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" > < html > < head > < title > keyboard control 1 < / title > < style > tr . highlight { background : # 08246 B ; color : white ; } < / style > < / head > < body > < table border = "1" width = "70%" id = "ice" > < tr > < td > < input type = 'text' > < / td > < td > < input type = 'text' > < / td > < td > < input type = 'text' > < / td > < td > < input type = 'text' > < / td > < / tr > < tr > < td > < input type = 'text' > < / td > < td > < input type = 'text' > < / td > < td > < input type = 'text' > < / td > < td > < input type =

表单示例

阅读更多关于表单示例

<table height="600" width="700" cellpadding="0" cellspacing="0" bgcolor="#006666" border="0" align="center"> <tr height="50"> <td width="200">邮箱:</td> <td width="500"><input type="text"/></td> </tr> <tr height="50"> <td></td> <td><font size="-2" color="#999999">需要通过邮箱激活账户，不支持sohu邮箱</font></td> </tr> <tr height="50"> <td>登录用户名：</td> <td><input type="text" /></td> </tr> <tr height="50"> <td></td> <td><font size="-2" color="#999999">仅在登录时使用，不少于4个字符</font></td> </tr> <tr height="50"> <td>显示名称：</td> <td><input type="text" placeholder="即昵称，字符数不少于2个字" /></td> </tr> <tr height="50"> <td></td> <td>

关于表格相同元素合并单元格的实例

阅读更多关于关于表格相同元素合并单元格的实例

这个标题名字还真不好取，一般想要这种功能的还真不好搜到这篇内容，只能静待有缘人了。（有好的标题，可以留言，我改还不行么？）最近公司有一个新的项目需求，要求的是合并单元格，看似也没什么难度，但实际操作起来，确实不好做。（但理解了里面的逻辑，也就几行代码的问题）然后前几天在一次看群里面聊天的时候，发现其他人也遇到了这样的需求。要求是这样的，先来张图片就是这种效果，将红色框部分合并起来，看似很简单的，但是注意，我们的数据是动态的，数据量是非常庞大的。完成后的效果如下以为我们现在的项目是用vue框架写的，刚开始尝试用vue的思想来解决，发现没法下手。最终还是操作dom来完成的。首先从后端的数据，是要有一定规范的，其实我们可以把他看成是一种树状结构。但是后端给的数据，其实还是标准的结构，表格一个循环就能解析出来的我这里的标题数据，跟内容数据是分开来的。我对后端要求的数据结构是这样的。标题部分： TableTitle: ['标题1', '标题2', '标题3','标题1', '标题2', '标题3'], 内容部分： TableBody: [ { value : [ { title: 't1', val: 'a1', }, { title: 't2', val: 'b1', }, { title: 't3', val: 'c1', }, { title: 't4', val

Jsp----注册登陆

阅读更多关于 Jsp----注册登陆

一、需求分析　　目前99%的网站都会有用户的登陆注册界面（用户就是一切嘛）。其需求可想而知。二、设计过程及所查寻资料　　通过寻找上课老师所给予的课件，搜寻相关内容；目前以获取相关有java web关于web的开发及DW的使用，Windows高级编程语言中如何用vs2008创建数据库（虽然创建不成吧==），数据库原理中相关语句调控数据库；　　至今完成进度：只完成表面的界面，至于如何与数据库进行连接，尚无头绪。三、界面源代码（提供100%开源产品）　　<html> <head> <title>注册页面</title> </head> <body> <form action=""> <table border="0" align="center" width="600"> <tr> <td colspan="3" align="center" height="40" > 填写注册信息</td></tr> <tr> <td align="right">用户名:*</td> <td><input type="text" name="userName"/></td> <td>用户名由字母开头，后跟字母、数字或下划线！</td> </tr> <tr> <td align="right">密码:*</td> <td><input type="password" name=

制作下载二维码

阅读更多关于制作下载二维码

日常我司进行app测试，由于终端种类多，其中app有5种，每种又分ios和安卓，还区分测试、准生产，生产，仿真等环境，pc有8种，也区分测试，准生产，生产，仿真等，种类如下：以前是靠通过蒲公英网站做二维码供测试，也需要整理出下载说明，营业部下载测试也非常麻烦。该网站还经常审核不通过，不允许上传，最近还出现数据全部丢失，不可靠，故设计了自行设计了一个二维码下载所有客户端。设计思路如下： 1、准备一个首页文件index.html放置在阿里云oss上，配置静态网站默认首页index.html 内容如下： <!DOCTYPE html> <html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>周边交易客户端下载</title> </head> <body> <center> <table> <tr><td > </td><td>APP客户端下载</td><td> </td></tr> <tr><td >------------</td><td>------------</td><td>------------</td></tr> <tr><td >测试</td><td>准生产</td><td>生产</td></tr> <tr><td >--

HTML初心自学记录（五）表格

阅读更多关于 HTML初心自学记录（五）表格

好，今天也是没什么内容的一天（你 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>表格</title> <style type="text/css"> /* .tab1{width: 80%;margin: auto} caption{font-size: 24px;margin: 12px;color: blue;} th,td{border: solid 1px cornflowerblue;padding: 8px;} tfoot td {text-align: right;color: coral;} .col1{width: 25%; color: crimson; font-size: 16px;}*/ </style> </head> <body> <div> <table border="2" class="tab1" cellpadding="6" cellspacing="10">  <caption><h3>我是表格标题</h3></caption> <th>表头1</th> <th>表头2</th> <th>表头3</th> <tr> <td>我是1.1

servlet 直接传递List对象

阅读更多关于 servlet 直接传递List对象

package cn.itcast.estore.web.servlet; import java.io.IOException; import java.sql.SQLException; import java.util.List; import javax.servlet.ServletException; import javax.servlet.http.HttpServlet; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; import cn.itcast.estore.domain.Order; import cn.itcast.estore.domain.User; import cn.itcast.estore.service.OrderService; public class ShowOrderServlet extends HttpServlet { @Override public void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { // 1.获取当前用户

订阅 td