Facebook风格评论框使用jQuery

时间:2010-01-10 16:37:04

标签: php jquery

我正在使用facebook这样的网站。我对facebook的评论框印象非常深刻。切换的东西真的很棒。有人帮助我得到类似的东西。 请不要发给我这个链接http://demos.9lessons.info/multislide.php这是互联网上最着名的链接,但我不认为它就像facebook从任何角度来看。请给我一些认真的帮助!!!!!!!

2 个答案:

答案 0 :(得分:0)

嗯,你已经知道了答案,不是你粘贴的链接,你用你的问题标记了什么:

jQuery

您需要通过jQuery使用AJAX并使用CSS修改a以获得您想要的内容。你是用PHP编写的,所以要习惯手工制作自己的网页控件,这很容易。

答案 1 :(得分:0)

我怀疑你会找到任何人为你编写代码,从它的声音,你已经完成了你的功课,并在各种脚本网站购物。我建议的是打破你所寻找的行为以及你所拥有的行为:

Facebook的:

  • 简单链接:“评论”
  • 精简文字框:“撰写评论”
  • 点击链接在链接下创建div或将焦点设置为文本框将文本框转换为textarea和按钮。
  • 点击div外部会从页面中删除div。
  • 按下按钮并进行评论时,会在原始div和包含评论文本的链接之间添加div。
  • 当textarea没有焦点时,它会将textarea作为文本框返回原始状态。

也许最好采用已经为您发布的链接编写的代码并对其执行以下操作:

  1. 删除转场
  2. 将按钮元素更改为<a>标记
  3. 使“滑块”框始终可见,但内容会发生变化
    • 该框中应包含<input type="text">,并设置onfocus=""属性,以便我们可以隐藏它并在点击时显示textarea
    • 应该隐藏textarea和按钮,直到被指示变为可见(display:none
  4. 使用jQuery插件隐藏textarea和按钮,并在注释div失去焦点时恢复到文本框。
  5. 希望这在某种程度上有所帮助。