1

こんにちは、私は JavaScript があまり得意ではありませんが、JavaScript を使用してダミーのステータス更新を行おうとしています。ステータス更新を入力した後にボタンをクリックすると、ストリームに追加されます。ユーザーがEnterキーを押したときに、ボタンをクリックするだけでなく、ストリームも更新する必要があります。

これが私のコードです

<script>
$(document).ready(function(){
    var newStatus;
    var minLength=1;
    $("button#update").click(function(){
        newStatus=$.trim($("input#status").val()); // get status

        if(newStatus.length>minLength)
        {
            $("div#streaming").prepend('<div class="status newStatus clearfix"><div class="avatar"><img src="img/avatars/thumb_avatar_5.gif" alt="test" class="avatar-40 right-20" /></div><div class="content"><p><a href="#">Username</a> '+newStatus+'</p><p class="font11"><em>Seconds ago</em> &sdot; <a href="#" class="lightblue">Comment</a> &sdot; <a href="#" class="lightblue">Share</a></p></div></div>');
            $('.newStatus').animate({opacity: 3.0}, 30);
            $("input#status").val('').focus(); // clear status box
        }
        else
        {
            alert("Please share something");
        }

    });
});
</script>

<span class="left inset streamupdate">
<input type="text" placeholder="Share Something" title="Share Something" onfocus="if(this.value==this.defaultValue)this.value='';" onblur="if(this.value=='')this.value=this.defaultValue;" id="status" />
<button id="update" value="Go" type="button"></button>
</span>
<div id="streaming"></div>
4

1 に答える 1

0

フォーム要素をフォームタグでラップし、関数を実行するようにonsubmitを設定します。

$(document).ready(function(){
    var newStatus;
    var minLength=1;
    $("#update").click(function(){
        buttonClick();
    });
});

function buttonClick() {
    newStatus=$.trim($("input#status").val()); // get status

    if(newStatus.length>minLength) {
        $("div#streaming").prepend('<div class="status newStatus clearfix"><div class="avatar"><img src="img/avatars/thumb_avatar_5.gif" alt="test" class="avatar-40 right-20" /></div><div class="content"><p><a href="#">Username</a> '+newStatus+'</p><p class="font11"><em>Seconds ago</em> &sdot; <a href="#" class="lightblue">Comment</a> &sdot; <a href="#" class="lightblue">Share</a></p></div></div>');
        $('.newStatus').animate({opacity: 3.0}, 30);
        $("input#status").val('').focus(); // clear status box
    } else {
        alert("Please share something");
    }
}

<form onsubmit="buttonClick()">
于 2012-01-24T01:10:49.927 に答える