轶侠的网上小窝

让javascript通过XHTML验证

轶侠 — Thu, 26 Jun 2008 14:45:58 +0800

以前大家都用

<script type="text/javascript">
<!-- // hide from really old browsers that noone uses anymore
// also hide from browsers that use the XHTML DTD
// content of your Javascript goes here
// -->
</script>

而现在提倡以下的格式，这才是更有意义的html。

<script type="text/javascript">
/* <![CDATA[ */
// content of your Javascript goes here
/* ]]> */
</script>

学习自：Javascript and XHTML

系鞋带

轶侠 — Tue, 24 Jun 2008 09:19:03 +0800

知道怎么绑鞋带不稀奇，知道怎么绑出花儿才稀奇。

半透明图片的使用

轶侠 — Tue, 24 Jun 2008 09:09:04 +0800

起因：做个css，好死不死的用了个半透明的图片，唉~~~

首先，gif不支持半透明图片，咋办，只好png，恶心的是ie6不支持透明png，开始Google……

解决方法：

在叶面的header里加入：

<!--[if lt IE 7]>
<style type="text/css" media="screen">
#header {
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="<?php bloginfo('template_url'); ?>/images/header.png");
  background: none;
}
</style>
<![endif]-->

其实还可以用* html #header来直接写在css里面，不过有以下缺点：

估计通不过css交验
测试后发现AlphaImageLoader的src的当前目录为根目录而不是css所在目录，这点就比较郁闷了，唉~~

写在header里最大的优点就是可以指定ie的版本号，绝对不会用错地方<--其实也是无奈之举。

在IE6中实现max-width

轶侠 — Thu, 19 Jun 2008 22:21:34 +0800

IE7已经开始支持max-width了，这是一个好消息，呵呵，不过ie6，呃~~~~~

研究后得出下面的有效代码 [if lt IE 7] 说的是让ie版本为7以下的执行下面的html片断，其他浏览器忽略这段html

<!--[if lt IE 7]>
<style type="text/css" media="screen">
p img { width: expression(this.width > 450 ? "100%" : true); }
</style>
<![endif]-->
<!--[if IE]>

饭否flash的标准XHTML引用

轶侠 — Thu, 19 Jun 2008 22:08:02 +0800

一直都不喜欢在叶子里用flash，其实主要的原因是flash很难通过xhtml校验。不过这次看了饭否的flash有点心动，想尝试一下。

先看看效果

        <object type="application/x-shockwave-flash"
        data="http://b.fanfou.com/multi.swf?user=[用户ID]&amp;title=[flash的标题URL编码]" 
        width="180" height="400">
          <param name="movie" value="http://b.fanfou.com/multi.swf" />
          <param name="flashvars" value="user=[用户ID]&amp;title=[flash的标题URL编码]" />
          <param name="quality" value="autohigh" />
          <param name="wmode" value="transparent" />
          <a href="http://fanfou.com/[用户ID]" target="_blank" title="饭否"><img src="http://b.fanfou.com/u/[用户ID]/m180_6.png" alt="饭否" /></a>
        </object>

[flash的标题URL编码]=flash里的“轶侠在饭否”

注意倒数第二行的那一句，作用是如果浏览器不支持flash就显示这个图片。

超级牛叉的语文考试题答案

轶侠 — Tue, 17 Jun 2008 20:10:24 +0800

高考了，高考完后又是中考...考题千奇百怪，答卷也五花八门。真佩服现在的学生啊，思维跳脱，天马行空，和我们那时候的循规蹈矩，差别太大了，呵呵。看一组语文试卷中的填空题——

1.__________，为伊消得人憔悴
同学答：宽衣解带终不悔
（正解为“衣带渐宽终不悔”，偶承认这个是思想有问题）

2.问渠哪得清如许，__________
同学答：心中自有清泉在
（正解为“唯有源头活水来”，咱还是和水粘了点边~~~）

3.何当共剪西窗烛，__________
同学答：夫妻对坐到天明
（语文老师阅卷时笑晕。后在课堂时说此事，又晕！正解为“却话巴山夜雨时”）

4.蚍蜉撼大树，__________
同学答：一动也不动
（正解为“可笑不自量”。一动也不动，赫赫，很符合事实阿）

