In this section, we will simply add an HTML form consisting of one text area for the status post and a Submit button for the form submission. We will add the form wrapped with a div
element before the <ul>
tag at index.php
.
1. In order to add the status poster box, we add the following HTML code inside the
div#container
, before the<ul>
tag:<div class="inputbox"> <form id="statusFrom" action="index.php" method="post" > <textarea name="status" id="status_box">Write your status here</textarea> <input class="right" type="submit" name="submit" id="submit" value="Share" /> <div id="postStatus" class="postStatus clearer hidden">loading</div> </form> </div>
So, the
div.inputbox
will contain the status input box with ashare
orsubmit
button.div#postStatus
will display the post submission progress information status that conveys it, whether the status was successfully...