Ajax Talk - Asynchronous javascript and xml discussion board
 FAQ   Search    Usergroups      Register   Profile   Check your messages   Log in 
Signup now to enjoy a range of free membership advantages !!
Ajax Talk - Moderators Wanted
Can't figure out why it shows up in firefox and not IE

 
Post new topic   Reply to topic    Ajaxtalk.com Forum Index -> AJAX Help
View previous topic :: View next topic  
Author Message
wtvamp
New one
New one


Joined: 19 Dec 2007
Posts: 1
Location: Silver Spring, MD

PostPosted: Wed Dec 19, 2007 4:41 pm    Post subject: Can't figure out why it shows up in firefox and not IE Reply with quote

I'm redesigning our company site, and I can't figure out why I can use AJAX to load the menu and content <div>'s in IE and not in firefox. I have index.html which includes the AJAX external JS reference, and uses it to load content.htm into a "info" div, and menu.html into a "menu" div, and it works fine in IE, but not in Firefox.

Link to site is here:

http://www.vampsworld.com/sii/

Code is below:

INDEX--HTML

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<html>

   <head>
      <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
      <meta name="title" content="Systems Integration Incorporated" />
      <meta name="robots" content="index,follow" />
      <meta name="description" content="Systems Integration Incorporated offers state of the art telecommunications solutions that enable you to provide superior service to your customers through customer satisfaction, timeliness, and accuracy of performance.  " />
      <meta name="abstract" content="With a proven track record and solid reputation for integrating the newest technologies while protecting legacy systems and networks, SII serves both commercial organizations as well as customers in the state, local, and federal government." />
      <meta name="keywords" content="SII I3 Call Center Help Desk VoIP Voice over Internet Protocol IP Communications Systems Integration" />
      <meta name="author" content="Warren Thompson" />
      <meta name="publisher" content="Warren Thompson" />   
      <link rel="stylesheet" type="text/css" href="style.css" media="screen,projection" />   
      <link rel="shortcut icon" href="http://developdaly.com/images/favicon.ico" />
      <title>Systems Integration Incorporated</title>   
    <script type="text/javascript" src="./javascript/getHTTPObject.js"></script>
      <script type="text/javascript" src="./javascript/ajax-tooltip.js"></script>
    <script type="text/javascript" src="./javascript/ajax-dynamic-content.js"></script>
    <script type="text/javascript" src="./javascript/ajax.js"></script>

   </head>

   <body onload="makerequest('menu.html','menu');">
   
      <div id="page">
   
         <div id="header">
            <h1>Systems Integration <br> Incorporated</h1>      
         </div>
         
         <div id="content">
            <div id="menu"></div>
           <div id="info"></div>
           <script type="text/javascript">makerequest('content.htm','info');</script>
         </div>
                  
         <div id="footer">
         </div>      
                           
      </div>
      
      <div style="text-align:center;">
        Copyright 2005 Systems Integration, Inc. <br />
        Systems Integration, Inc. (SII), 8201 Corporate Drive, Suite 300, Landover, MD 20785 <br />
        Toll Free:1(866)414-9810 Local:(240)764-1100 - email: <a style="color:#000;" href="mailto:sales@sysintegration.com">sales@sysintegration.com</a> <br />
      </div>
     
   </body>

</html>



MENU.HTML--
Code:
               <div id="nav_top"></div>
         
               <h3 onclick="makerequest('content.htm','info');return false;">Home</h3>
               <ul>
              <li><a href="" onclick="makerequest('./about/about.htm','info');return false;">About SII</a></li>
              <li><a href="" onclick="makerequest('./about/vision.htm','info');return false;">SII's Vision</a></li>
                  <li><a href="" onclick="makerequest('./about/awards.htm','info');return false;">Awards</a></li>
             <li><a href="">Customers</a></li>
              <li><a href="">Contract Vehicles</a></li>
             <li><a href="" onclick="makerequest('./about/management.htm','info');return false;">Management</a></li>
                  <li><a href="">Office Locations</a></li>
                  <li><a href="">Vendors and Partners</a></li>
            </ul>   
                  
               <h3>Contact Center Management</h3>
               <ul>
                  <li><a href="index.html">Contact Processing and Mangement System (CPMS)</a></li>
             <li><a href="index.html">ReadiServ 311 Non-Emergency</a></li>
             <li><a href="index.html">ReadiTel Emergency Management</a></li>
                  <li><a href="index.html">Child Support Service Center</a>
           </ul>   
                  
               <h3>Professional Services</h3>
               <ul>
                  <li><a href="index.html">Help Desk Support</a></li>
             <li><a href="index.html">Computer Telephony Integration</a></li>
             <li><a href="index.html">Network Support Services</a></li>
           </ul>
            
              <h3>IP-PBX Systems</h3>
               <ul>
                 <li><a href="index.html">Voicemail Replacement</a></li>
               </ul>
               
               <h3>Careers</h3>
               <ul>
                 <li><a href="index.html">Benefits</a></li>
                  <li><a href="index.html">Career Postings</a></li>
                  <li><a href="index.html">Submit Resume</a></li>
               </ul>
               
               <h3>Employees</h3>
               <ul>
                 <li><a href="https://tc.hostedaccess.com/DeltekTC/welcome.msv">Deltek Login</a></li>
                  <li><a href="http://207.59.87.182/exchange/">Outlook Web Access (Server 3)</a></li>
                  <li><a href="http://207.59.87.183/exchange">Outlook Web Access (Server 5)</a></li>
                  <li><a href="http://www.sysintegration.com/proposal_site/protected/proposal_information/login.php">Proposal Author Guide</a></li>
               </ul>
               
               <div id="nav_btm"></div>




