DHTML Opera Rollovers

They have: 64 posts

Joined: Oct 2002

can anyone look at my page @ theprojectorguide.com/testopera.htm and see whats wrong with my dhtml menu in opera?

I can't figure out what could be wrong.

Any help will be greatly appreciated

Steve

Megan's picture

She has: 11,421 posts

Joined: Jun 1999

I think your problem could be that the script is detecting the user's browser and setting variables based on that. The script is detecting for Opera 6 (and it works in there) but not for Opera 7 which is why you're getting problems. You should probably look for a script that detects supported elements rather than brwoser versions. Detecting by appname will cause problems in the long run when new browsers come out.

They have: 64 posts

Joined: Oct 2002

Im using opera 6.5 and it dosnt work. which version you using ?

Megan's picture

She has: 11,421 posts

Joined: Jun 1999

7 (beta). Are you seeing the menu in green in Opera 6.5? That's what I see in 7. The problem is that the script is treating different browsers differently, and it really shouldn't be. What it should do is just look for what elements are supported, and direct browsers from there. Opera 6.0 didn't support the DOM fully, which is why so many dHTML script had problems. This script provided a work-around for Opera 6.0, but now those problems are fixed in the newer versions, so even though 6.5 and 7 have different functionality, they're being treated as 6.0 by the script (I think!)

** I'm not sure what fixes were made in 6.5. Oh, another possibility - is yours set to "identify as Opera" or to "identify as IE" or what? That's another thing that could be problematic. That preference setting allows you to change the appname that's sent to the script - so Opera 6 identified as IE could be getting IE instructions which it can't handle. When I set Opera 7 to Identify as IE 6 I get nothing.

This was originally done to allow Opera users to get around scripts that only detected for IE & NS. Now it could be causing more problems because the script you're using has a work-around for opera 6, that won't work if it's set to identify itself as another browser.

They have: 64 posts

Joined: Oct 2002

No. Im getting.

When I rollover a section the blue background that appears dosnt dissapear when I move away from the button.

Note: Ive been playing with it recently so u may get a little inconsistancy.

How do I modify this script to make it work do you know ?

Thanks for your support

Steve

Megan's picture

She has: 11,421 posts

Joined: Jun 1999

I think you'd be better off looking for a script that identifies by object rather than browser name. These things tend to be rather complicated scripts so it would be better to just find one that does what you want. Look in the site tools area - I think we had a thread with menus that work in all browsers.

They have: 64 posts

Joined: Oct 2002

Lots of changes now.

My Opera was set to view as IE then I set to Opera now its not showing any backgrounds for the dhtml at all.

Megan's picture

She has: 11,421 posts

Joined: Jun 1999

after further testing, the only browser on my system that is handling this menu right is IE6. That's it. All of the others have some sort of problem (most commonly - Opera 6, mozilla, and NS 7, the blue backgrounds aren't showing up on mouseover at all). In NS 4.77 it's a blue box with black text - unreadable.

I think your best bet would be to look for a more compatible script. Make sure you test it out in different browsers before you try to use it. Also look at the code to make sure it's not detecting for appname.

Suzanne's picture

She has: 5,507 posts

Joined: Feb 2000

http://archivist.incutio.com/css-discuss/

I would really recommend you search there -- this mailing list archive has covered a zillion different issues, and Opera figures prominantly. If it hasn't already been asked, join the list and ask!

Complex dhtml menu troubleshooting is a fairly involved troubleshooting exercise.

More valuable Look-It-Up-When-You-Need-It and a Wiki can be found here: http://www.css-discuss.org/

Suzanne's picture

She has: 5,507 posts

Joined: Feb 2000

