大宇空间 » WEB技术 http://www.dayu.name 人生是一场旅行，我们才刚刚上路 Sat, 31 Dec 2011 15:38:25 +0000 en hourly 1 http://wordpress.org/?v=3.2.1 火狐3下的上传图片预览（仅限火狐和图片文件） http://www.dayu.name/p/626.html http://www.dayu.name/p/626.html#comments Wed, 17 Nov 2010 03:05:54 +0000 大宇 http://www.dayu.name/?p=626 IE下可以直接用JS获取上传控件的value值，在FF3下不行。但还是可以在FF3通过js的nsIDOMFile对象来解决该问题；

下面是用nsIDOMFile实现的图片文件预览，作为日后参考。

  1. <script>
  2. /* 火狐3下的上传图片预览（仅限火狐和图片文件） */
  3. function $(v) {
  4.     return document.getElementById(v);
  5. }
  6.  
  7. function func() {
  8.     var file_path = $("file");
  9.     alert('dataurl: ' + file_path.files.item(0).getAsDataURL());
  10.     $("div").innerHTML = "<img src='" + file_path.files.item(0).getAsDataURL() + "'/>";
  11. }
  12. </script>
  13. <form method="post" action="?act=upload" id="form" enctype="multipart/form-data">
  14.     <input type="file" id="file" onchange="func();"/><input type="submit" value="上传"/>
  15.     <div id="div"></div>
  16. </form>
]]> http://www.dayu.name/p/626.html/feed 0 让Ubuntu的mySQL默认编码为utf8 http://www.dayu.name/p/585.html http://www.dayu.name/p/585.html#comments Fri, 03 Sep 2010 07:48:43 +0000 大宇 http://www.dayu.name/?p=585 为了省去在每次建立数据库和数据表的过程中手动设置编码的繁琐，需要将mySQL服务器的默认编码设置为utf8，修改方法如下：
在[mysql]的下面加上

  1. default-character-set=utf8

在[client]的下面加上

  1. default-character-set=utf8

在[mysqld]下面加上

  1. default-character-set=utf8
  2. init_connect='SET NAMES utf8'
]]> http://www.dayu.name/p/585.html/feed 0 隐藏PHP程序头部发出的X-Powered-By的PHP版本信息 http://www.dayu.name/p/583.html http://www.dayu.name/p/583.html#comments Wed, 01 Sep 2010 08:20:18 +0000 大宇 http://www.dayu.name/?p=583 尽管这不算是什么安全性的问题，不过这表明服务器正在运行PHP并且包含了当前的版本信息。
所以，从隐蔽服务器信息的角度考虑可以在php.ini文件中设置：

expose_php = Off

这样就避免了输出类似

X-Powered-By: PHP/5.2.4

这样的信息

]]> http://www.dayu.name/p/583.html/feed 0 参考书目 http://www.dayu.name/p/501.html http://www.dayu.name/p/501.html#comments Sat, 06 Mar 2010 03:51:14 +0000 大宇 http://dayu.name/?p=501 HTML和CSS参考书：
精通CSS与HTML设计模式

Javascript参考书
深入浅出JavaScript

PHP和Mysq参考书：
PHP与MySQL程序设计(第3版)

php和mysql web开发(原书第4版)

PHP+MySQL八大动态Web应用实战

]]> http://www.dayu.name/p/501.html/feed 0 免费的企业邮箱 http://www.dayu.name/p/491.html http://www.dayu.name/p/491.html#comments Mon, 15 Feb 2010 14:44:14 +0000 大宇 http://dayu.name/?p=491 最早用的是Google的APP，但其不支持我们的CN域名。
后来找到腾讯也提供了免费的企业邮箱服务。

