AboutPricingCommunityTeamsStart Free TrialLog in
Avatar of K-9
K-9
 asked on

Issue with JQuery inside an Ajax loaded page

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;
                              }
      }
}
HTMLAJAX
Avatar of undefined
Last Comment
Michel Plungjan
8/22/2022 - Mon
Michel Plungjan
Here is an unclosed tag
<a href="http://www.pronet-systems.com/support/index.php" target="_blank"

Neither of these seem to have a return false or a target="_blank"
are you sure the overlay code works?

 <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>

I could not connect to your server.
K-9
ASKER
Please try again I think my hosting provider had an issue, it's up now.

Your first question, I see the tag closed, it's on the ntext line.  And the overlay does work, if you goto http://www.pronet-systems.com/index-4.html scroll to the bottom where the video is, click on it.

If you goto just http://www.pronet-systems.com and goto the support tab (which ajax loads index-4.html) and try it, notice how the overlay doesnt work, it just fills the whole screen with the video.
Michel Plungjan
No, the start tag is not closed
<a href="http://www.pronet-systems.com/support/index.php" target="_blank"<i>

should be

<a href="http://www.pronet-systems.com/support/index.php" target="_blank"><i>
Experts Exchange is like having an extremely knowledgeable team sitting and waiting for your call. Couldn't do my job half as well as I do without it!
James Murphy
K-9
ASKER
Thanks, fixed it but that's not related and did not fix the main issue I am having.
Michel Plungjan
I am just posting my findings as I find them :)

Opening your page I get
Error: a.tools is undefined
Source File: http://www.pronet-systems.com/videolb_files/jquery.tools.min.js
Line: 12

Error: a(c).overlay is not a function
Source File: http://www.pronet-systems.com/videolb_files/videolightbox.js
Line: 9
Michel Plungjan
Woah

<script type="text/javascript" src="videolb_files/jquery.js"/>
<script type="text/javascript" src="videolb_files/swfobject.js"/>

not correct syntax - should be

<script type="text/javascript" src="videolb_files/jquery.js"></script>
<script type="text/javascript" src="videolb_files/swfobject.js"></script>

but you then ALSO have

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"/>

which also should be
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>

You then ALSO have

<script type="text/javascript" src="videolb_files/jquery.js"/>
<script type="text/javascript" src="videolb_files/swfobject.js"/>
again

you then ALSO have

<script type="text/javascript" src="videolb_files/jquery.tools.min.js"/>
<script type="text/javascript" src="videolb_files/videolightbox.js"/>

So once you fix the </script> you will still break since you load a very old jQuery (1.4.2) ans a slightly newer one SEVERAL times
⚡ FREE TRIAL OFFER
Try out a week of full access for free.
Find out why thousands trust the EE community with their toughest problems.
K-9
ASKER
Not sure when you are finding the missing </scripts> I see it in my code.

I initally have the old jquery scripts in there, in the index.html because when you run a ajaxpage from actionscript, it pulls the scripts from the index.html page even though you are going to index-4.html.

I know, it's confusing it took me awhile to figure that out.  For example, my contact page would do the same thing until I put the script code from the contact page into the index.html

That is what makes it so confusing..
K-9
ASKER
I took out the <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> code without any issues, however still having the video problem.
K-9
ASKER
Latest index-4.html code:  It's still not working when going through the support tab, almost like it is not loading the css files.
--------------------------------------
<!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"</a><i><img alt="" src="btnsupport.jpg" /><br />Need Support Now?  Click Here To Submit A Support Ticket.<br /></center></i>
            <div class="title"><img src="images/1page-title5.gif" alt="" /></div>
           
            <!-- 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>
This is the best money I have ever spent. I cannot not tell you how many times these folks have saved my bacon. I learn so much from the contributors.
rwheeler23
Michel Plungjan
I think the script is simply not executing because you really should not have script in an ajaxed file.

Instead

1) make sure the videotextbox works IN the main page (I still get the two errors there)
2) use jQuery live instead in the main page and remove all scripts from the ajaxed pages
K-9
ASKER
Are you using IE for the browser?  I have not tested it with other browsers.  Would you be able to provide me a small sample of how I can incorporate the vide with the jquery live?  I looked at it and it looks like it might be a solution.
Michel Plungjan
No fx10
I'll look tomorrow. You'll still need to make the script load on the main page
⚡ FREE TRIAL OFFER
Try out a week of full access for free.
Find out why thousands trust the EE community with their toughest problems.
Michel Plungjan
1) use jQuery load with a callback
2) in the callback add the event handler for the videobox
K-9
ASKER
So would it be something like this?

