0

在 G+ 和 Facebook 中，当您单击文本输入框（用于更新）时，它会展开并为您提供更多选项。例如提交按钮或另一个文本输入字段。

在我的一生中，我找不到如何称呼它，以便我可以查看一些预制的 css3/jquery 插件/教程。

这是我能找到的最接近的，但它并不是我想要的。 http://www.appelsiini.net/projects/jeditable/default.html

有什么提示吗？

谢谢！

4

2 回答 2

2

只需使用普通的 javascript/jquery 来隐藏/显示您想要的示例

<form><table><tr><td><lable id='lab'><input style='display:none' type='text' id='name'></input></label></td></tr></table></form>

在这里你的 JS

$(function(){


$("#lab).click(function(){

$(this).css("display","none");

$("#name").css("display","block");
}
});


});
于 2012-11-10T06:36:14.563 回答
0

Facebook 实际上是通过 AJAX 加载另一个 CSS 样式表来实现的，但这里有一个常规的 Javascript 函数可以解决问题：

<html>
    <head>
        <title>Test</title>
        <script type="text/javascript">
            function showDiv() {
                var area = document.getElementById("inputbox");
                area.style.height = "80px";
                var div = document.getElementById("hiddendiv");
                div.style.display="block";
            }
        </script>
    </head>
    <body>
        <textarea id="inputbox" onfocus="showDiv()" style="height:30px;">Put focus on me...</textarea>
        <div id="hiddendiv" style="display:none;">to show me!</div>
    </body>
</html>
于 2012-05-04T14:25:57.083 回答