Question

I’m extremely new to front end web development, and I was wondering if there is anyway I can have a small text box appear on clicking a link, which disappears when I submit the form. (I want something like what Facebook has currently for the birthday wishes, where you click on the persons name, a small comment box opens up ‘on top’, and lets u post a wish on the persons wall from the main page itself).

Sorry if this is a stupid question.

Answer 1

The best will be to use a framework like jQuery Dialog UI. The documentation is big and there are a lot of samples available.

For instance, create a div element with your input text and bound his creation to the button you want:

HTML

    <div id="dialog">
        <input type="text" />
    </div>
    <a href="#">Open dialog</a>

Javascript

$(function () {
    $("#dialog").dialog({ autoOpen: false });
    $('a').click(function () {
        $("#dialog").dialog('open');
    });
});