index-4.html
---------------------
<head>
<script type="text/javascript">
<!--
function playvideo () {

$('#content').load('video.html', function() {
 });

return false;
}
// -->
</script>
</head>


<a href="#" id="content" onclick="return playvideo()">Click Here</a>
-----------------------------
video.html:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
      <head>
            <title>VideoLightBox Gallery generated by VideoLightBox.com</title>
            <meta http-equiv="content-type" content="text/html;charset=utf-8" />
            <meta name="keywords" content="VideoLightBox, LightBox, Video Gallery, HTML for Videos, HTML Video Embed Code" />
            <meta name="description" content="VideoLightBox Gallery created with VideoLightBox, a free wizard program that helps you easily generate beautiful Lightbox-style web video galleries" />
            <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 bgcolor="#f0f0f0">

      <!-- 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 -->

      </body>
</html>
K-9
ASKER
My last post didn't work that great, it would put the thumbnail  in the right spot and when I would click on it, it would load in a full browser window.

I also tried this:

 <script type="text/javascript">
<!--
         function playvideo() {

             $("#content").load("videolb_files/player.swf?url=video/pronetsupport.flv&volume=100");

             return false;
         }
// -->
</script>

<a href="#" id="content" onclick="return playvideo()">Click Here</a>

However, when I would click on the thumbnail, it loads a bunch of weird ascii symbols.  You can try it out on my test site:

www.pronet-systems.us
All of life is about relationships, and EE has made a viirtual community a real community. It lifts everyone's boat
William Peck
K-9
ASKER
I know I have had a couple comments this morning, I just have one more.  I contacted the company who created the video lightbox and this is their reply.. Which I don't fully understand.

Your content appears dynamically (after click "support"). VideoLightBox script should be applied on page's load, but there is no VideoLightBox body section initially.

Solutions:
1. After click on "support" (and add link to Video Light Box)to call
   <script>
   videoLightBox(".voverlay")
   </script>

2. Put links of Video Light Box into invisible "div"

   <div style="display:none">....</div>
   
   and display it after click on tab.
Michel Plungjan
Try (note the IDs and CLASSes)


<a id="support" href="pagewithvideoLinkButWithoutJavaScript.html" ....>support</a>

<div id="#content"></div>

In parent page
<script>
$(document).ready(function() {
  $("#support").click(function() {
    $('#content').load('video.html', function() { // after load
      videoLightBox(".voverlay");
    });
   return false;
  });
});

in child page:

<a  class="voverlay" href="videolb_files/player.swf?url=video/pronetsupport.flv&volume=100">Video</a>
K-9
ASKER
I appreciate the time you have spent with this.. I tried your suggestions and it is still coming up in the full browser.  Here is the code of the pages:

video.html
---------------

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
      <head>
            <title>VideoLightBox Gallery generated by VideoLightBox.com</title>
            <meta http-equiv="content-type" content="text/html;charset=utf-8" />
            <meta name="keywords" content="VideoLightBox, LightBox, Video Gallery, HTML for Videos, HTML Video Embed Code" />
            <meta name="description" content="VideoLightBox Gallery created with VideoLightBox, a free wizard program that helps you easily generate beautiful Lightbox-style web video galleries" />
            <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 bgcolor="#f0f0f0">
    <div id="#content"></div>

      <!-- 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 -->

      </body>
</html>

-------------------
index-4.html
-------------------
               <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"</a><i><img alt="" src="btnsupport.jpg" /><br />Need Support Now?  Click Here To Submit A Support Ticket.<br /></center></i>
            <div class="title"><img src="images/1page-title5.gif" alt="" /></div>
           
            <!-- 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>
      <a class="voverlay" id="support" href="videolb_files/player.swf?url=video/pronetsupport.flv&volume=100">Video</a>   </center>
            </ul>
            </div>
           </div>
           </div>
           <span>
         </div>
          <div class="clear"></div>
      </body>

</html>

--------------------
index.html
---------------------
....
<head>
<link href="style.css" rel="stylesheet" type="text/css" />
<link href="layout.css" rel="stylesheet" type="text/css" />
      <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>
            <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 HEAD section -->
