Solved

jQuery modal page Launch another jQuery Model page

Posted on 2011-09-29
2
271 Views
Last Modified: 2012-05-12
I have the following code which currently is working correctly, i would like to add another icon to the tender.asp page which will close the modal page the user is on, and open another jQuery modal page called customer_account.asp

Doe anyone know if this is possible?

Thanks,
Carl
<!--jQuery Framework-->
	<script src="http://cdn.jquerytools.org/1.2.5/full/jquery.tools.min.js"></script>

<!-- Load jQuery, SimpleModal and Basic JS files -->
<script type='text/javascript' src='/admin/epos/common/jquery/modal/jquery.simplemodal.js'></script>

<script type='text/javascript'>
    jQuery(function ($) {
        var URL;
        // Load dialog on click
        $('#basic-modal .basic').click(function (e) {
            URL = 'tender.asp?QuoteID=<% =intQuoteID %>&rnd=' + new Date().getTime();
            $('<div></div>').load(URL).modal(); // AJAX
            return false;
        });
        $('#.EditLineItem').click(function (e) {
            URL = 'edit_line_item.asp?QuoteID=<% =intQuoteID %>&rnd=' + new Date().getTime();
            $('<div></div>').load(URL).modal(); // AJAX
            return false;
        });
    });
</script> 

                                        <div id='basic-modal'>
                                            <input type='image' src="/admin/epos/images/buttons/btn_tender.png" name='basic' value='Tender' class='basic'/>
                                        </div>

Open in new window

0
Comment
Question by:net-workx
2 Comments
 
LVL 75

Accepted Solution

by:
Michel Plungjan earned 500 total points
ID: 36816699
probably something like

$('<div id="tender"></div>').load(URL).modal(); // AJAX
.
.
.
$('#somebutton').click(function (e) {
     URL = '...';
  $("#tender").close();
  $('<div id="account"></div>').load(URL).modal(); // AJAX
});
0
 

Author Comment

by:net-workx
ID: 36993807
sorry - missed this reply... ill check this out straight away! sorry for the delay!
0

Featured Post

Courses: Start Training Online With Pros, Today

Brush up on the basics or master the advanced techniques required to earn essential industry certifications, with Courses. Enroll in a course and start learning today. Training topics range from Android App Dev to the Xen Virtualization Platform.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

This article is meant to give a basic understanding of how to use R Sweave as a way to merge LaTeX and R code seamlessly into one presentable document.
This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
The viewer will learn how to create and use a small PHP class to apply a watermark to an image. This video shows the viewer the setup for the PHP watermark as well as important coding language. Continue to Part 2 to learn the core code used in creat…
Video by: Mark
This lesson goes over how to construct ordered and unordered lists and how to create hyperlinks.

786 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question