CONTENT.HTM--

Code:

               <div class="post_top"></div>
            
               <div class="post">
            
                  <h4 style="text-align:center;">Future Proof VoIP Customer Service Solutions</h4>
                  <img style="border-bottom:0px;padding-bottom:0px;margin-bottom:0px;" src="images/front-top1.jpg" width="465" height="137" alt="image" />
                  <img style="border-top:0px;padding-top:0px;margin-top:-5px;" src="images/front-bottom2a.jpg" width="465" height="270" alt="image" />

                  <p><img style="float:left;border-bottom:0px;padding-bottom:0px;margin-bottom:0px;width:195px;height:100px;" src="images/mail3.jpg" alt="Request a Customer Demo" />      
                  As the Mid-Atlantic's largest integrator of the Interactive Intelligence enterprise VoIP and Contact Center
                  automation software platform, a leader in call center infrastructures, according to the research
                  and consulting firm Gartner Group, let us show you how to cost effectively innovate your call center
                  and increase productivity.  Are you ready to take your call center to the next level?  </p>
                  <br />
                  <p><img style="float:left;border-top:0px;padding-top:0px;margin-top:-11px;" src="images/customerDemo2.gif" alt="Request a Customer Demo" />
                 Click here to request a product demonstration.</p>

               </div>
               
               <div class="post_btm"></div>



STYLE.CSS--
Code:
/* Revival.1 */


* {
   padding:0;
   margin:0;
}

html, body {
   height: 100%;
}

body {
   text-align: left;
   margin:0 auto;
   padding:0;
   color:#000;
   font-style:normal;
   font-variant:normal;
   font-weight:normal;
   font-size:10px;
   font-family:Verdana, Tahoma, Arial, sans-serif;
   background:#fff;
   background:#f0f6df;
}

#page {
   width:810px;
   margin:0 auto;
   overflow:auto;
   clear:both;
}

#header {
   width:810px;
   height:120px;
   margin: 0 auto;
   background: url('images/headersii.gif') no-repeat;
   padding:0px;

}

#content {
   padding:5px 20px 0 20px;
   background:url('images/content_bg.gif') repeat-y;
   height:100%;
}

/**************************** menu ****************************/

#nav_top {
   background:url('images/nav_topsii.gif') no-repeat;
   width:225px;
   height:28px;
}

#nav_btm {
   background:url('images/nav_btmsii.gif') no-repeat;
   width:225px;
   height:28px;
}

#menu {
   float:left;
   width: 225px;
   color:#000;
   background:url('images/nav_midsii.gif') repeat-y;
}

#menu ul {
   list-style:none;
   width:218px;
   font-size:12px;
   padding:0 0 0 3px;
}   

#menu li {
   list-style-type: none;
   background:transparent url('images/bullet.gif') no-repeat 12px 6px;
   margin-bottom:4px;
   border-bottom:1px solid #c8e5c7;
   padding:0;
}

#menu li:hover {
   background:#c8e5c7;
   margin-bottom:4px;
}

#menu a {
   display:block;
   padding:0 0 0 20px;
   color:#fff;
   text-decoration: none;
}   
   
#menu a:hover {
   display:block;
   padding:0 0 0 20px;
   color:#333;
   text-decoration: none;
   background:fff;
}   

/**************************** content ****************************/

#info {
   background:url('images/content_mid.gif') repeat-y;
   width:533px;
   float:right;
}

