page in jquery dialog box

Question

I have dataTable which last column for edit. I have a separate page for edit form. what i want is when edit link is clicked open that page in a jQuery dialog box and submit data.

Answer 1

The correct way to solve this problem

Assuming that you want a popup or a more specific term modal to edit the form, you should not have a separate html view for that but actually make a general form and post data using ajax. Creating a separate page defeats that purpose.

Now assuming that you still want to have a separate page for that. The modal should be like

<div class="modal">
    <iframe src="" id="frameSrc">
    </iframe>
</div>

where the src contains the url of the page that you want to open, i am guessing from the href . So here is how you would do that in javascript

$(this).on("click", function () {
    var editUri = $this.attr('href');
    document.getElementById('frameSrc').src = editUri;
});

The javascript will get the url from href and substitute the src in iframe tag in modal.

Hope this helps..

Answer 2

you can do this without alert and you don't need send href to jquery use fadeIn and some style to make it.

 $('a#login').click(function(){ $("#bgstyle").fadeIn('slow'); $('form').fadeIn('slow'); }) 

Fiddle DEMO hope this help you

anyway if i wanna do this i prefer to use bootstrap modal.