利用jQuery提高访客评论的用户体验

好吧,我承认,今天是第二次从immmmm那直接复制粘贴文章过来了,可是没办法,实在是太喜欢这个功能了,在好几个wp博客上发现过这个功能,正好想找的时候被我遇到了,而且我也已经加上了这个功能了,不管是出于以后修改方便,还是其他什么原因,反正我是决定要转过来了。

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

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

<!-- 有资料的访客 -->
<?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 »'); ?></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 »'); ?></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

作者: LMS

天行贱,君子自强自息。

标签

《利用jQuery提高访客评论的用户体验》有6个想法

发表评论

电子邮件地址不会被公开。 必填项已用*标注