<script>
$(document).ready(function() {
  $("#support").click(function() {
    $('#content').load('video.html', function() { // after load
      videoLightBox(".voverlay");
    });
   return false;
  });
});
</script>
</head>
....
⚡ FREE TRIAL OFFER
Try out a week of full access for free.
Find out why thousands trust the EE community with their toughest problems.
K-9
ASKER
The index.html page never gets called with this code.  Putting a simple alert(); in the function tells me that..
Michel Plungjan
Anything in the console?
K-9
ASKER
I just uploaded to my web host and tried it.. I use visual studio for my development, but have not ran it in debug mode.  Does the code look correct?
Your help has saved me hundreds of hours of internet surfing.
fblack61
Michel Plungjan
Something wrong

I get this in the area of the video

<div class="videogallery">
	<a onclick="return playvideo()" id="content" href="#">Click Here</a>

	</div>

Open in new window

and just under I get jquery tools and vidoe lightbox js file

I do not think that belongs there at all.
No script needed in the ajaxed content
K-9
ASKER
The latest code is on the site, pronet-systems.com not pronet-systems.us

The .com site does not have that code you mentioned.
K-9
ASKER
Instead of using <a  class="voverlay" href="videolb_files/player.swf?url=video/pronetsupport.flv&volume=100">Video</a>

Shouldn't I be calling a javascript function of some sort to play the video file?  The index.html never gets called when just using a href link.
⚡ FREE TRIAL OFFER
Try out a week of full access for free.
Find out why thousands trust the EE community with their toughest problems.
Michel Plungjan
Not sure I understand

the idea of my change was to do this

$('#content').load('video.html', function() { // after load
  videoLightBox(".voverlay");
});

which should apply the lightbox to any and all links with class voverlay
K-9
ASKER
Not sure what you mean by 'after load'.  That code goes into the index-4.html file, correct?
Michel Plungjan
It goes into the page that has the link that loads video.html
Perhaps I need a drawing of how it all fits together
I started with Experts Exchange in 2004 and it's been a mainstay of my professional computing life since. It helped me launch a career as a programmer / Oracle data analyst
William Peck
K-9
ASKER
On the site, there is the 'Support' tab on the flash menu, this tab loads 'index-4.html'.  In the actionscript code of the flash menu uses javascript:ajaxpage to load the index-4.html file, which brings up the page without having the flash menu/header page refresh.

In this index-4.html file, I use a video playback called visual lightbox, which is a jquery 'application'.

The jquery application does not open up in the visual lightbox, because from my experience when running jquery code inside of a ajax loaded page does not want to play nice.  Not sure why, but I had a real big problem with the contact page (took me a few weeks to get it to work), in which I had the exact problem.  It wanted to load in full browser window.

All I want it to do, is when you click on the video thumbnail, for it to load up in the visual lightbox window and play the video, instead of having it playing in the whole browser.

BTW, the current code in the .com site doesn't even work when accessing the file directly like it did before.

www.pronet-systems.com/index-4.html would at least bring the video up properly, now it doesn't even do that.  That is because I took out the javascript code from the index-4.html file.  It only resides in the index.html file, which *should* get loaded again when clicking on the video link when going through the support tab but does not seem to do so.
Michel Plungjan
So
1) external code to run video box has to live in PARENT page
2) in the callback from the load of the index4, the PARENT needs to tell the link in index4 that it needs to show in a lightbox
K-9
ASKER
How can this be accomplished?  Again, I appreciate all your help in this.  I've done quite a bit of vb.net, asp.net, html, etc.. however this has me totally stumped.
⚡ FREE TRIAL OFFER
Try out a week of full access for free.
Find out why thousands trust the EE community with their toughest problems.
Michel Plungjan
Hmm I'll need to put the pages on my own server. I'll look tonight (cet)
Michel Plungjan
Here - this works for me

http://plungjan.name/test/indexv.html

Please note that I had to expand the urls. You do not need to do that

index:
<html>
<head>
<link href="http://www.pronet-systems.com/style.css" rel="stylesheet" type="text/css" />
<link href="http://www.pronet-systems.com/layout.css" rel="stylesheet" type="text/css" />
<link rel="shortcut icon" href="http://www.pronet-systems.com/favicon.ico" />

