Comments on: NavSwap: Semantic XHTML Menus into Designer Images

By: JoeyBurns

JoeyBurns — Fri, 31 Aug 2007 23:32:26 +0000

Wow, there is some really nice info here.
I’ll definitely come back soon to see everything.
Way to go!

Joey

By: StephenG

StephenG — Wed, 02 May 2007 20:29:22 +0000

Hey,
Really nice site you got here.
I’ll come back more often and check it out.
Peace!

By: RaymonWazerri

RaymonWazerri — Sat, 21 Apr 2007 00:56:24 +0000

Hey,
I love what you’e doing!
Don’t ever change and best of luck.

Raymon W.

By: Brian Morris

Brian Morris — Sun, 25 Feb 2007 02:40:24 +0000

Good to hear.

By: Karina

Karina — Fri, 23 Feb 2007 18:23:28 +0000

I finally had an opportunity to test on a mac, and managed to produce a version that works on Safari. The stylesheet code has been updated for better W3C DOM compataibility. The upload folder has been updated, and you can also see it in action on http://blog.neo-archaic.net/wp-content/uploads/2006/07/navSwap.htm.

Cheers,
Karina

By: Brian Morris

Brian Morris — Wed, 21 Feb 2007 12:03:29 +0000

Same result…

Shows formatted ul WITHOUT the substitutions happening.

By: Karina

Karina — Tue, 20 Feb 2007 23:39:26 +0000

Could you try this instead?

if (supported && hidden){
	if (document.createStyleSheet){
		document.createStyleSheet().addRule(".nav", "visibility:hidden");
	}else if (document.getElementsByTagName){
		var style = document.createElement("style");
		style.type = "text/css";
		style.innerHTML = ".nav{visibility:hidden;}"
		document.getElementsByTagName("head")[0].appendChild(style);
            }
}

and then - nav.style.visibility = "visible"; at the end of the function. Thanks, Karina

By: Brian Morris

Brian Morris — Tue, 20 Feb 2007 12:40:01 +0000

“Hmmâ€¦ It sounds as it disabling a style sheet is not supported in Safari.
if you could put the line back, and place these alerts at the very end of the navSwap function:
alert (hideNav)
alert (typeof (hideNav))
alert(hideNav.disabled)

Could you tell me what they show up as?”

[object Style]
object
true
With no menu, but the cursor still changes as if the links are there. The images are just not present.

_____________________

“Also, after youâ€™ve done this and got rid of the alerts again, could you exchange the document.write function with the following:

var safari = navigator.vendor && (navigator.vendor.indexOf(â€Appleâ€) != -1)
alert (safari)

//Hide the menu, to avoid an ugly jump if the page loads slowly
if (supported && hidden && !safari){
document.write (â€â€œ);
}”

Shows formatted ul WITHOUT the substitutions happening.

______________________________

Then place this bit of code towards the end of the function:
nav.style.visibility = â€œvisibleâ€;

Shows formatted ul WITHOUT the substitutions happening.

By: Karina

Karina — Tue, 20 Feb 2007 11:11:17 +0000

Here’s another test to try out, which should (if works) get the best results.
Start with the _original_ navSwap code (minus browser testing and removing the styles).
Then place this bit of code towards the end of the function:
nav.style.visibility = “visible”;

Let me know how you get on, and I’ll update the code.

By: Karina

Karina — Tue, 20 Feb 2007 10:52:32 +0000

Hmm… It sounds as it disabling a style sheet is not supported in Safari.
if you could put the line back, and place these alerts at the very end of the navSwap function:
alert (hideNav)
alert (typeof (hideNav))
alert(hideNav.disabled)

Could you tell me what they show up as?

Also, after you’ve done this and got rid of the alerts again, could you exchange the document.write function with the following:

var safari = navigator.vendor && (navigator.vendor.indexOf(“Apple”) != -1)
alert (safari)

//Hide the menu, to avoid an ugly jump if the page loads slowly
if (supported && hidden && !safari){
document.write (“

“);
}

Thanks,
Karina