Solved

Issue with JQuery inside an Ajax loaded page

Posted on 2012-03-15
38
538 Views
Last Modified: 2012-05-10
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;
                              }
      }
}
0
Comment
Question by:K-9
  • 20
  • 18
38 Comments
 
LVL 75

Expert Comment

by:Michel Plungjan
ID: 37728361
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.
0
 

Author Comment

by:K-9
ID: 37728932
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.
0
 
LVL 75

Expert Comment

by:Michel Plungjan
ID: 37729084
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>
0
 

Author Comment

by:K-9
ID: 37729103
Thanks, fixed it but that's not related and did not fix the main issue I am having.
0
 
LVL 75

Expert Comment

by:Michel Plungjan
ID: 37729128
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
0
 
LVL 75

Expert Comment

by:Michel Plungjan
ID: 37729150
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
0
 

Author Comment

by:K-9
ID: 37729221
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..
0
 

Author Comment

by:K-9
ID: 37729235
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.
0
 

Author Comment

by:K-9
ID: 37729256
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>
0
 
LVL 75

Expert Comment

by:Michel Plungjan
ID: 37729316
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
0
 

Author Comment

by:K-9
ID: 37730188
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.
0
 
LVL 75

Expert Comment

by:Michel Plungjan
ID: 37730575
No fx10
I'll look tomorrow. You'll still need to make the script load on the main page
0
 
LVL 75

Expert Comment

by:Michel Plungjan
ID: 37732074
1) use jQuery load with a callback
2) in the callback add the event handler for the videobox
0
 

Author Comment

by:K-9
ID: 37737288
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>
0
 

Author Comment

by:K-9
ID: 37737312
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
0
 

Author Comment

by:K-9
ID: 37737401
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.
0
 
LVL 75

Expert Comment

by:Michel Plungjan
ID: 37737459
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>
0
 

Author Comment

by:K-9
ID: 37738671
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>
....
0
 

Author Comment

by:K-9
ID: 37738816
The index.html page never gets called with this code.  Putting a simple alert(); in the function tells me that..
0
What Should I Do With This Threat Intelligence?

Are you wondering if you actually need threat intelligence? The answer is yes. We explain the basics for creating useful threat intelligence.

 
LVL 75

Expert Comment

by:Michel Plungjan
ID: 37739182
Anything in the console?
0
 

Author Comment

by:K-9
ID: 37739962
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?
0
 
LVL 75

Expert Comment

by:Michel Plungjan
ID: 37740889
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
0
 

Author Comment

by:K-9
ID: 37741955
The latest code is on the site, pronet-systems.com not pronet-systems.us

The .com site does not have that code you mentioned.
0
 

Author Comment

by:K-9
ID: 37742009
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.
0
 
LVL 75

Expert Comment

by:Michel Plungjan
ID: 37742124
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
0
 

Author Comment

by:K-9
ID: 37744374
Not sure what you mean by 'after load'.  That code goes into the index-4.html file, correct?
0
 
LVL 75

Expert Comment

by:Michel Plungjan
ID: 37744406
It goes into the page that has the link that loads video.html
Perhaps I need a drawing of how it all fits together
0
 

Author Comment

by:K-9
ID: 37744483
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.
0
 
LVL 75

Expert Comment

by:Michel Plungjan
ID: 37745895
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
0
 

Author Comment

by:K-9
ID: 37747176
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.
0
 
LVL 75

Expert Comment

by:Michel Plungjan
ID: 37747217
Hmm I'll need to put the pages on my own server. I'll look tonight (cet)
0
 
LVL 75

Expert Comment

by:Michel Plungjan
ID: 37747532
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

0
 

Author Comment

by:K-9
ID: 37750498
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!
0
 

Author Comment

by:K-9
ID: 37763672
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?
0
 
LVL 75

Expert Comment

by:Michel Plungjan
ID: 37764414
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
0
 

Author Comment

by:K-9
ID: 37776962
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

0
 
LVL 75

Accepted Solution

by:
Michel Plungjan earned 500 total points
ID: 37777997
Too late for me. I'll look tomorrow
0
 
LVL 75

Expert Comment

by:Michel Plungjan
ID: 37951193
Ah, sorry I did not return

Did you solve it?
0

Featured Post

How to run any project with ease

Manage projects of all sizes how you want. Great for personal to-do lists, project milestones, team priorities and launch plans.
- Combine task lists, docs, spreadsheets, and chat in one
- View and edit from mobile/offline
- Cut down on emails

Join & Write a Comment

Building a website can seem like a daunting task to the uninitiated but it really only requires knowledge of two basic languages: HTML and CSS.
This article explains how to prepare an HTML email signature template file containing dynamic placeholders for users' Azure AD data. Furthermore, it explains how to use this file to remotely set up a department-wide email signature policy in Office …
In this tutorial viewers will learn how to style elements, such a divs, with a "drop shadow" effect using the CSS box-shadow property Start with a normal styled element, such as a div.: In the element's style, type the box shadow property: "box-shad…
The viewer will learn how to create a basic form using some HTML5 and PHP for later processing. Set up your basic HTML file. Open your form tag and set the method and action attributes.: (CODE) Set up your first few inputs one for the name and …

744 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

Need Help in Real-Time?

Connect with top rated Experts

8 Experts available now in Live!

Get 1:1 Help Now