<!-- Start VideoLightBox.com HEAD section -->
<link rel="stylesheet" href="http://www.pronet-systems.com/videolb_files/videolightbox.css" type="text/css" />
<link rel="stylesheet" type="text/css" href="http://www.pronet-systems.com/videolb_files/overlay-minimal.css"/>
<script src="http://www.pronet-systems.com/videolb_files/jquery.js" type="text/javascript"></script>
<script src="http://www.pronet-systems.com/videolb_files/swfobject.js" type="text/javascript"></script>
<script src="http://www.pronet-systems.com/videolb_files/jquery.tools.min.js" type="text/javascript"></script>
<script src="http://www.pronet-systems.com/videolb_files/videolightbox.js" type="text/javascript"></script>
<!-- End VideoLightBox.com HEAD section -->

<script>
$(document).ready(function() {
  $("#support").click(function() {
    $('#content').load('video.html', function() { // after load
      videoLightBox(".voverlay");
    });
   return false;
  });
});
</script>
</head>
<body>
<a id="support" href="#">support</a>
<div id="content"></div>
</body>

Open in new window


video.html

<div id="#content"></div>

      <!-- 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="http://www.pronet-systems.com/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>

Open in new window

K-9
ASKER
Looks good so far.. The issue is, is that there is a third .html file.

index.html -> main file
index-4.html ->support file, which loads from clicking the support tab on the flash menu.  The video can be called from here or should.

video.html->is just a html file that holds the video

I will try to incorporate what you have and see what I come up with.  Thanks!
Experts Exchange has (a) saved my job multiple times, (b) saved me hours, days, and even weeks of work, and often (c) makes me look like a superhero! This place is MAGIC!
Walt Forbes
K-9
ASKER
My jquery is not working inside the ajax loaded pages.  Goto http://www.pronet-systems.us/index-4.html and click on 'Click Me', notice it displays an alert, which tells me the jquery is working.

Now, goto www.pronet-systems.us click on the support menu, then click on 'Click Me', notice how nothing happens.

This is the same page, however the flash menu, does an ajaxpage in the actionscript to load the index-4.html

This is the main issue of my problems.  How can I get this to work?
Michel Plungjan
You need to move the calling of the script to www.pronet-systems.us  - it just all moves one level up.
You should not have script inside ajaxed-in pages unless you want to add complexity and scan for code to execute. It is all possible but I strongly recommend to simply move the code I gave you one level up. it will work exactly the same in the main document as it did in index4
K-9
ASKER
I must be doing something wrong, because it is not working.  If you goto www.pronet-systems.us I put a 'video' link on the main page, which will work but only because that site is not loaded with ajax.

If you click on the support tab, then 'video', it just scrolls to the top of the page.  Can you look at my code to see what i'm doing wrong?

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="stylesheet" href="css/reset.css" type="text/css" />
  <link rel="stylesheet" href="css/master.css" type="text/css" />
  <link href="style.css" rel="stylesheet" type="text/css" />
<link href="layout.css" rel="stylesheet" type="text/css" />
	<link rel="shortcut icon" href="favicon.ico" />
		
			<!-- Start VideoLightBox.com HEAD section -->
		<link rel="stylesheet" href="videolb_files/videolightbox.css" type="text/css" />
		 <script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
			<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 id="#content"></div>
  
		   <div class="col-1">
			<div class="row-2">
			  <h3>Support when it's needed&nbsp;the most</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"</a><img alt="" src="btnsupport.jpg" /><br />Need Support Now?  Click Here To Submit A Support Ticket.<br />/center>
			<div class="title"><img src="images/1page-title5.gif" alt="" /></div>
			
			<!-- 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 -->
	<a id="support" href="#">support</a>
<div id="vcontent"></div>
    </center>
			</ul>
			</div>
         
		   </div>
		  <div class="clear"></div>
	  </body>
</html>

Open in new window


index.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>
<link href="style.css" rel="stylesheet" type="text/css" />
<link href="layout.css" rel="stylesheet" type="text/css" />
	<link rel="shortcut icon" href="favicon.ico" />
		
        <script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
			<!-- 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>
            <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 HEAD section -->
<!--
	1) Reference to the files containing the JavaScript and the styles.
	These files must be located on your server.
-->

<script type="text/javascript" src="highslide/highslide-full.js"></script>
<link rel="stylesheet" type="text/css" href="highslide/highslide.css" />

<!--
	2) Optionally override the settings defined at the top
	of the highslide.js file. The parameter hs.graphicsDir is important!
