display div on onload with tha background blur

Question

Hi Friends i develop a project in that i need to get the input the userid and pwd before enter the other information.For that i use span tag for login and disable the background fields[i paste the background contents in a div] .But i am able to enter the value in background field. And also when i restore the window the span tag will goes down . But i need to display it in the center even i restore the window.Please guide me to do this.Thanks in Advance

Answer 1

You can use jQuery for a modal dialog box

$(document).ready(function(){
        $("#example").dialog();
    });


<div id="example" class="flora" title="This is my title">
        Your html
</div>

A jQuery modal dialog plugin

jquery UI

jQmodal

Answer 2

This JQuery Core-UI Dialog form I have used allot. It is a really nice way of doing a dialog.