Timothy's Space 君看一叶舟，出没风波里

自从实现了Ajax的评论后，俺还是对评论部分有点不太满意，于是又开始拿评论开刀了。

1.首先想到的，是评论没有分页显示的功能，如果评论数量太多，会把页面拖得很长，在google搜索了一下，原来WordPress原生已经支持评论分页的功能了，所以一不做二不休，继续改动。
其实改动很简单，打开模板的comments.php，在类似wp_list_comments();列出评论的代码后面，加入下面的代码即可:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19

<?php
	// 如果用户在后台选择要显示评论分页
	if (get_option('page_comments'))
	{
		// 获取评论分页的 HTML
		$comment_pages = paginate_comments_links('echo=0');
		// 如果评论分页的 HTML 不为空, 显示导航式分页
		if ($comment_pages)
		{
?>
 
<div id="commentnavi">
		<?php echo $comment_pages; ?></div>
 
 
<?php
		}
	}
?>

2. 实现Enter+Ctrl快捷回复，这个比较简单，用jQuery实现，正好这两天也在学jQuery，就当练练手吧。为了增加代码可读性，方便以后维护，将这部分自定义的jQuery代码放在单独的js文件中：timothy.js

1
2
3
4
5
6
7
8
9
10
11

$(document).ready(function(){
 
    //Ctrl+Enter for fast submit
    $("#comment").keydown(
    	function(event){
        	if(event.ctrlKey && event.keyCode == 13)
        	{
            		$("#submit").click();
        	}
    	});
});

代码比较简单，检测评论框的keydown时间，并判断是否同时按下了Ctrl键和Enter键，如果条件成立，则直接出发提交按钮的点击事件。将此部分js代码上传，并在header.php引入此脚本文件，效果立马就有了。这下同学们可以通过Ctrl+Enter快捷提交评论了。不过后来发现一个问题，这种用Ctrl+Enter快捷提交的评论，不会触发Ajax评论的效果，后来仔细找了找原因，发现Ajax评论的jQuery脚本中，并没有绑定提交按钮的点击事件，而是绑定的整个Form的submit事件，所以把刚才的脚本小小修改一下即可：

1
2
3
4
5
6
7
8
9
10
11

$(document).ready(function(){
 
    //Ctrl+Enter for fast submit
    $("#comment").keydown(
    	function(event){
        	if(event.ctrlKey && event.keyCode == 13)
        	{
            		$("#commentform").submit();
        	}
    	});
});

这下就搞定了，支持Ctrl+Enter提交的Ajax评论，呵呵。

3.这个修改源自Zww同学的提议，在每条评论中增加”回复”按钮，原以为我的皮肤不支持嵌套评论的，尝试着在WordPress的设置项中，把嵌套评论给Enable了，这样的话，每条评论就自动有了个回复按钮。接下来，想实现点击回复的时候，自动把评论的同学的名字填入到评论框中，也就是类似 @XXX: 的形式。大体思路是通过jQuery来实现，绑定这些回复按钮的click事件，获取评论的同学的名称，设置到评论框中。其实Zww同学早就实现了这样的功能(前去围观)，所以jQuery也可以偷师过来了：

1
2
3
4
5

    $(".reply").click(
	function(){
		var name = $(this).prevAll().find("cite:first").text();
		$("#comment").text("@"+name+":").focus();
	});

同样，放在$(document).ready里面即可。这次改动，俺意外的发现，原来我的皮肤支持嵌套评论……或许是加入了Ajax评论组件的原因，嘿嘿。

此文很菜，没啥技术含量， 算是学习jQuery的一点心得吧，前路茫茫，吾将继续折腾下去……

在一般情况下编写的对话框程序，用户在运行的时候，如果不注意按下了ENTER或者ESC键，程序就会立刻退出，之所以会这样，是因为按下Enter键时，Windows就会自动去找输入焦点落在了哪一个按钮上，当获得焦点的按钮的四周将被点线矩形包围。如果所有按钮都没有获得输入焦点，Windows就会自动去寻找程序或资源所指定的默认按钮(默认按钮边框较粗)。如果对话框没有默认按钮，那么即使对话框中没有OK按钮，OnOK函数也会自动被调用，对于一个普通的对话框程序来说，OnOK函数的调用，以为着程序会立刻退出。为了使Enter键无效，最简单的办法就是将CExDlg的OnOK函数写成空函数，然后针对OK按钮写一个新的函数来响应。ESC键的原理也是如此，它是默认和OnCancel函数映射在一起的。对于ESC键，需要自己重载CDialog类的PreTranslateMessage函数，当发现是ESC键的时候，过滤掉这个消息或者是替换掉这个消息。

一下是简单的代码示例：

[biggrin]【方法1】
可以先重载OnOK函数
voidCTestDlg::OnOK()
{ //里面什么也不写}

然后重载PreTranslateMessage函数
把ESC键的消息，用RETURN键的消息替换，这样，按ESC的时候，也会执行刚才的OnOK函数，这样问题就可以解决了。

BOOL CxxxDlg::PreTranslateMessage(MSG* pMsg)
{
if(pMsg->message==WM_KEYDOWN && pMsg->wParam==VK_ESCAPE)
{
pMsg->wParam=VK_RETURN; //将ESC键的消息替换为回车键的消息，这样，按ESC的时候
//也会去调用OnOK函数，而OnOK什么也不做，这样ESC也被屏蔽
}
return CDialog::PreTranslateMessage(pMsg);

}

[biggrin]【方法2】

直接在重载的PreTranslateMessage函数中屏蔽回车和ESC的消息，和以上方法大同小异：

BOOL CxxxDlg::PreTranslateMessage(MSG* pMsg)
{
if(pMsg->message==WM_KEYDOWN && pMsg->wParam==VK_ESCAPE) return TRUE;
if(pMsg->message==WM_KEYDOWN && pMsg->wParam==VK_RETURN) return TRUE;
else
return CDialog::PreTranslateMessage(pMsg);
}