.post_top {
   background:url('images/content_top.gif') no-repeat;
   width:533px;
   height:31px;
}

.post_btm {
   background:url('images/content_btm.gif') no-repeat;
   width:533px;
   height:31px;
}

.post {
   padding:0 25px 15px 25px;
}

img {
   border:1px solid #fff;
   padding:5px;
   margin:3px;

}

a{
   color:#fff;
   text-decoration:none;
}

a:hover{
   color:#000;
   text-decoration:none;
}

h1{
   color:#fff;
   font-weight:normal;
   font-size:24px;
   padding: 25px 0 10px 120px;
}

h2 a{
   position:absolute;
   top:32px;
   color:#666;
   font-size:16px;
   margin:0 0 0 575px;
   text-decoration:none;
}

h2 a:hover{
   color:#999;
}

h3{
   color:#fff;
   font-size:12px;
   font-weight:bold;
   padding: 5px 0 5px 10px
}

h4{
   color:#fff;
   font-size:20px;
   font-weight:normal;
}

h5{
   color:#8d8d8d;
   font-size:10px;
   font-weight:normal;
   padding:5px;
}

h3 img{
   float:left;
}

/**************************** lists ****************************/

ul {
   list-style:none;
   padding:0 0 0 3px;
}   

li {
   list-style-type: none;
   background:transparent url('images/bullet.gif') no-repeat 12px 6px;
   padding: 0 0 0 20px;
}

#menu a {
   display:block;
   padding:0 0 0 20px;
   color:#fff;
   text-decoration: none;
   background:f0f6df;
}   
   
#menu a:hover {
   display:block;
   padding:0 0 0 20px;
   color:#333;
   text-decoration: none;
   background:fff;
}   


/**************************** footer ****************************/

#footer{
   text-align:center;
   padding:40px;
   background:url('images/bottom.gif') no-repeat;
   height:42px;
}

#footer a {
   color:#000;
}

#footer a:hover {
   color:#fff;
}


/*  THE TOOLTIPS  */

#ajax_tooltipObj{
   z-index:1000000;
   text-align:left;
}
#ajax_tooltipObj div{
   position:relative;
}

/* If you don't want the arrow - Just set the width of this div to 1 or something like that and drop the background selectors from the CSS below */

#ajax_tooltipObj .ajax_tooltip_arrow{   /* Left div for the small arrow */
   background-image:url('./images/arrow2.gif');
   width:20px;
   position:absolute;
   left:-118px;
   top:0px;
   background-repeat:no-repeat;
   background-position:center left;
   z-index:1000005;
   height:60px;
}

#ajax_tooltipObj .ajax_tooltip_content{
   border:2px solid #317082;   /* Border width */
   left:-550px;   /* Same as border thickness */
   top:0px;
   position:absolute;
   width:420px;   /* Width of tooltip content */
   height:375px;   /* Height of tooltip content */
   background-color:#FFF;   /* Background color */
   padding:5px;   /* Space between border and content */
   font-size:0.8em;   /* Font size of content */
   overflow:auto;   /* Hide overflow content */
   z-index:1000001;
}
Back to top
View user's profile Send private message Send e-mail Visit poster's website AIM Address Yahoo Messenger MSN Messenger
TeckniX
Light Frequent Poster
Light Frequent Poster


Joined: 07 Sep 2007
Posts: 7

PostPosted: Tue Jan 08, 2008 5:05 pm    Post subject: Reply with quote

I'm guessing this was fixed? The site loaded for me correctly -
care to share with the community what you changed if you did figure out what was wrong?

Thanks
Back to top
View user's profile Send private message
Display posts from previous:   
Post new topic   Reply to topic    Ajaxtalk.com Forum Index -> AJAX Help All times are GMT
Page 1 of 1

 
Jump to:  
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum
 Advertisements
 XML & Copyright Notice 
    


Powered by phpBB © 2001, 2005 phpBB Group

What is according to Wikipedia: Ajax Web2.0 XML E4X


Link to our site:

  


del.icio.us digg spurl wists simpy newsvine blinklist furl blogmarks yahoo! myweb smarking ma.gnolia segnalo reddit fark technorati cosmos


Normal Bookmark


Partner Button Links:
Codecrunch.com: Webmaster Tutorials    One Ajax


Partner Text Links:
quomon | web20log | ajaxmatters | tableless | 456bereastreet | music charts | gift ideas | competitions | free xbox 360 | link trade ?


Credits:
it consultancy & project management lead generation zoekmachine optimalisatie steal these buttons seo expert