随笔分类 -  HTML/CSS

html常见技巧和CSS布局技术
Java 周历日历
摘要:WeekCalendarUtils工具类代码,传入起始日期即可返回对应日期的周历日历,年月部分添加周数统计 一个table页面展示部分 1 <style type="text/css"> 2 td { 3 border: 1px solid black; 4 background-color: #e 阅读全文
posted @ 2016-11-23 15:28 hoojo 阅读(4545) 评论(0) 推荐(1) 编辑
Web 通信 之 长连接、长轮询(long polling)
摘要:基于HTTP的长连接,是一种通过长轮询方式实现"服务器推"的技术,它弥补了HTTP简单的请求应答模式的不足,极大地增强了程序的实时性和交互性。 一、什么是长连接、长轮询? 用通俗易懂的话来说,就是客户端不停的向服务器发送请求以获取最新的数据信息。这里的“不停”其实是有停止的,只是我们人眼无法分辨是否停止,它只是一种快速的停下然后又立即开始连接而已... 阅读全文
posted @ 2013-09-26 14:36 hoojo 阅读(230347) 评论(50) 推荐(90) 编辑
在Flex (Flash)中嵌入HTML 代码或页面—Flex IFrame
摘要:在flex组件中嵌入html代码,可以利用flex iframe。这个在很多时候会用到的,有时候flex必须得这样做,如果你不这样做还真不行…… flex而且可以和html进行JavaScript交互操作,flex调用到html中的JavaScript方法以及获取调用后的返回值。 1、flex iframe下载地址:https://github.com/download... 阅读全文
posted @ 2013-08-15 15:57 hoojo 阅读(7889) 评论(0) 推荐(0) 编辑
基于开源 Openfire 聊天服务器 - 开发Openfire聊天记录插件
摘要:上一篇文章介绍到怎么在自己的Java环境中搭建openfire插件开发的环境,同时介绍到怎样一步步简单的开发openfire插件。一步步很详细的介绍到简单插件开发,带Servlet的插件的开发、带JSP页面插件的开发,以及怎么样将开发好的插件打包、部署到openfire服务器。 如果你没有看上一篇文章的话,请你还是看看。http://www.cnblogs.com/hoo... 阅读全文
posted @ 2013-03-29 10:48 hoojo 阅读(52575) 评论(60) 推荐(20) 编辑
cnblogs博文浏览[推荐、Top、评论、关注、收藏]利器代码片段
摘要:想必大家同我一样也经常看博文、写博文,如果你看到了这篇文章。那么也说明你和我一样,是一个热衷这个行业的人。对这个行业充满了热爱! 哈哈~ 当你看到了一篇好的博文,有没有立马或马上或必须……想关注、收藏、推荐的冲动!!!有木有、有木有!!!不管你有木有,我反正是有的。至于你信不信,偶反正是信的!嘿嘿…… 搞笑片段至此。献上主题小作一篇!!! 请君览阅! 申明:这个是一个快速推荐、评论、关注、... 阅读全文
posted @ 2013-03-04 13:15 hoojo 阅读(6814) 评论(38) 推荐(187) 编辑
JavaScript/jQuery、HTML、CSS 构建 Web IM 远程及时聊天通信程序
摘要:这篇文章主要介绍用JavaScript和jQuery、HTML、CSS以及用第三方聊天JavaScript(jsjac)框架构建一个BS Web的聊天应用程序。此程序可以和所有连接到Openfire服务器的应用进行通信、发送消息。如果要运行本程序还需要一个聊天服务器Openfire, 以及需要用到Http方式和Openfire通信的第三方库(JabberHTTPBind)。 JabberHTTP... 阅读全文
posted @ 2012-08-13 09:34 hoojo 阅读(32672) 评论(84) 推荐(19) 编辑
JavaScript/jQuery WebIM 及时聊天通信工具 本地客户端
摘要:WebIM本地客户端,可以发送表情、调整字体、字体大小、字体颜色、加粗、下划线、斜体等;还支持收缩split条,详情等; 上UI界面,界面还不够专业,需要美工支持,下一期在做优化! 收缩详情 chat.html 代码 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html> <head> <tit... 阅读全文
posted @ 2012-06-18 18:06 hoojo 阅读(21898) 评论(17) 推荐(8) 编辑
Ext [DDTabPanel、FoodImageField、ImageChooser]扩展组件
摘要:开发环境: System:Windows WebBrowser:IE6+、Firefox3+ JavaEE Server:tomcat5.0.2.8、tomcat6 IDE:eclipse、MyEclipse 6.5 开发依赖库: JavaEE5、ext 2.2.2 Email:hoojo_@126.com Blog:http://blog.csdn.net/IBM_hoojo http://ho... 阅读全文
posted @ 2012-03-17 03:05 hoojo 阅读(1790) 评论(0) 推荐(1) 编辑
ExtJS Form扩展组件[ColorFiled, DateTimeFiled, IconCombo, MultiComboBox, DynamicTreeCombox]
摘要:支持Form颜色选择组件、日期时间选择组件、带图标的下拉列表、多选下来列表、动态下拉列表树等组件 开发环境: System:Windows WebBrowser:IE6+、Firefox3+ JavaEE Server:tomcat5.0.2.8、tomcat6 IDE:eclipse、MyEclipse 8 开发依赖库: JavaEE5、ext 2.2.2 Email:hoojo... 阅读全文
posted @ 2012-02-27 14:11 hoojo 阅读(4152) 评论(1) 推荐(2) 编辑
jquery blockUI 扩展插件 Dialog
摘要:对jQuery blockUI插件进行了小的封装扩展,支持confirm、alert、dialog弹出窗口提示信息,支持按钮回调事件。可以自定义css样式、覆盖blockUI的样式等 首先要到jquery blockUI 官方网址:http://malsup.com/jquery/block/ 下载jquery.blockUI JS lib:http://malsup.com/jquery/b... 阅读全文
posted @ 2012-01-05 14:06 hoojo 阅读(27093) 评论(2) 推荐(5) 编辑
Struts2、Spring3、MyBatis3整合ExtJS,完成CheckNodeColumnTree
摘要:前面介绍了ColumnTree:http://www.cnblogs.com/hoojo/archive/2011/05/11/2043426.html http://www.cnblogs.com/hoojo/archive/2011/05/11/2043453.html 加入CheckNodeColumnTree A、首先在AccountAction中添加如下代码: private Strin... 阅读全文
posted @ 2011-05-12 12:52 hoojo 阅读(3656) 评论(5) 推荐(2) 编辑
Struts2、Spring3、MyBatis3整合ExtJS,完成ColumnTree 【二】
摘要:三、加入Struts2框架 1、 准备工作 添加jar文件如下: org.springframework.web-3.0.5.RELEASE.jar org.springframework.aop-3.0.5.RELEASE.jar 这2个jar包是spring的context所依赖的jar包 struts2-spring-plugin-2.2.3.jar是struts整合spring的jar包 ... 阅读全文
posted @ 2011-05-11 17:38 hoojo 阅读(4543) 评论(4) 推荐(2) 编辑
Struts2、Spring3、MyBatis3整合ExtJS,完成ColumnTree 【一】
摘要:开发环境: System:Windows WebBrowser:IE6+、Firefox3+ JavaEE Server:tomcat5.0.2.8、tomcat6 IDE:eclipse、MyEclipse 8 Database:MySQL 开发依赖库: JavaEE5、Spring 3.0.5、Mybatis 3.0.4、myBatis-spring-1.0、Struts2.2.3、junit... 阅读全文
posted @ 2011-05-11 17:14 hoojo 阅读(8217) 评论(3) 推荐(4) 编辑
jQuery autocomplete 自扩展插件、自动补全示例
摘要:jquery-lib版本是 1.3.2的,该插件是简单的扩展插件,代码也比较简单的封装。所以看起来也比较简单不是很费力,当然封装得也不是很好。不过做了浏览器方面的兼容,经测试兼容IE6+、Firefox3.5+首先看看autocomplete.js:;(function ($) { var index = -1; var timeId; var cssOptions = { "border": "1px solid black", "background-color": "white", "positio 阅读全文
posted @ 2011-03-28 12:11 hoojo 阅读(18189) 评论(6) 推荐(5) 编辑
IE6、IE7、IE8的CSS、JS兼容
摘要:Internet Explorer 6中查看使用 Microsoft JScript 的网页,可能会遇到web浏览器速度较慢的性能问题。原因是如果js脚本同时创建大量变量,jscript引擎执行垃圾收集算法时会监视脚本中变量分配的数量、脚本中使用的文字值的数量和脚本中分配的字符串值的总大小,如果超过这些值的阈值,就会发生垃圾收集,垃圾收集进程会中断正在运行的脚本。因此,这些运行中的脚本将被挂起,直至垃圾收集完成为止。IE6 、 IE7 、 IE8 在 CSS 和 JS 方面的区别 : 1、IE8中的css中关于width或是height中如果使用像素形式作为参数时,参数必须是带“px”的,而且 阅读全文
posted @ 2011-01-13 11:19 hoojo 阅读(36625) 评论(2) 推荐(6) 编辑