Results 1 to 16 of 16
  1. #1
    Join Date
    May 2002
    Posts
    49

    javascript/DHTML navigation & IE7 "warning popups"

    Hello everyone, I hope your New Year is starting out well!

    I have been working on a navigation menu for my website. I've used javascript/DHTML. I've tried different methods but I always end up with Internet Explorer 7 having some yellow bar popup about the dangers of downloading an activex control, etc.

    I'd like to have a menu that will not trigger this kind of reaction because it will undoubtedly scare people away! I notice other websites who seem to be implementing similar menus into their websites do not have the problems I've been having.

    Can someone shed light on this? If anyone wants coding, I'd be very happy to provide it. It's just been frustrating to me because I've attempted multiple methods of creating a menu and I always get some problem with IE7. I don't want to tell my visitors to change their browser settings for obvious reasons!

    Also, I haven't used flash based menus yet, and have avoided this because so many websites have that annoying dotted border thing happen in IE7 (I also have firefox BTW) where it asks you to click on the border, etc. I don't want this to be an issue. However, there has been a few websites where this never seems to happen to them.

    Darn it, I wish I knew the secret the websites had to making their menus "IE7 yellow popup-under-the-top-menus" free!

    Thanks for any help you can provide me!

    ~Patrick

  2. #2
    Join Date
    Jul 2003
    Location
    Castle Pines, CO
    Posts
    7,189
    Is one of these menus what you had in mind? Or are you referring to How to Fix Web Pages with Active Content?

  3. #3
    Join Date
    Apr 2005
    Posts
    501
    Welcome to the wonderful world of Microsoft "security".
    IE7 is nine years behind the standards or wrong.
    But it works in IE!
    "IE is a cancer on the web" -- Paul Thurott
    "Avoid hacker-bait apps like Internet Explorer" -- Kevin Mitnick

  4. #4
    Join Date
    May 2002
    Posts
    49
    Hi,

    The link to the menu you gave is sort of what I'm interested in but not exactly, so I think I'll try to take a shot at the "How to Fix Web Pages with Active Content" article which says to make an external .js file and execute that.

    I believe I tried that before and ran into problems, however I probably did make coding mistakes and/or perhaps didn't realize part of the code for another element was left in the document and that was why the warnings didn't go away.

    Okay thanks, I'll have to try the fixarounds the article offers later. I appreciate the link!

    ~Patrick

  5. #5
    Join Date
    May 2002
    Posts
    49
    Hey!

    I tried the website but it doesn't seem to work for my code; I think I have different code than what the author of the site supports. I don't have any object, embed, or applet tags. I do have javascript. It is a DHTML and javascript based menu.

    My first couple of lines of coding are: <script type='text/javascript'>

    function Go(){return}

    Throughout I use var, function, if, etc. tags.

    I am a little confused as to how to prevent the warnings with my situation.

    ~Patrick

  6. #6
    Join Date
    Jul 2003
    Location
    Castle Pines, CO
    Posts
    7,189
    Just keep in mind there are probably about 40 different variations of menus on there.

  7. #7
    Join Date
    May 2002
    Posts
    49
    Hey Corey,

    Sorry I don't quite understand what you mean... what is "there" a reference to?

    Thanks.

  8. #8
    Join Date
    Jul 2003
    Location
    Castle Pines, CO
    Posts
    7,189
    The menus. This page has about 40 or so different menus, ranging from a rollover list to Unraveled CSS Tabs, etc

  9. #9
    Join Date
    May 2002
    Posts
    49
    Hey,

    Thanks for your help! I understand much more about menus now than I did before. However, there is one issue that I cannot seem to figure out even though I've tried many things.

    It has to do with this style of menu: http://css.maxdesign.com.au/listamatic/vertical08.htm

    How would a person change that vertical menu into a horizontal one? The website has the coding for the CSS and the HTML files.

    I'll paste them here anyway:

    "Rollover Lists:

    HTML file code: (and in header tags do simple command of "calling" external CSS file)

    <div id="navcontainer">
    <ul id="navlist">
    <li id="active"><a href="#" id="current">Item one</a></li>
    <li><a href="#">Item two</a></li>
    <li><a href="#">Item three</a></li>
    <li><a href="#">Item four</a></li>
    <li><a href="#">Item five</a></li>
    </ul>
    </div>

    CSS file code:

    #navcontainer { width: 200px; }

    #navcontainer ul
    {
    margin-left: 0;
    padding-left: 0;
    list-style-type: none;
    font-family: Arial, Helvetica, sans-serif;
    }

    #navcontainer a
    {
    display: block;
    padding: 3px;
    width: 160px;
    background-color: #036;
    border-bottom: 1px solid #eee;
    }

    #navcontainer a:link, #navlist a:visited
    {
    color: #EEE;
    text-decoration: none;
    }

    #navcontainer a:hover
    {
    background-color: #369;
    color: #fff;
    }
    "

    Thanks!!!

    Alienxg7

  10. #10
    Join Date
    May 2002
    Posts
    49
    I was just wondering if people had the solution to the problem in the above post.

    Thanks!

  11. #11
    Join Date
    Nov 2003
    Location
    Newport Beach, CA
    Posts
    2,920
    <style type="text/css">
    #navcontainer{
    width:200px;
    }
    #navcontainer ul{
    margin-left:0;
    padding-left:0;
    list-style-type:none;
    font-family:Arial,Helvetica,sans-serif;
    }
    #navcontainer a{
    padding:3px;
    width:160px;
    border-bottom:1px solid #EEEEEE;
    display:block;
    background-color:#003366;
    }
    #navcontainer a:link,#navlist a:visited{
    color:#EEEEEE;
    text-decoration:none;
    }
    #navcontainer a:hover{
    background-color:#336699;
    color:#FFFFFF;
    }
    </style>
    <div id="navcontainer">
    <ul id="navlist">
    <li id="active"><a href="#" id="current">Item one</a></li>
    <li><a href="#">Item two</a></li>
    <li><a href="#">Item three</a></li>
    <li><a href="#">Item four</a></li>
    <li><a href="#">Item five</a></li>
    </ul>
    </div>
    Last edited by fastnoc; 02-04-2007 at 01:37 AM.
    Show your reciprocal links on your website. eReferrer

  12. #12
    Join Date
    Aug 2006
    Posts
    35
    To make the menu horizontal, just make these changes to the CSS:

    #navcontainer { }

    #navcontainer ul li {
    float: left;
    text-align: center;
    margin-right: 1px;
    margin-left: 1px;
    }

  13. #13
    Join Date
    Nov 2003
    Location
    Newport Beach, CA
    Posts
    2,920
    bah, I misuderstood his post.
    Show your reciprocal links on your website. eReferrer

  14. #14
    Join Date
    May 2002
    Posts
    49
    Hi,

    I tried those things but the menu is still vertically aligned.

    Thanks though.

  15. #15
    Join Date
    Jul 2003
    Location
    Castle Pines, CO
    Posts
    7,189

  16. #16
    Quote Originally Posted by alienxg7
    Hello everyone, I hope your New Year is starting out well!

    I have been working on a navigation menu for my website. I've used javascript/DHTML. I've tried different methods but I always end up with Internet Explorer 7 having some yellow bar popup about the dangers of downloading an activex control, etc.

    I'd like to have a menu that will not trigger this kind of reaction because it will undoubtedly scare people away! I notice other websites who seem to be implementing similar menus into their websites do not have the problems I've been having.

    Can someone shed light on this? If anyone wants coding, I'd be very happy to provide it. It's just been frustrating to me because I've attempted multiple methods of creating a menu and I always get some problem with IE7. I don't want to tell my visitors to change their browser settings for obvious reasons!

    Also, I haven't used flash based menus yet, and have avoided this because so many websites have that annoying dotted border thing happen in IE7 (I also have firefox BTW) where it asks you to click on the border, etc. I don't want this to be an issue. However, there has been a few websites where this never seems to happen to them.

    Darn it, I wish I knew the secret the websites had to making their menus "IE7 yellow popup-under-the-top-menus" free!

    Thanks for any help you can provide me!

    ~Patrick

    Hi--
    I have used this to solve my problems with the ACTIVE X security issue.

    Create a file with .js extension and copy and paste this code into the file:

    objects = document.getElementsByTagName("object");
    for (var i = 0; i < objects.length; i++)
    {
    objects[i].outerHTML = objects[i].outerHTML;
    }

    Save it in the same folder as your html/php pages.
    Then put this code below the menu or flash object that is giving you problems.

    <script type="text/javascript" src="ieupdate.js"></script>

    Should work like a charm.

Posting Permissions

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