(it doesn't show up in N7/mac, either)

disaster-master's picture

She has: 2,154 posts

Joined: May 2001

That is alot of code to pilfer through without knowing what everything is for. It looks like the background isn't showing up in Opera and will be hard to find exactly what the problem is without knowing what all the variables are for.

It could be the 'transparent' setting. Hard to tell. Megan may have hit the nail on the head also.

taff's picture

They have: 956 posts

Joined: Jun 2001

heh. I suppose I should have checked this thread first before bothering to grab this script. I just saw that it was working on a centered layout (in IE6) and that blinded me to any other issue Sticking out tongue

.....

They have: 64 posts

Joined: Oct 2002

This is very very strange.

The following browsers I have checked and currently work perfectly on are:

IE6
IE5.5
Mozilla
Phoenix

Im going to have a think long and hard about this one...

Megan's picture

She has: 11,421 posts

Joined: Jun 1999

This is what I've checked:

Opera 7 - no functionality, green background with blue text
Ooera 6.05 - functionality ok, no backgrounds at all
(both ID'd as Opera)
NS 7 and Mozilla 1.0 - functionality OK, no blue mouseover backgrounds
NS 4.77 - blue background, black text, no functionality.

It's not strange at all if you look at the code. Detecting by appname is just not a practical way of doing things.

Really - best thing to do would be to just find another script. If you're not a Javascript expert it's going to be very difficult to fix this yourself.

They have: 64 posts

Joined: Oct 2002

Sad

drat and double drat. I think I have to agree with you I have to totally rethink my navigation.

Any ideas what will work on all browsers ?

Thanks

Steve

Suzanne's picture

She has: 5,507 posts

Joined: Feb 2000

disaster-master's picture

She has: 2,154 posts

Joined: May 2001

You can also use the ones at Project 7.

http://www.projectseven.com/viewer/mmagic2.htm

http://www.projectseven.com/tutorials/swapclass/index.htm

Thanks for the link Suzanne. Wink

They have: 64 posts

Joined: Oct 2002

Im not to sure on the lists.
Im not paying for a navigation

Thanks

Steve

disaster-master's picture

She has: 2,154 posts

Joined: May 2001

This one is free.

Suzanne's picture

She has: 5,507 posts

Joined: Feb 2000

? the lists are basically standards compliant dhtml that degrade into something actually usable in browsers that don't support dhtml (which means they get to see the navigation).

It works best, yes, as sidenav.

What is wrong with using lists as the underpinning for doing the same thing?

They have: 64 posts

Joined: Oct 2002

It looks a bit complicated to me.

Suzanne's picture

She has: 5,507 posts

Joined: Feb 2000

To set it up? Or using lists in general?

They have: 64 posts

Joined: Oct 2002

To set it up I read http://www.alistapart.com/stories/taminglists/index.html

It went a little over my head Smiling

Suzanne's picture

She has: 5,507 posts

Joined: Feb 2000

Ah, yes, if you're not very familiar with CSS and XHTML/HTML, that can be confusing. I'd recommend starting with Dave's demos and playing with them. He has the .js and .css all set up so download them and the .html source file and start replacing links to see how it would work.

If you run into problems, post the source -- it's far easier to troubleshoot the html/xhtml and css than JavaScript.

They have: 64 posts

Joined: Oct 2002

'

Suzanne's picture

She has: 5,507 posts

Joined: Feb 2000

Is that you giving up? lol...

Megan's picture

She has: 11,421 posts

Joined: Jun 1999

Those don't seem to work in Opera (even if I set it to ID as something else). There is a line in the code that mentions Opera so maybe it had to do with v.6's DOM problems... doesn't work in v. 7 either though.

Suzanne's picture

She has: 5,507 posts

Joined: Feb 2000

ech. poop. Do they degrade in Opera?

Suzanne's picture

She has: 5,507 posts

Joined: Feb 2000

In opera/mac, the first link is purely active, no drop downs or expansions?

They have: 64 posts

Joined: Oct 2002

Hi all again.

Ive made some changes to the navigation now which can be viewed @ theprojectorguide.com/indexlaunch.html

Speeds up my page download a lot as well Smiling

Thanks

Steve

Megan's picture

She has: 11,421 posts

Joined: Jun 1999

Quote: Originally posted by Suzanne
In opera/mac, the first link is purely active, no drop downs or expansions?

That's the way it is for me too.

I think this is really a better idea - those dHTML menus are usually more trouble than they're worth, so it's best not to use them unless you *really* need to.

Suzanne's picture

She has: 5,507 posts

Joined: Feb 2000

oh I wholeheartedly agree. There are very few places where having dhtml menus makes the site better at all.

You can still use lists as the underpinning of your links in the nav, btw, which will help you control them if you choose use CSS to make them look like buttons or such. Smiling

Want to join the discussion? Create an account or log in if you already have one. Joining is fast, free and painless! We’ll even whisk you back here when you’ve finished.