How To Create Popup Window(modal Dialog Box) In Html

On my web site a have a page where where user can ask questions. Now I want to add Add Image button that must invoke kinda modal dialog box where user needs to upload the picture

Solution 1:

Perhaps this could be of some help once you have started http://jqueryui.com/demos/dialog/#modal-form. Other wise you can use the DOM structure and create each and every element using appendChild and CreateElement and use css to give a good look.

Solution 2:

That popup window you can do by using any jQuery Library like colorbox. For image upload thing you will have to alternately look for some Flash Based or Java based uploads.

http://colorpowered.com/colorbox/core/example1/index.html http://swfupload.org/

Solution 3:

easy as drink water ;)

with jquery create pop up ... like this ( http://fancybox.net/ ) and then add form to pop up for upload image ... then when file uploaded only return absolute address to parent editor ... now you can show your image ;)

Solution 4:

You will need client side scripting. I reccomend learning Javascript, then Jquery, then Jquery UI. If you know php it should not be too dificult to pickup the basics.