5.君子成人之美，__________
同学答：小人夺人所爱
（直接晕死）

6.穷则独善其身，__________
同学答：富则妻妾成群
　（正解：达则兼济天下）

7.__________，天下谁人不识君
同学答：只要貌似萨达姆
（汗|||....）

8.后宫佳丽三千人，__________
同学答：铁棒也会磨成针~~~~~~
（正解为“三千宠爱在一身”）

9.身有彩凤双飞翼，__________
同学答：拔毛凤凰不如鸡
还有个同学答：夫妻双双把家还
（正解为“心有灵犀一点通”）

10.东边日出西边雨，__________
同学答：床头打架床尾合
还有个同学答：上错花轿嫁对郎

11.__________，糟糠之妻不下堂
同学答：结发之夫不上床
（语文老师暴怒！）

12.但愿人长久，__________
同学答：一颗永流传
（当时狂笑，现在觉得挺经典的。正解为“千里共婵娟”）

13.西塞山前白鹭飞，__________
同学答：东村河边乌龟爬
（对的挺工整的）

14.我劝天公重抖擞，__________
同学答：天公对我吼三吼
（正解为“不拘一格降人才”，龚自珍）

15.天生我才必有用，__________
同学答：关键时刻显神通
又有同学答：老鼠儿子会打洞
（整办公室的语文老师集体毫无形象的狂笑）

16.天若有情天亦老，__________
同学答：人不风流枉少年！
（正解为“月若无恨月长圆” 李贺《金铜仙人辞汉歌》 )

17.洛阳亲友如相问，__________
同学答：请你不要告诉他
（正解为“一片冰心在玉壶”）

18.期末考试出对联, 上联是英雄宝刀未老
　　该初三同学对下联为：老娘丰韵尤存

19.良药苦口利于病，__________
同学答：不吃才是大傻瓜
人生自古谁无死，__________
同学答：只是死的有先后
（结局：家长会后被老师留下来训话鸟……）

20.床前明月光，__________
同学答：李白睡的香

21.管中窥豹，__________
同学答：吓我一跳
（哈哈哈！正解为“可见一斑”)

替换wordpress默认的widgets

轶侠 — Mon, 16 Jun 2008 21:45:04 +0800

起因：让WordPress的最近评论Widget直接显示评论内容，而那个Get Recent Comments插件功能太多，太庞大。我用不着，看着好好的wp默认的widget浪费掉于心不忍，又不想改源代码，懒得写插件。

总结：要简单而强大！（其实就是追求完美的懒人。）

经过：看代码，发现

function wp_widget_recent_comments_register() {
	$widget_ops = array('classname' => 'widget_recent_comments', 'description' => __( 'The most recent comments' ) );
	wp_register_sidebar_widget('recent-comments', __('Recent Comments'), 'wp_widget_recent_comments', $widget_ops);
	wp_register_widget_control('recent-comments', __('Recent Comments'), 'wp_widget_recent_comments_control');
 
	if ( is_active_widget('wp_widget_recent_comments') )
		add_action('wp_head', 'wp_widget_recent_comments_style');
}

我相信——既然有register就相信一定有untegister

Google后找到WordPress Development: Replacing Default Widgets

在functions.php里添上Leo的代码：

