www.webdeveloper.com
Page 2 of 2 FirstFirst 12
Results 16 to 26 of 26

Thread: [RESOLVED] Two navigation bars on one page

  1. #16
    Join Date
    Nov 2013
    Posts
    41
    Hmm. See what it does in FF and Chrome without the attribute anyways. In the HTML5 docs, it says NOT to use both at once. IE probably has support for the attribute, but not the tag. You could use a conditional tag for IE (what version?) or a simple server-side script (probably PHP).

  2. #17
    Join Date
    Oct 2006
    Location
    Ables Springs, Texas
    Posts
    140
    I went back to zero and started over, setting the two navigation bars to div only (no class or id) and removed the highlight.js. Page displays as desired in the following current browsers: IE-10, FF-25, Chrome, Safari, Opera and SeaMonkey.

    Set the top navigation to "div ID='top'" and re-activated the highlight.js for 'div & top'. Page displays correctly (including top menu highlight) in all the above browsers EXCEPT IE (no highlighted nav bar). Checked to make sure scripting enabled in IE.

    Have you any idea why (other than the fact it IS Microsoft) why IE won't display the highlight?

  3. #18
    Join Date
    Oct 2006
    Location
    Ables Springs, Texas
    Posts
    140
    Duplicate deleted
    Last edited by jwgrafflin; 11-10-2013 at 03:04 PM.

  4. #19
    Join Date
    Nov 2013
    Posts
    41
    I have no clue. In IE, hit F12. Look at the console for errors and/or warnings. Also look at the CSS, Script, and Profiler tabs for anything unusual. Run the debugger in the Script tab & reload the page. See the results. Same in the Profiler tab. Validate it again. Put all of your Javascript through JSLint. Try Compatibility View (this will probably actually screw up the whole thing). I don't know what's going on now. At least the original problem was fixed.

  5. #20
    Join Date
    Oct 2006
    Location
    Ables Springs, Texas
    Posts
    140
    Replaced div with nav and got the same results. Used a different highlight script, again with the same results. Used class instead of id, again with the same results. The problem is obviously IE. No wonder IE's market share is dwindling so rapidly.

    The first thing noted at JSLint is "Missing 'use strict' statement.

    aObj = document.getElementById('bottom').getElementsByTagName('a');" I have no idea what that means.

  6. #21
    Join Date
    Oct 2006
    Location
    Ables Springs, Texas
    Posts
    140
    Resolved: Tried three different .js scripts. None of them worked in IE. Just applied "jquery-1.3.2.min.js" and the highlight works in all browsers, including IE. It's short, simple and it works. Refer to http://learnedstuffs.wordpress.com/2...-current-page/ for complete details.

  7. #22
    Join Date
    Oct 2006
    Location
    Ables Springs, Texas
    Posts
    140
    UPDATE: It works for both top and bottom menus, highlighting both at the same time (providing they are identical).

  8. #23
    Join Date
    Oct 2006
    Location
    Ables Springs, Texas
    Posts
    140
    Up jumps another rabbit. If I move "jquery-1.3.2.min.js" to my "main.js" file (where I have several relatively small .js files with each seperated by "<!-- File Name -->") it stops working in IE. Works just fine everywhere else. I do this to reduce page load time, so the server is not having to make a separate call for each script. So, except for very special circumstances, I have one css and one .js to call. Any ideas?

  9. #24
    Join Date
    Oct 2006
    Location
    Ables Springs, Texas
    Posts
    140
    Having rabbit stew tomorrow. Seems all that stuff I had in my main.js was either obsolete, or included in jquery. Replaced it with the above mentioned jquery script and all is well again. Thanks for all your help. For reference, here is the page I have been working on: http://www.startpagedepot.com. It's an old site I use to test new things before implementing them on my main websites.

    PS - Mondy (November 11) is Veterans Day in the US and Remembrance Day in Canada. Hug a Veteran and thank those who served their country worldwide. I salute you, my brothers and sisters. Semper Fi
    Last edited by jwgrafflin; 11-10-2013 at 09:46 PM.

  10. #25
    nav wont work in IE without "role=navigation".

  11. #26
    Join Date
    Nov 2013
    Posts
    2
    Quote Originally Posted by azan00 View Post
    Itís not so simple now a days to buy a excellent written essays, first of all if you are intent. Someone always help make seriuosly posts i'd condition.
    I agree with this.....

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

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



Recent Articles