troubleshooting Question

Issue with JQuery inside an Ajax loaded page

Avatar of K-9
K-9 asked on
HTMLAJAX
38 Comments1 Solution727 ViewsLast Modified:
My site: www.pronet-systems.com has a flash menu.  inside that flash menu, I have actionscript code that loads other pages, based on what the user clicks.  This actionscript has ajax code so that the flash header/menu does not reload everytime a user chooses another page.  This works well, however I am having one issue.

On the 'support' page, scroll down you will see a video tutorial.  This video tutorial is suppose to come up on an overlay box (you can view on what it is suppose to do by going to the page directly and clicking on the video) www.pronet-systems.com/index-4.html

It is taking over the whole page, which is not what I want it to do.

How can I get this to work correctly?  Below is the code for the index-4.html file and also the actionscript that is in the flash menu:

index-4.html
-------------------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
  <title></title>
  <meta name="GENERATOR" content="Evrsoft First Page" />
  <meta content="text/html; charset=us-ascii" http-equiv="Content-Type" />
  <meta content="text/css" http-equiv="Content-Style-Type" />
 
      <link rel="shortcut icon" href="favicon.ico" />
            
            <!-- Start VideoLightBox.com HEAD section -->
            <link rel="stylesheet" href="videolb_files/videolightbox.css" type="text/css" />
            
                  <link rel="stylesheet" type="text/css" href="videolb_files/overlay-minimal.css"/>
                  <script src="videolb_files/jquery.js" type="text/javascript"></script>
                  <script src="videolb_files/swfobject.js" type="text/javascript"></script>
            <!-- End VideoLightBox.com HEAD section -->

</head>

<body id="page2">
           <div class="col-1">
            <div class="row-2">
              <h3><i>Support when it's needed&nbsp;the most</i></h3>
             
              <div class="title">
                <img alt="" src="images/2page-title5.gif" />
              </div>

              <div class="img-box1 p1">
               <img alt="" src="images/supportimage.jpg" />
                <p class="p1">ProNet Systems&nbsp;understands when&nbsp;your system is down or not
                    working&nbsp;right that your valuable time, productivity and money is being lost.&nbsp; We
                    are here to get you back up on your feet as soon as possible. &nbsp; &nbsp; Our response
                    time is very quick and usually be in contact with you within an hour.&nbsp; We&nbsp;offer
                    on-site service, remote&nbsp;support and phone/email support. &nbsp; For systems that are
                    infected with spyware/malware we can get your system running back like new.&nbsp; <br /><br />
                    We&nbsp;offer a package that not only will clean your system but provide anti-virus
                    and anti-malware software protection that is included in our price.&nbsp;Due to our technical abilities we can diagnose and repair your system in a timely manner. After diagnosis we will also give you tips on how to keep your system
                error-free and running at full capcity.</p>
                 
                <p class="p1">We offer support for all of your needs, including (but not limited
                    to):</p>
                  <ul class="list1">
                 <li>Support for Business and Residential</li>
                    <li>Computer Hardware</li>
                    <li>Software Installation, Support and Tutoring (Including Operating Systems, Microsoft Office and many other third-party)</li>
                    <li>Networking, Wireless and Security</li>
                    <li>Local and Remote Backup Systems</li>
                    <b><li>Remote and On Site Support</li></b>
                  </ul>
                  </p>
                </div>
              </div>
            </div>
              <div class="col-2">
              <div class="row-2">
              <br />
            <div class="title"><img src="images/1page-title5.gif" alt="" /></div>
            <ul class="list2">
            <br />
            <center><a href="http://www.pronet-systems.com/support/index.php" target="_blank"<i><img alt="" src="btnsupport.jpg" /><br />Need Support Now?  Click Here To Submit A Support Ticket.</a><br /></center></i>
            <div class="title"><img src="images/1page-title5.gif" alt="" /></div>
            <br />
            <!-- TeamViewer Logo (generated at http://www.teamviewer.com) -->
<center><div style="position:relative; width:120px; height:60px;">
  <a href="http://www.teamviewer.com/link/?url=505374&id=625680987" style="text-decoration:none;">
    <img src="http://www.teamviewer.com/link/?url=979936&id=625680987" alt="TeamViewer for Remote Support" title="TeamViewer for Remote Support" border="0" width="120" height="60" />
    <span style="position:absolute; top:25.5px; left:50px; display:block; cursor:pointer; color:White; font-family:Arial; font-size:10px; line-height:1.2em; font-weight:bold; text-align:center; width:65px;">
      Remote Support
    </span>
  </a>
</div></center>
<center><font color="RoyalBlue">Allow us to connect using a secure remote connection.</font> </center>
<br />
<center><font color="RoyalBlue">Click on the video below for instructions.</font> </center>
<!-- Start VideoLightBox.com BODY section -->
      <center><!-- Start VideoLightBox.com BODY section -->
      <div class="videogallery">
      <a class="voverlay" href="videolb_files/player.swf?url=video/pronetsupport.flv&volume=100" title="pronetsupport"><img src="videolb_files/thumbnails/pronetsupport.png" alt="pronetsupport" /><span></span></a><a class="videolb" href="http://videolightbox.com">HTML Video insert by VideoLightBox.com v2.0</a>
      </div>
      <script src="videolb_files/jquery.tools.min.js" type="text/javascript"></script>
      <script src="videolb_files/videolightbox.js" type="text/javascript"></script>
      <!-- End VideoLightBox.com BODY section --></center>
            </ul>
            </div>
           </div>
           </div>
           <span>
         </div>
          <div class="clear"></div>
      </body>

</html>
---------------------------------

actionscript code
-----------------------------------
on (rollOver) {
      if (_root.link<>num) {
            gotoAndPlay("s1");
      }
}
on (releaseOutside, rollOut) {
      if (_root.link<>num) {
            gotoAndPlay("s2");
      }
}
on (release) {
      if (_root.link<>num) {
            _parent["item"+_root.link].gotoAndPlay("s2");
            _root.link = num;
            switch(num) {
                  case 1:
                  getURL("javascript:ajaxpage('index-0.html', 'content');")
                  break;
                  
                  case 2:
                  getURL("javascript:ajaxpage('index-1.html', 'content');")
                  break;
                  
                  case 3:
                  getURL("javascript:ajaxpage('index-2.html', 'content');")
                  break;
                  
                  case 4:
                  getURL("javascript:ajaxpage('index-3.html', 'content');")
                  break;
                  
                  case 5:
                  getURL("javascript:ajaxpage('index-4.html', 'content');")
                  break;
                  
                  case 6:
                  getURL("javascript:ajaxpage('contact.html', 'content');")
                  break;
                              }
      }
}
ASKER CERTIFIED SOLUTION
Join our community to see this answer!
Unlock 1 Answer and 38 Comments.
Start Free Trial
Learn from the best

Network and collaborate with thousands of CTOs, CISOs, and IT Pros rooting for you and your success.

Andrew Hancock - VMware vExpert
See if this solution works for you by signing up for a 7 day free trial.
Unlock 1 Answer and 38 Comments.
Try for 7 days

”The time we save is the biggest benefit of E-E to our team. What could take multiple guys 2 hours or more each to find is accessed in around 15 minutes on Experts Exchange.

-Mike Kapnisakis, Warner Bros