function yixia_widget_recent_comments($args)
{
  global $wpdb, $comments, $comment;
  extract($args, EXTR_SKIP);
  $options = get_option('widget_recent_comments');
  $title = empty($options['title']) ? __('Recent Comments') : $options['title'];
  if ( !$number = (int) $options['number'] )
    $number = 5;
  else if ( $number < 1 )
    $number = 1;
  else if ( $number > 15 )
    $number = 15;
  if ( !$comments = wp_cache_get( 'recent_comments', 'widget' ) ) {
    $comments = $wpdb->get_results("SELECT comment_author, comment_author_url, comment_ID, comment_post_ID,comment_content FROM $wpdb->comments WHERE comment_approved = '1' ORDER BY comment_date_gmt DESC LIMIT $number");
    wp_cache_add( 'recent_comments', $comments, 'widget' );
  }
  ?>
  <?php echo $before_widget; ?>
  <?php echo $before_title . $title . $after_title; ?>
  <ul id="recentcomments"><?php
  if ( $comments ) : foreach ($comments as $comment) :
    $comment_content = strip_tags($comment->comment_content);
    $comment_content = stripslashes($comment_content);
//    $comment_content = preg_replace('/\[qu(.(?!\[\/quote]))+.\[\/quote]/si', '', $comment_content);
//    $comment_content = preg_replace('/\s*:em\d\d:\s*/si', '', $comment_content);
    $comment_excerpt =substr($comment_content,0,50);
    $comment_excerpt = my_utf8_trim($comment_excerpt);
    echo  '<li class="recentcomments">' . sprintf(__('%1$s: %2$s'), get_comment_author_link(), '<a href="'. get_permalink($comment->comment_post_ID) . '#comment-' . $comment->comment_ID . '" title="'. get_the_title($comment->comment_post_ID) .'">' . $comment_excerpt .'...'. '</a>') . '</li>';
  endforeach; endif;?></ul>
  <?php echo $after_widget; ?>
  <?php
}
function my_utf8_trim($str)
{
  $len = strlen($str);
  for ($i=strlen($str)-1; $i>=0; $i-=1)
  {
    $hex .= ' '.ord($str[$i]);
    $ch = ord($str[$i]);
    if (($ch & 128)==0) return(substr($str,0,$i));
    if (($ch & 192)==192) return(substr($str,0,$i));
  }
  return($str.$hex);
}

最后注册自己的yixia_widget_recent_comments：

function yixia_widget_register() {
  // unregister the widget and its control
  wp_unregister_sidebar_widget('recent-comments');
  // register the new and improved widget and control
  $widget_ops = array('classname' => 'widget_recent_comments', 'description' => __( 'The most recent comments' ) );
  wp_register_sidebar_widget('recent-comments', __('Recent Comments'), 'yixia_widget_recent_comments', $widget_ops);
  wp_register_widget_control('recent-comments', __('Recent Comments'), 'wp_widget_recent_comments_control');
}
add_action('widgets_init', 'yixia_widget_register', 1);

收工，睡觉。

wordpress里js文件的调用

轶侠 — Mon, 16 Jun 2008 20:21:45 +0800

起因：我想在有侧边栏的页面载入jquery，最后的解决方案是在有<?php get_sidebar(); ?>的模板页面的开头加入

<?php wp_enqueue_script("jquery"); ?>

另外我想用最新的jquery替换掉wordpress原来的1.2.3版本，而且想用google的jquery文件，呵呵，后来在function.php最后加了这样的代码，要先取消注册再注册才行。

if ( function_exists('wp_deregister_script') ) { 
  wp_deregister_script('jquery'); //removes old jquery vers. 
} 
wp_register_script('jquery', 'http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js', false, '1.2.6');

宝宝笔记

轶侠 — Mon, 16 Jun 2008 12:58:16 +0800

昨天看爷爷奶奶用大浴巾把宝宝兜在里面荡秋千，宝宝笑得可响了。玩儿一会儿说停下吧，把浴巾放地上，哪想宝宝不高兴，举着浴巾就往奶奶手里塞，丫头还想玩。又玩一会儿，停下来还不干，还是抓着浴巾往奶奶手里塞。结果爷爷奶奶只好把浴巾藏起来，然后宝宝就里里外外地爬着找浴巾，还真找到了，又往奶奶手里塞，没办法，又玩儿了一会儿，然后去洗澡了，希望洗澡的时候能把荡秋千暂时忘掉。

现在宝宝能听懂很多话认识很多东西了，比如跟她说“吹个喇叭”，宝宝就会从一堆玩具里找出小喇叭，然后呜呜地吹一会儿。又比如玩她的小房子，奶奶说小球从上面的洞里扔进去，宝宝也知道把小球举到最上面的烟囱口再往下扔。

爷爷说上次抱宝宝出门玩，宝宝一路举着她的小喇叭。路上碰到一只小狗，宝宝吹一下喇叭，小狗就叫一下，宝宝觉得好玩，就越吹越带劲，哈哈哈哈。

爷爷还说宝宝会根据音乐打拍子呢。

从好小好小的时候宝宝就喜欢玩项链挂坠，我抱着宝宝的时候宝宝就用她胖呼呼的小手玩我戴得周大幅“家合”娃娃，可以玩好长时间，专心得很，都不往嘴里放，就用手指捏来捏去，翻过来翻过去的。姑婆和小外婆抱的时候宝宝也抓她们的项链玩。