-->

<script type="text/javascript">
hs.graphicsDir = 'highslide/graphics/';
hs.outlineType = 'rounded-white';
hs.wrapperClassName = 'draggable-header';
</script>
<script type="text/javascript">
//<![CDATA[

    hs.showCredits = 0;
    hs.padToMinWidth = true;


    //hs.align = 'center';
    if (hs.registerOverlay) {
        // The white controlbar overlay
        hs.registerOverlay({
            thumbnailId: 'thumb3',
            overlayId: 'controlbar',
            position: 'top right',
            hideOnMouseOut: true
        });
        // The simple semitransparent close button overlay
        hs.registerOverlay({
            thumbnailId: 'thumb2',
            html: '<div class="closebutton"	onclick="return hs.close(this)" title="Close"></div>',
            position: 'top right',
            fade: 2 // fading the semi-transparent overlay looks bad in IE
        });
    }

    // ONLY FOR THIS EXAMPLE PAGE!
    // Initialize wrapper for rounded-white. The default wrapper (drop-shadow)
    // is initialized internally.
    if (hs.addEventListener && hs.Outline) hs.addEventListener(window, 'load', function () {
        new hs.Outline('rounded-white');
        new hs.Outline('glossy-dark');
    });

    // The gallery example on the front page
    var galleryOptions = {
        slideshowGroup: 'gallery',
        wrapperClassName: 'dark',
        //outlineType: 'glossy-dark',
        dimmingOpacity: 0.8,
        align: 'center',
        transitions: ['expand', 'crossfade'],
        fadeInOut: true,
        wrapperClassName: 'borderless floating-caption',
        marginLeft: 100,
        marginBottom: 80,
        numberPosition: 'caption'
    };

    if (hs.addSlideshow) hs.addSlideshow({
        slideshowGroup: 'gallery',
        interval: 5000,
        repeat: false,
        useControls: true,
        overlayOptions: {
            className: 'text-controls',
            position: 'bottom center',
            relativeTo: 'viewport',
            offsetY: -60
        },
        thumbstrip: {
            position: 'bottom center',
            mode: 'horizontal',
            relativeTo: 'viewport'
        }

    });
    hs.Expander.prototype.onInit = function () {
        hs.marginBottom = (this.slideshowGroup == 'gallery') ? 150 : 15;
    }

    // focus the name field
    hs.Expander.prototype.onAfterExpand = function () {

        if (this.a.id == 'contactAnchor') {
            var iframe = window.frames[this.iframe.name],
			doc = iframe.document;
            if (doc.getElementById("theForm")) {
                doc.getElementById("theForm").elements["name"].focus();
            }

        }
    }


    // Not Highslide related
    function frmPaypalSubmit(frm) {
        if (frm.os0.value == '') {
            alert('Please enter your domain name');
            return false;
        }
        return true;
    }
//]]>
</script>
<script type="text/javascript">

