存档

‘前台设计’ 分类的存档

Fixed header web design(including ie6)

2012年2月2日 没有评论

This is the best example I found. In this example, both header and content are aligned center and the same.

http://www.css-lab.com/demos/fixed/ie6-fix-head.html

分类: 前台设计 标签: , , ,

Consistency with and without www in URL

2011年9月3日 没有评论

Today I counted a persistence problem with cookies: I have one domain like example.com. But when I set the same cookie on http://example.com and http://www.example.com, the browsers will treat it as different ones.

So after searching, these two links

http://stackoverflow.com/questions/2345137/php-cookie-problem-www-or-without-www

http://stackoverflow.com/questions/3545228/setting-the-cookie-which-works-across-http-and-https-with-www-and-without-www

help me a lot, just a dot before domain when setting cookies will solve the problem.

分类: 前台设计 标签: , ,

使用JS实现client side include

2011年8月26日 没有评论

上一篇日志从网上转载了一个开启SSI的日志,开启了SSI以后,可以让许多页面包含共有的header以及footer,这样在做修改的时候只需要修改一个地方就可以了,十分方便。但是在实际使用中,有可能会出现无法开启SSI的情况。

比如,你向别人租用了一台虚拟主机,而该虚拟主机的管理员在httpd.conf中并没有设置Includes Option,同时很悲剧的他又设置了AllowOverrides为None,这样即使你使用.htacesss也就没有办法开启SSI了,so,这个时候该肿么办,笔者之前的做法是在一台测试服务器上开启SSI,并书写包含有SSI指令的web页面,当在向生产服务器部署的时候则写了一个python脚本将SSI指令替换生成静态html。但是这样子做的一个缺点在于,测试服务器与生产服务器之间的数据就无法进行同步,每次需要大规模修改页面外观的时候,必须对测试服务器上的SSI页面进行处理以后才可以部署到生产服务器上,十分繁琐。

于是,这篇日志的主角登场了~使用Javascript实现client side include,原理很简单,就是将header和footer的内容用document.write输出,然后在每个页面中包含相应的js文件即可。

如何控制frames的部分打印

2009年12月22日 没有评论

前两天要做一个页面的print button,但是网页是由两个frame构成的,而且其中的一个frame中包含了一个width很大的table,所以每次使用ie打印的时候都会将table的右部截去,但是FF打印的时候会自动缩放,T_T,由此可见ie的劣根性。。。

网上搜索了一下,大概有几种方法可以解决局部打印问题。

  1. 在html里面嵌入<!–start_pirnt–><!–end_print–>标签,然后使用js将要打印的部分取出,然后新打开一个窗口,将要打印的部分送入新窗口,onload事件里面写window.print即可,这样做了以后table就会全打出来了,但是这样做的用户体验不会太好,新开的窗口还需手动关上,但是我看了一下好几个大型网站的做法,在页面布局很复杂的情况下,按下print按钮,先会出来一个print preview的页面,然后再打印,这样也许给了用户适当的选择。
  2. 使用css控制要打印的内容,对不打印的部分加上<div class=”noprint”></div>,对要缩放的table加上id=zoom_table,然后css里面加上@media print{.noprint {display:none;} #zoom_talbe{zoom:70%}},这里要注意的是,zoom这个属性只有ie支持,这样就可以解决部分打印的问题了,自己使用的是第二种方法

这里还要注意的是如果不想把另外一个frame打印出来,则需window.parent.frame_name.print

    分类: 前台设计 标签: , , ,