前两天爷爷告诉我出门玩碰到两个外国女人，其中一个是黑人，别的小朋友都害怕，往家长身后躲，不过宝宝一点都不怕，还跟人家笑。外国人很开心还抱了宝宝，宝宝就玩人家的项链坠子。

宝宝周岁了

轶侠 — Sun, 15 Jun 2008 15:59:42 +0800

2008年5月29日，宝宝一岁了，全家所有人（除了爸爸妈妈，泪）都从上海跑到了马鞍山给宝宝过生日。给宝宝穿漂亮的小裙子，给宝宝带了好多的礼物。图上的小房子就是其中之一。宝宝很喜欢这个小房子，每天都玩儿好久。

最近又多了新玩具，奶奶买奶粉的时候送了个小帐篷，把海洋球都倒在帐篷里宝宝也能玩好久。

我给宝宝买了动画片，巧虎，宝宝好像也蛮感兴趣的，每天能看一集吧。不过爷爷说宝宝听到巧虎唱“太阳下山了……”就会哭，汗。

最近宝宝都自己坐尿盆便便，好乖好乖。能扶着东西站起来，速度很快。从门口爬到沙发那边，一扶沙发就站起来，动作相当之迅速。而且坐下的时候也不像以前一屁股“砰”的一下就坐地上，而是先蹲下，再坐下，慢慢地慢慢地，呵呵。

一般我都在宝宝吃饭的时候跟宝宝视频，宝宝看到妈妈会笑哦，有时候还会抓显示器。吃晚饭下地玩，也会时不时回头看看显示器，看看妈妈在不在。谢谢宝宝。

祝宝宝有生的日子天天快乐。

p.s. 今天是老公人生中第二个父亲节 ^_^

看看外国宝贝儿们的答案

轶侠 — Sun, 15 Jun 2008 14:33:47 +0800

看看外国宝贝儿们的想象力

測試一下你的鼠標好用嗎

轶侠 — Fri, 06 Jun 2008 12:33:10 +0800

你的鼠标品质好吗？现在有一好东西可以让你测试：
将光标指在左边的箭头，按住左键拖曳到右边的箭头，看看是否不会间断！

→ 笨笨 . 好乖 .. 喔 ...^.^ 祝你端午节快乐！ ←

XHTML + FRAME

轶侠 — Tue, 03 Jun 2008 13:11:14 +0800

如果frame中的某一部分的DOCTYPE为XHTML那么，当出现滚动条的时候（无论是横向的还是纵向的）都会引起另一个滚动条同时出现，因为竖着的滚动条占了一定空间，所以会同时显示横向滚动条，其实这是bullshit！！！！

在google搜了一会儿，实验了一下，解决方法如下：

<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

301和302重定向

轶侠 — Thu, 29 May 2008 14:32:07 +0800

最近好像陷进重定向的问题里爬不出来了，先说说301和302重定向好了，301是永久转移，就是说原来的页面改名字了，永远用这个地址代替了。302就是“找到”（Found）也就是临时重定向。

先说说html的302重定向，不是为了page rank，不是为了任何特别的问题，仅仅因为我把一些人家的一些文件名仿1.htm改成了service.html，为了不要让在google查到01.htm的人看不到网页，只能做重定向。而要命的是他们用的是IIS server，而且服务商的服务奇差无比，我不指望他们能帮着添加301重定向。最后在clsc.net找到了《Hijack: The 302 Exploit, Redirects and Google》。其他啥都没有看，就抄了一句话：

<meta http-equiv="refresh" content="0;url=http://www.target-website.com/folder/file.html">

其实是一篇可以好好看看得文章。

接着说说301，全文引用带部分翻译：webconfs.com的《How to Redirect a Web Page》

301重定向是最有效率的并且对搜索引擎友好的重定向方式。设置并不困难，而且能保留搜索引擎的评分，如果你需要重命名或者移动页面，那么这是安全的选择。“301”是“永久转移”的意思。

301 redirect is the most efficient and Search Engine Friendly method for webpage redirection. It's not that hard to implement and it should preserve your search engine rankings for that particular page. If you have to change file names or move pages around, it's the safest option. The code "301" is interpreted as "moved permanently".

可以用搜索引擎友好度测试来检验你的重定向。

You can Test your redirection with Search Engine Friendly Redirect Checker

下面是一些实现URL重定向的方法

Below are a Couple of methods to implement URL Redirection

IIS Redirect

In internet services manager, right click on the file or folder you wish to redirect
Select the radio titled "a redirection to a URL"
Enter the redirection page
Check "The exact url entered above" and the "A permanent redirection for this resource"
Click on 'Apply'

ColdFusion Redirect

<.cfheader statuscode="301" statustext="Moved permanently">
<.cfheader name="Location" value="http://www.new-url.com">

PHP Redirect

<?
Header( "HTTP/1.1 301 Moved Permanently" );
Header( "Location: http://www.new-url.com" );
?>

ASP Redirect

<%@ Language=VBScript %>
<%
Response.Status="301 Moved Permanently"
Response.AddHeader "Location","http://www.new-url.com/"
%>

ASP .NET Redirect

<script runat="server">
private void Page_Load(object sender, System.EventArgs e)
{
Response.Status = "301 Moved Permanently";
Response.AddHeader("Location","http://www.new-url.com");
}
</script>

JSP (Java) Redirect

<%
response.setStatus(301);
response.setHeader( "Location", "http://www.new-url.com/" );
response.setHeader( "Connection", "close" );
%>

CGI PERL Redirect

$q = new CGI;
print $q-&gt;redirect("http://www.new-url.com/");

Ruby on Rails Redirect

def old_action
headers["Status"] = "301 Moved Permanently"
redirect_to "http://www.new-url.com/"
end

Redirect Old domain to New domain (htaccess redirect)

Create a .htaccess file with the below code, it will ensure that all your directories and pages of your old domain will get correctly redirected to your new domain.

The .htaccess file needs to be placed in the root directory of your old website (i.e the same directory where your index file is placed)

Options +FollowSymLinks
RewriteEngine on
RewriteRule (.*) http://www.newdomain.com/$1 [R=301,L]

Please REPLACE www.newdomain.com in the above code with your actual domain name.

In addition to the redirect I would suggest that you contact every backlinking site to modify their backlink to point to your new website.

Note* This .htaccess method of redirection works ONLY on Linux servers having the Apache Mod-Rewrite moduled enabled.

Redirect to www (htaccess redirect)

Create a .htaccess file with the below code, it will ensure that all requests coming in to domain.com will get redirected to www.domain.com

The .htaccess file needs to be placed in the root directory of your old website (i.e the same directory where your index file is placed)

Options +FollowSymlinks
RewriteEngine on
rewritecond %{http_host} ^domain.com [nc]
rewriterule ^(.*)$ http://www.domain.com/$1 [r=301,nc]

Please REPLACE domain.com and www.newdomain.com with your actual domain name.

Note* This .htaccess method of redirection works ONLY on Linux servers having the Apache Mod-Rewrite moduled enabled.

How to Redirect HTML

Please refer to section titled 'How to Redirect with htaccess', if your site is hosted on a Linux Server and 'IIS Redirect', if your site is hosted on a Windows Server.

绕口令：化肥会挥发

轶侠 — Thu, 29 May 2008 12:22:11 +0800

初入江湖：化肥会挥发
小有名气：黑化肥发灰，灰化肥发黑
名动一方：黑化肥发灰会挥发；灰化肥挥发会发黑
天下闻名：黑化肥挥发发灰会花飞；灰化肥挥发发黑会飞花
一代宗师：黑灰化肥会挥发发灰黑讳为花飞；灰黑化肥会挥发发黑灰为讳飞花
超凡入圣：黑灰化肥灰会挥发发灰黑讳为黑灰花会飞；灰黑化肥会会挥发发黑灰为讳飞花化为灰
天外飞仙：黑化黑灰化肥灰会挥发发灰黑讳为黑灰花会回飞；灰化灰黑化肥会挥发发黑灰为讳飞花回化为灰

林蛋大vs楚中天

轶侠 — Thu, 29 May 2008 12:20:01 +0800

是不是因为这个原因所以中国字改成从左往右横着写了呢，不过又想起了“朱月坡”和“朱肚皮”的故事，看来起名字一定要慎重啊！