不亦乐乎 » 发表评论 http://www.happyet.org 自娱自乐，不亦乐乎! Fri, 10 Sep 2010 00:30:36 +0000 http://wordpress.org/?v=2.9.2 en hourly 1 利用jQuery提高访客评论的用户体验 http://www.happyet.org/247.html http://www.happyet.org/247.html#comments Thu, 09 Jul 2009 05:56:30 +0000 LMS http://www.happyet.com.cn/archives/247 好吧，我承认，今天是第二次从immmmm那直接复制粘贴文章过来了，可是没办法，实在是太喜欢这个功能了，在好几个wp博客上发现过这个功能，正好想找的时候被我遇到了，而且我也已经加上了这个功能了，不管是出于以后修改方便，还是其他什么原因，反正我是决定要转过来了。

这篇文章说的是：访客留言之后资料输入框会被隐藏起来, 如同登录了一般. 访客可以选择修改相关资料再进行评论. 给予访客很好的用户体验。一个相当实用的提高访客评论用户体验功能。

在comments.php文件里你自己的输入评论昵称，邮件，网址的那段代码处用以下代码覆盖，然后适当修改css文件就OK了，效果你可以评论一下就知道了。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26

<!-- 有资料的访客 -->
<?php if ( $comment_author != "" ) : ?>
    <script type="text/javascript">function setStyleDisplay(id, status){document.getElementById(id).style.display = status;}</script>
    <div class="form_row small">
        <?php printf(__('Welcome back <strong>%s</strong>.'), $comment_author) ?>
        <span id="show_author_info"><a href="javascript:setStyleDisplay('author_info','');setStyleDisplay('show_author_info','none');setStyleDisplay('hide_author_info','');"><?php _e('Change &raquo;'); ?></a></span>
        <span id="hide_author_info"><a href="javascript:setStyleDisplay('author_info','none');setStyleDisplay('show_author_info','');setStyleDisplay('hide_author_info','none');"><?php _e('Close &raquo;'); ?></a></span>
    </div>
<?php endif; ?>
 
<!-- 资料输入框 -->
<div id="author_info">
    <input type="text" name="author" id="author" value="<?php echo $comment_author; ?>" tabindex="1" />
    <label for="author" class="small"><?php _e('Name'); ?> <?php if ($req) _e('(required)'); ?></label>
 
    <input type="text" name="email" id="email" value="<?php echo $comment_author_email; ?>" tabindex="2" />
    <label for="email" class="small"><?php _e('E-Mail (will not be published)');?> <?php if ($req) _e('(required)'); ?></label>
 
    <input type="text" name="url" id="url" value="<?php echo $comment_author_url; ?>" tabindex="3" />
    <label for="url" class="small"><?php _e('Website'); ?></label>
</div>
 
<!-- 有资料的访客 -->
<?php if ( $comment_author != "" ) : ?>
    <script type="text/javascript">setStyleDisplay('hide_author_info','none');setStyleDisplay('author_info','none');</script>
<?php endif; ?>

原文地址：http://immmmm.com/using-jquery-to-improve-experience.html

]]> http://www.happyet.org/247.html/feed 6 给wordpress添加Ctrl+Enter快捷发表评论功能的两种方法 http://www.happyet.org/244.html http://www.happyet.org/244.html#comments Tue, 07 Jul 2009 05:09:50 +0000 LMS http://www.happyet.com.cn/archives/244 经常逛论坛的人一般都习惯评论完后直接按ctrl+enter提交评论，使用QQ聊天时也是这样，打完字随手按下快捷键搞定，其实通过加入js代码，在wordpress评论时也可以实现这个功能。（注意代码中的全角都要改为半角）

方法一、在wordpress的comments.php里</form></div><?php endif; ?>后插入如下js代码也可以实现这个功能：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

<script type="text/javascript">
document.getElementById("comment").onkeydown = function (moz_ev)
{
var ev = null;
if (window.event){
ev = window.event;
}else{
ev = moz_ev;
}
if (ev != null && ev.ctrlKey && ev.keyCode == 13)
{
document.getElementById("submit").click();
}
}
</script>

然后继续在comments.php文件中找到下面这句：

<p><input name="submit" type="submit" id="submit" class="submitbutton" tabindex="5" value="Leave comment" />

将value=”Leave comment”（不同的主题可能会有些差别，其实就是提交的那个按扭）的value值里加上一个(Ctrl+Enter)，改成value=”Leave comment (Ctrl+Enter)”

本文章转自：http://www.yueye.org/2009/use-ctrl-enter-to-submit-comments-for-wordpress.html

方法二、此法更为简洁，强烈推荐使用

在 comments.php 中找到以下代码：

<textarea name="comment" id="comment" cols="105" rows="10"tabindex="4"></textarea>

修改为：

<textarea name="comment" id="comment" cols="105" rows="10"tabindex="4"
onkeydown="if(event.ctrlKey&&event.keyCode==13)
{document.getElementById('submit').click();return false};"></textarea>

此方法为木木同学发明，发布在万戈那的。

]]> http://www.happyet.org/244.html/feed 20