SitePoint Sponsor

User Tag List

Results 1 to 4 of 4
  1. #1
    SitePoint Member
    Join Date
    Oct 2011
    Posts
    2
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Not working right in IE

    I have this javascript that is not working right in IE. At the top you see javascript for an online chat. The button is appearing at the bottom of the navigation in IE instead of at the top. In firefox its appearing right. Please help.
    Code:
    document.write("<div class='nav'>")
    var lhnJsHost = (("https:" == document.location.protocol) ? "https://" : "https://");
    document.write(unescape("%3Cscript src=" + lhnJsHost + "www.livehelpnow.net/lhn/scripts/lhnvisitor.aspx?div=&amp;zimg=32&amp;lhnid=8456&amp;iv=1&amp;iwidth=101&amp;iheight=35&amp;zzwindow=0&amp;d=0&amp;custom1=&amp;custom2=&amp;custom3=' type='text/javascript'%3E%3C/script%3E"))
    document.write("</div>");
    
    
    
    document.write("<div class='nav' style='color: #0050A3;'>Products <img src='/images/dnav_arrow.gif' width='10' height='10' border='0'></a></div>");
    
    
    document.write("<div class='nav_l2'><a href='/force_gauge.html'>Force Gauges <img src='/images/onav_arrow.gif' alt='' id='arrow4' width='10' height='10' border='0'></a></div>");
    
    document.write("<div class='nav_l2'><a href='/instruments/menu-torque.html'>Torque Gauges <img src='/images/onav_arrow.gif' alt='' id='arrow4' width='10' height='10' border='0'></a></div>");
    
    document.write("<div class='nav_l2'><a href='/instruments/menu-indicat.html'>Sensors &amp; Indicators <img src='/images/onav_arrow.gif' alt='' id='arrow4' width='10' height='10' border='0'></a></div>");
    
    document.write("<div class='nav_l2'><a href='/instruments/menu-loadcells.html'>Smart Load Cells <img src='/images/onav_arrow.gif' alt='' id='arrow4' width='10' height='10' border='0'></a></div>");
    
    document.write("<div class='nav_l2'><a href=\"javascript: block_closed('menu3','arrow3');\">Test Stands</a> <a href=\"javascript: block_closed('menu3','arrow3');\"><img src='/images/unav_arrow.gif' alt='' id='arrow3' width='10' height='10' border='0'></a></div>");
    
    document.write("<ul id='menu3' class='nav_l3'>");
    document.write("<li><a href='/instruments/menu-stands.html'>Motorized Test Stands</a></li>");
    document.write("<li><a href='/instruments/menu-manualstands.html'>Manual Test Stands</a></li>");
    document.write("</ul>");
    
    
    document.write("<div class='nav_l2'><a href='/instruments/menu-testsys.html'>Ergonomics Test Kits <img src='/images/onav_arrow.gif' alt='' id='arrow4' width='10' height='10' border='0'></a></div>");
    
    document.write("<div class='nav_l2'><a href='/instruments/menu-grips.html'>Grips &amp; Attachments <img src='/images/onav_arrow.gif' alt='' id='arrow4' width='10' height='10' border='0'></a></div>");
    
    document.write("<div class='nav_l2'><a href='/instruments/menu-accessories.html'>Accessories <img src='/images/onav_arrow.gif' alt='' width='10' height='10' border='0'></a></div>");
    
    document.write("<div class='nav_l2'><a href='/instruments/menu-software.html'>Software <img src='/images/onav_arrow.gif' alt='' id='arrow7' width='10' height='10' border='0'></a></div>");
    
    document.write("<div class='nav_l2'><a href='/instruments/menu-testers.html'>Configuring A System <img src='/images/onav_arrow.gif' alt='' id='arrow4' width='10' height='10' border='0'></a></div>");
    
    document.write("<div class='nav_l2'><a href='/instruments/menu-legacy.html'>Legacy Products <img src='/images/onav_arrow.gif' alt='' id='arrow4' width='10' height='10' border='0'></a></div>");
    
    document.write("<div class='nav'><a href='/services/general.html'>Services <img src='/images/onav_arrow.gif' width='10' height='10' border='0'></a></div>");
    document.write("<div class='nav'><a href='/downloads.html'>Downloads <img src='/images/onav_arrow.gif' width='10' height='10' border='0'></a></div>");
    document.write("<div class='nav'><a href='/news.html'>News <img src='/images/onav_arrow.gif' width='10' height='10' border='0'></a></div>");
    document.write("<div class='nav'><a href='/warranty.html'>Product Registration <img src='/images/onav_arrow.gif' width='10' height='10' border='0'></a></div>");
    document.write("<div class='nav'><a href='/applications/index.html'>Gallery <img src='/images/onav_arrow.gif' width='10' height='10' border='0'></a></div>");
    document.write("<div class='nav'><a href='/inquiries.html'>Inquiries <img src='/images/onav_arrow.gif' width='10' height='10' border='0'></a></div>");
    
    document.write("<div class='nav'><a href='/about.html'>About Mark-10</a>  <img src='/images/onav_arrow.gif' width='10' height='10' border='0'></div>");
    
    document.write("<div class='nav'><a href=\"javascript: block_closed('menu8','arrow6');\">Where To Buy <img src='/images/unav_arrow.gif' alt='' id='arrow6' width='10' height='10' border='0'></a></div>");
    
    document.write("<ul id='menu8' class='nav_l3'>");
    document.write("<li><a href='/order.html'>Ordering Direct</a></li>");
    document.write("<li><a href='/distributor-us.html'>US Distributors</a></li>");
    document.write("<li><a href='/distributor-intl.html'>International Distributors</a></li>");
    document.write("<li><a href='/distributor-catalogs.html'>Catalog / Web Sales</a></li>");
    document.write("<li><a href='/gsa.html'>US Government Purchases</a></li>");
    document.write("<li><a href='/reseller.html'>Become a Reseller</a></li>");
    document.write("</ul>");
    
    document.write("<div class='nav'><a href=\"javascript: block_closed('menu9','arrow6');\">Resources <img src='/images/unav_arrow.gif' alt='' id='arrow6' width='10' height='10' border='0'></a></div>");
    
    document.write("<ul id='menu9' class='nav_l3'>");
    document.write("<li><a href='/tools/load.html'>Conversion Calculators</a></li>");
    document.write("<li><a href='/faq.html'>Frequent Questions</a></li>");
    document.write("</ul>");
    
    
    document.write("<div class='nav'><a href='/contact.html'>Contact Us</a>  <img src='/images/onav_arrow.gif' width='10' height='10' border='0'></div>");
    
    document.write("<div class='nav'><a href='/index.html'>Home</a>  <img src='/images/onav_arrow.gif' width='10' height='10' border='0'></div>");
    
    
    document.write("<div style='margin-top:15px;'><a href='http://www.mark-10.com/gsa.html'><img src='http://www.mark-10.com/images/GSA-small.gif' border='0'></></div>");
    document.write("<div style='margin-top:15px;'><a href='http://www.mark-10.com/video.html'><img src='http://www.mark-10.com/images/Video-logo.jpg' width='154' height='54' border='0'></></div>");
    document.write("<div style='margin-top:15px; text-align:center;'><a href='http://mark-10blog.blogspot.com'><img src='http://www.mark-10.com/images/blogger_logo.png' style='border:0;'><a href='http://www.facebook.com/pages/Mark-10-Force-Measurement/138943942794711'><img src='http://www.mark-10.com/images/facebook-logo.png' style='border:0;'></></div>");
    //http://mark-10blog.blogspot.com

  2. #2
    Avid Logophile silver trophy
    ParkinT's Avatar
    Join Date
    May 2006
    Location
    Central Florida
    Posts
    2,342
    Mentioned
    192 Post(s)
    Tagged
    4 Thread(s)
    You answered your own question:
    The button is 'appearing' in a different location on different browsers. That is a CSS issue.
    Take a look at your CSS and any necessary hacks for IE.
    Don't be yourself. Be someone a little nicer. -Mignon McLaughlin, journalist and author (1913-1983)


    Git is for EVERYONE
    Literally, the best app for readers.
    Make Your P@ssw0rd Secure
    Leveraging SubDomains

  3. #3
    SitePoint Member
    Join Date
    Oct 2011
    Posts
    2
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    ok, thank you

    But how do i write the css for a javscript VAR?

  4. #4
    Avid Logophile silver trophy
    ParkinT's Avatar
    Join Date
    May 2006
    Location
    Central Florida
    Posts
    2,342
    Mentioned
    192 Post(s)
    Tagged
    4 Thread(s)
    Quote Originally Posted by designer525 View Post
    But how do i write the css for a javscript VAR?
    You don't. The javascript command "document.write" outputs HTML code (look at it carefully) directly to the browser.
    Create/modify the CSS for 'nav', 'nav_12', et cetera.
    Don't be yourself. Be someone a little nicer. -Mignon McLaughlin, journalist and author (1913-1983)


    Git is for EVERYONE
    Literally, the best app for readers.
    Make Your P@ssw0rd Secure
    Leveraging SubDomains


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •