0

In G+ and Facebook, when you click the text input box (for updates) it will expand and give you more options. For example a submit button or another text input field.

For the life of me I can't find what to call this so that I can view some premade css3/jquery plugins/tutorials.

This is the closest I could find, but its not exactly what I am looking for. http://www.appelsiini.net/projects/jeditable/default.html

Any hints?

Thanks!

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 に答える