/***********************************************
* Dynamic Ajax Content- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/

var bustcachevar=1 //bust potential caching of external pages after initial request? (1=yes, 0=no)
var loadedobjects=""
var rootdomain="http://"+window.location.hostname
var bustcacheparameter=""

function ajaxpage(url, containerid){
var page_request = false
if (window.XMLHttpRequest) // if Mozilla, Safari etc
page_request = new XMLHttpRequest()
else if (window.ActiveXObject){ // if IE
try {
page_request = new ActiveXObject("Msxml2.XMLHTTP")
} 
catch (e){
try{
page_request = new ActiveXObject("Microsoft.XMLHTTP")
}
catch (e){}
}
}
else
return false
page_request.onreadystatechange=function(){
loadpage(page_request, containerid)
}
if (bustcachevar) //if bust caching of external page
bustcacheparameter=(url.indexOf("?")!=-1)? "&"+new Date().getTime() : "?"+new Date().getTime()
page_request.open('GET', url+bustcacheparameter, true)
page_request.send(null)
}

function loadpage(page_request, containerid){
if (page_request.readyState == 4 && (page_request.status==200 || window.location.href.indexOf("http")==-1))
document.getElementById(containerid).innerHTML=page_request.responseText
}

function loadobjs(){
if (!document.getElementById)
return
for (i=0; i<arguments.length; i++){
var file=arguments
var fileref=""
if (loadedobjects.indexOf(file)==-1){ //Check to see if this object has not already been added to page before proceeding
if (file.indexOf(".js")!=-1){ //If object is a js file
fileref=document.createElement('script')
fileref.setAttribute("type","text/javascript");
fileref.setAttribute("src", file);
}
else if (file.indexOf(".css")!=-1){ //If object is a css file
fileref=document.createElement("link")
fileref.setAttribute("rel", "stylesheet");
fileref.setAttribute("type", "text/css");
fileref.setAttribute("href", file);
}
}
if (fileref!=""){
document.getElementsByTagName("head").item(0).appendChild(fileref)
loadedobjects+=file+" " //Remember this object as being already added to page
}
}
}

</script>


<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<link href="style.css" rel="stylesheet" type="text/css" />
<link href="layout.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
    function submitForm() { $.ajax({ type: 'POST', url: 'sendmail.php', data: $('#ContactForm').serialize(), success: function (response) { $('#ContactForm').find('.form_result').html(response); } }); return false; }
    </script>
<link rel="stylesheet" href="css/reset.css" type="text/css" />
<link rel="stylesheet" href="css/master.css" type="text/css" />

    <style type="text/css">
        #name
        {
            width: 360px;
        }
        #email
        {
            width: 360px;
            margin-left: 0px;
        }
        #comment
        {
            width: 360px;
        }
    </style>
<!-- Start VideoLightBox.com HEAD section -->
<link rel="stylesheet" href="http://www.pronet-systems.com/videolb_files/videolightbox.css" type="text/css" />
<link rel="stylesheet" type="text/css" href="http://www.pronet-systems.com/videolb_files/overlay-minimal.css"/>
<script src="http://www.pronet-systems.com/videolb_files/jquery.js" type="text/javascript"></script>
<script src="http://www.pronet-systems.com/videolb_files/swfobject.js" type="text/javascript"></script>
<script src="http://www.pronet-systems.com/videolb_files/jquery.tools.min.js" type="text/javascript"></script>
<script src="http://www.pronet-systems.com/videolb_files/videolightbox.js" type="text/javascript"></script>
<!-- End VideoLightBox.com HEAD section -->

   <script>
       $(document).ready(function () {
           $("#support").click(function () {
               $('#vcontent').load('video.html', function () { // after load
                   videoLightBox(".voverlay");
               });
               return false;
           });
       });
</script>

  <style>
  #vcontainer { width: 800px; margin: auto; }
  p { background:white; font-weight:bold; cursor:pointer; 
      padding:5px; }
  span { color:red; }
  </style>
</head>
<body id="page1">
<div class="tail-top-right"></div>
<div class="tail-top">
  <div class="tail-bottom">
    <div id="main">
      <!-- header -->
      <div id="header">
        <div>
          <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
                    codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,24"
           width="980" height="376">
            <param name="movie" value="flash/header_v8.swf" />
            <param name="quality" value="high" />
            <param name="menu" value="false" />
            <param name="wmode" value="opaque" />
           <object data="flash/header_v8.swf"
           width="980" height="376" type="application/x-shockwave-flash">
              <param name="quality" value="high" />
              <param name="menu" value="false" />
              <param name="pluginurl" value="http://www.macromedia.com/go/getflashplayer" />
              <param name="wmode" value="opaque" />
              FAIL (the browser should render some flash content, not this).
            </object>
          </object>
        </div>
        <div class="menu">
          <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
                    codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,24"
           width="980" height="69" ID="testcommand" allowScriptAccess="sameDomain">
            <param name="movie" value="flash/menu_v8.swf?button=1" />
            <param name="quality" value="high" />
            <param name="menu" value="false" />
            <param name="wmode" value="transparent" />
            <param name="name" value="testcommand" />
	    <param name="swLiveConnect" value="true" />
	    <param name="allowScriptAccess" value="sameDomain" />
         <!--[if !IE]> <-->
            <object data="flash/menu_v8.swf?button=1"
           width="980" height="69" type="application/x-shockwave-flash">
              <param name="quality" value="high" />
              <param name="menu" value="false" />
              <param name="pluginurl" value="http://www.macromedia.com/go/getflashplayer" />
              <param name="wmode" value="transparent" />
              FAIL (the browser should render some flash content, not this).
            </object>
            <!--> <![endif]-->
         </object>
        </div>
      </div>
      <!-- content -->
      <div id="content">
	<div class="container">
    <script src="videolb_files/jquery.tools.min.js" type="text/javascript"></script>
	<script src="videolb_files/videolightbox.js" type="text/javascript"></script>
          <div class="col-1">
            <div class="row-2">
              <div class="title" align="center" style="font-size: large; font-family: Cambria">
                  <em style="font-style: italic; font-size: x-large">Solutions for Tomorrow&#39;s 
                  Needs</em><img src="images/1page-title4.gif" alt="" /></div>
              <h3 style="font-family: Cambria; font-style: italic; font-size: large">
                  Forward&nbsp;thinking..&nbsp;Information Technology Consultants</h3>
              <p class="p1">ProNet Systems leads the community in forward-thinking technology 
                  design. Our down-to-earth, friendly approach and our desire to provide&nbsp; 
                  excellence at a fair price helps set us apart. Our portfolio speaks for itself, 
                  and continues to grow, showing off our wide range of services and skills.
                  <br />
                  <br />
                  Our array of services reflect our expertise in the information technology field. 
                  Web design, computer repair, database programming, network design / development 
                  and computer tutoring are all offered at competitive prices.
                  <br />
                </p>
                 <div class="wrapper">
                <div class="col-1"><img src="images/comptiamcse.gif" alt="" /></div>
                                <div class="col-2">
                  <ul class="list1">
                    <li>Consultation for Business and Residential</li>
                    <li><a href="#">Network / System De</a>sign and Installation</li>
                    <li>PC Repair, Virus Removal and Troubleshooting</li>
                    <li><a href="#">Database and Website </a>Development</li>
                  </ul>
                  <p class="p1" style="font-family: Cambria; font-size: medium; font-style: italic; color: #3333CC;"><br />Jeff / Ed Margel<br />
                  480 Third Street<br />
                  Northumberland, PA  17857<br />
                  (570) 847-8382<br />
                  jmargel@pronet-systems.com
                  </p>
                </div>
              </div>
            </div>
          </div>
          <div class="col-2">
            <div class="title"><img src="images/1page-title5.gif" alt="" /></div>
            <ul class="list2">
              <li><span>7.13.2011</span>
<a href="index.html" onclick="return hs.htmlExpand(this, { headingText: 'New WebSite Design' })">
	New WebSite Design
</a>
<div class="highslide-maincontent">Please take some time to explore our new site and what we have to offer.  Feel free to contact us for any of your computing / networking needs!
</div>

<li><span>7.13.2011</span>
<a href="index.html" onclick="return hs.htmlExpand(this, { headingText: 'Recent Threat Information' })">
	Recent Threat Information
</a>
<div class="highslide-maincontent"><p><script src="http://securityalerts.mcafee.com/mcalerts/en-us/AlertConstant.js"></script>
<script src="http://securityalerts.mcafee.com/mcalerts/en-us/ResourceFile.js"></script>
<script src="http://securityalerts.mcafee.com/mcalerts/AlertDisplay.js"></script>
<script>
    dspylogolnk = 0;
    lnklogo = "";
    dsplyrem = 0;
    dsplysrc = 0;
    DisplayMcAfeeAlerts();
</script></p>
</div>
                
              </li>
              </ul>
<a id="support" href="#">support</a>
<div id="vcontent"></div>

          </div>
          <div class="clear"></div>
        </div>
      </div>
      <!-- footer -->
      <div id="footer">
        <p>ProNet Systems &copy; 2011 &nbsp;</p>
      </div>
    </div>
  </div>
</div>
</body>
</html>

Open in new window

⚡ FREE TRIAL OFFER
Try out a week of full access for free.
Find out why thousands trust the EE community with their toughest problems.
ASKER CERTIFIED SOLUTION
Michel Plungjan
THIS SOLUTION ONLY AVAILABLE TO MEMBERS.
View this solution by signing up for a free trial.
Members can start a 7-Day free trial and enjoy unlimited access to the platform.
See Pricing Options
Start Free Trial
GET A PERSONALIZED SOLUTION
Ask your own question & get feedback from real experts
Find out why thousands trust the EE community with their toughest problems.
Michel Plungjan
Ah, sorry I did not return

Did you solve it?
Plans and Pricing
Resources
Product
Podcasts
Careers
Contact Us
Teams
Certified Expert Program
Credly Partnership
Udemy Partnership
Privacy Policy
Terms of Use

© 1996-2023 Experts Exchange, LLC. All rights reserved. Covered by US Patent