初次使用，不知效果如何。日后总结，此处留贴标记一下。

]]> http://www.dayu.name/p/491.html/feed 0 解决DIV被FLASH动画遮挡 http://www.dayu.name/p/438.html http://www.dayu.name/p/438.html#comments Sun, 20 Dec 2009 14:16:22 +0000 大宇 http://dayu.name/?p=438 若DIV在页面上的位置被embed的FLASH元素遮挡了，用z-index解决无效。
可以在embed中加入wmode=”transparent” （设置flash为透明）属性即可。但会让FLASH里的AS语法失效（网上资料说的， 我未测试），但大部分都是引入的第三方视频网站动画，不影响用。正常后的效果如图：解决DIV被FLASH遮挡

]]> http://www.dayu.name/p/438.html/feed 0 用CSS实现的绝对定位 http://www.dayu.name/p/426.html http://www.dayu.name/p/426.html#comments Sun, 20 Dec 2009 07:58:38 +0000 大宇 http://dayu.name/?p=426
  1. <html>
  2. <title>用CSS实现的绝对定位</title>
  3. <style type="text/css">
  4. *{ margin:0; padding:0;}
  5. html{_overflow:hidden;}
  6. body{_height:100%; _overflow-y:auto;}
  7. #box{
  8. width:100px;
  9. height:100px;
  10. background-color:#999999;
  11. position:fixed;
  12. _position:absolute;
  13. top:100px;
  14. left:100px;
  15. }
  16. </style>
  17.  
  18.  
  19. <body>
  20. < ?php
  21. for($i=0;$i&lt;100;$i++) {
  22. echo "<p>内容\n";
  23. }
  24. ?>
  25. <div id="box"></div>
  26. </body>
  27. </html>
]]> http://www.dayu.name/p/426.html/feed 0 解决：chm手册文档有的时候打不开 http://www.dayu.name/p/416.html http://www.dayu.name/p/416.html#comments Mon, 14 Dec 2009 15:18:50 +0000 大宇 http://dayu.name/?p=416 在运行窗口中输入：

  1. regsvr32 C:\WINDOWS\system32\hhctrl.ocx

搞定！有的还是不行-_-

]]> http://www.dayu.name/p/416.html/feed 0 DIV的vertical-align垂直居中对齐方法 http://www.dayu.name/p/407.html http://www.dayu.name/p/407.html#comments Sun, 01 Nov 2009 03:04:55 +0000 大宇 http://dayu.name/?p=407 CSS中的确是有vertical-align属性，但是它只对(X)HTML元素中拥有valign特性的元素才生效，例如表格元素中的td、th、caption等，而像div、span这样的元素是没有valign特性的，因此使用vertical-align对它们不起作用。

一、单行垂直居中（兼容IE和FF）
如果一个容器中只有一行文字，对它实现居中相对比较简单，我们只需要设置它的实际高度height和所在行的高度line-height相等即可。如：

  1. <style>
  2. div {
  3.     height:55px;
  4.     line-height:55px;
  5.     overflow:hidden;
  6.     background-color:red;
  7. }
  8. </style>
  9. <div>
  10. 单行文字的垂直居中
  11. </div>

后面使用overflow:hidden的设置是为了防止内容超出容器或者产生自动换行，这样就达不到垂直居中效果了。

二、多行未知高度文字的垂直居中（兼容IE和FF）
这是一种“看起来”的垂直居中方式

  1. <style>
  2. div {
  3.     padding:25px 0px;
  4.     background-color:red;
  5. }
  6. </style>
  7. <div>
  8. 单行文字的垂直居中
  9. </div>

三、多行高度自适应文字的垂直居中（兼容IE和FF）

  1. <style>
  2. div {
  3.     height:55px;
  4.     background-color:red;
  5. }
  6. .middle{
  7.     display:inline-block;
  8.     height:55px;
  9.     width:0px;
  10.     vertical-align:middle;
  11. }
  12. </style>
  13. <div>
  14.     <span class="middle"></span>单行文字的垂直居中
  15. </div>
]]> http://www.dayu.name/p/407.html/feed 2 Google电子邮件快讯使用介绍 http://www.dayu.name/p/400.html http://www.dayu.name/p/400.html#comments Mon, 17 Aug 2009 08:00:20 +0000 大宇 http://dayu.name/?p=400 下面以关键词“高考”为例介绍，为大家介绍Google搜索引擎电子邮件快讯使用的方法：

前提是首先注册一个Google的账号（还没有？你Out啦LoL）

1.打开Google资讯页面 http://news.google.cn/
2.输入搜索关键词“高考”
3.浏览器自动返回搜索“高考”关键词返回的结果页面
4.在搜索结果列表页面的最下方，会有一块如下的区域
snapper1250493284396
选择其中的为“高考”创建电子邮件快讯
5.选择相应配置即可生成相关关键词的邮件快讯提醒。

]]> http://www.dayu.name/p/400.html/feed 0