Open new form in Jquery Light box ASP.net

Hi All,

I am new one for jquery , i have tow content pages

1) on this page i have placed a grid showing all products

2) on this page i have written logic for insert / add product and i placed all input fields

Both pages working fine,

my problem is that i want to open second page in Lighbox on the first page button click ?

Is it possible to open content page inside the lightbox? and one thing more i dont want did such type of logic like place a div on page one and its visibility is false but user clicks on button to open lightbox then i open such .........

Re: Open new form in Jquery Light box ASP.net

Easy solution is to stick an iframe into the lightbox with the page.

Eric

Re: Open new form in Jquery Light box ASP.net

Hi,

You can do this using fancybox very easily. Check the post below-

http://forums.asp.net/p/1758046/4776901.aspx/1?Re+light+box+javascript

In the post the popup is done using an inline div. You can use iFrame for this purpose.

You can find the detail of fancybox in the following link. Check the use of iframe there-

http://fancybox.net/#various5

Re: Open new form in Jquery Light box ASP.net

thanks for reply can you please send me a sample code where i get an idea

Re: Open new form in Jquery Light box ASP.net

Hi,

Its really simple. I have given you the code. But still check this-

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js" type="text/javascript"></script>
   
   
    <script src="http://fancybox.net/js/fancybox-1.3.4/jquery.fancybox-1.3.4.js" type="text/javascript"></script>

    <link href="http://fancybox.net/js/fancybox-1.3.4/jquery.fancybox-1.3.4.css" rel="stylesheet"
        type="text/css" />

    <script type="text/javascript">
        jQuery(document).ready(function() {
            jQuery("a.inline1").fancybox({
                'transitionIn': 'elastic',
                'transitionOut': 'none',
		'type': 'iframe'
            });
        });
        
    </script>
</head>
<body>
   <a href="html.html" class="inline1" >click here</a>
</body>
</html>

Re: Open new form in Jquery Light box ASP.net

thanks it works

but how can i hide this light box or close,

i have some input fields on Test.aspx page when record is successfully stored in database than light box is closed how can i close it and i did not works on firefox

Re: Open new form in Jquery Light box ASP.net

Hi,

If you are saving the data using ajax then Just call $.fancybox.close() on your onClick event or you save button.

If you are using normal asp.net button for saving the data then it should get saved autometically.

If you are using normal asp.net button with update panel for saving data. Then from the buttonclick using registerstartupscript close the popup.

Re: Open new form in Jquery Light box ASP.net

thanks for reply,

It did not open on firefox browser it works only in IE browser

Re: Open new form in Jquery Light box ASP.net

hi,

Check properly there can be someother issues. Its working in firefox.

Re: Open new form in Jquery Light box ASP.net

Hi,

I have checked it but its not working on fire fox i dont know what is the issue please suggest me what should i do

Re: Open new form in Jquery Light box ASP.net

Hi asteranup

Sorry to jump in on the thread, but if you remember you helped me acheive my product pop up display last week. As mentioned I am novice...

I have a quick question. I was wondering if you had the time to help?

I have downloaded an online webshop template and I'm changing it to our companies needs

When the form display's in the pop out it calls on a html Route - I think.

On doing so the viewer can see the web bar at the top giving them access to write a new Url minimize etc.

I'm just hoping you may know how to get rid of this so it just displays the form then I can create a button on the form to exit the page.

All help would be high appriecated.

Kind Regards

Richard