Registered: Mar 2003
Location:
Posts: 167
Status: offline

7.54 and 8.01 issue -- (X)HTML, JavaScript or CSS?

Recently I updated my webcam page http://www.xs4all.nl/~rooversj/webcam.html with some new features. The JavaScript for reloading the webcam image (executed by clicking on the figure at the top of the page) did not change. The only real changes to the page regarding this reload function included changes to the HTML and CSS, which shouldn't affect the way this reload function works.

Still, I now see different behaviour in two distinct Opera versions (and on separate platforms; Gentoo Linux with 7.54 u2, and Windows 2000 running Opera 8.01).

The way it used to be, clicking on the image changed its border colour to a pale blue, and changed it back to pale gray after a fixed number of milliseconds. It still works that way in IE, Firefox and Safari. Yet it no longer works quite the same way in Opera.

In Opera, when I click on the image, the border colour changes to blue but is not reset after the preset 700 ms. It iss, however, switched back to the default gray when the image is next reloaded automatically.

Assuming I had introduced some syntactical or logical error, I tried different approaches to solving the problem, yet none of them gave the expected result in Opera, while the page kept on working as it should in IE, Firefox and Safari.

I guess the cause of the problem is somewhere in Opera's DOM implementation.

The relevant files for this webcam page are:

http://www.xs4all.nl/~rooversj/webcam.html
-- The page itself, validates as XHTML 1.0 Strict

http://www.xs4all.nl/~rooversj/webcam.js
-- The JavaScript file, has worked without trouble for a long time. I recently cleaned it up (and moved the code to a separate file) but it still works in other browsers.

http://www.xs4all.nl/~rooversj/default.css
-- The CSS file, validates as "Valid CSS". It's contents shouldn't affect the border colour of a single element at all.

Running alert(document.compatMode); returns "CSS1Compat".

I can only assume the problem is caused by Opera itself. Could any of you test this in other versions of Opera and report back in this thread?

Report this post

Registered: Apr 2004
Location:
Posts: 64
Status: offline

I don't think this is related to your JavaScript. With Opera 8.0 on XP, it looks like a repaint bug. After you've clicked on the image try moving another window over a portion of the image -- when you remove that window is the portion that was covered now styled correctly?

As further evidence, try changing your definition of var bsg from "2px solid #eee" to "3px solid #eee". This causes it to repaint for me, proving that it's not your logic that's in error.

A workaround (should you want one) is to set up your css so that it has classes like

img.regular {
border: 2px solid #eee;
}

img.waiting {
border: 2px solid #abe;
}

and then have the javascript change the image's class with setAttribute. If I do that, the repainting works correctly.

Report this post

Registered: Mar 2003
Location:
Posts: 167
Status: offline

Thanks for checking this so quickly.

Under Windows 2000 using 8.01 and Gentoo Linux using 7.54 u2 the repaint trick works equally well. And thank you for the workaround, but it's a superficial problem so I won't fix this. I think that's not my job but Opera's. ;-)

Report this post

Registered: Apr 2004
Location: Orem, UT, USA
Posts: 1158
Status: offline

quote:

---

Originally posted by yourruinreverse
I think that's not my job but Opera's. ;-)

---

Report this post

Registered: Mar 2003
Location:
Posts: 167
Status: offline

Sure.

Report this post

Registered: Mar 2003
Location:
Posts: 167
Status: offline

bug 171263

Last edited by yourruinreverse on 28 May 2005 at 21:46

Report this post

Registered: Jan 2005
Location: North Texas
Posts: 1894
Status: online

Just the bug number:

bug-171263

Report this post

Registered: Mar 2003
Location:
Posts: 167
Status: offline

?

Report this post

Registered: Jan 2005
Location: North Texas
Posts: 1894
Status: online

Remove the @opera[...]com

Report this post

Registered: Jan 2004
Location:
Posts: 273
Status: offline

One easy trick to check if something is a repaint issue, is pressing ctrl-F7 twice. In this case, it corrects the display. This is a longstanding problem since the first betas of Opera 7.

[Please don't post the complete bug mail address, as it may attract spam.]

Report this post

Registered: Mar 2003
Location:
Posts: 167
Status: offline

I didn't think that would matter...

Report this post

Registered: Mar 2003
Location:
Posts: 167
Status: offline

quote:

---

Originally posted by F_V
One easy trick to check if something is a repaint issue, is pressing ctrl-F7 twice. In this case, it corrects the display. This is a longstanding problem since the first betas of Opera 7.

---

Report this post

Registered: Nov 2002
Location: Flag City, USA
Posts: 13253
Status: offline

Sounds like a plugin or Java ... I'm sure you must be using one or the other with your webcam.

Report this post

Registered: Mar 2003
Location:
Posts: 167
Status: offline

A plugin or Java? Have you seen the page or the script? That's all there is to it: XHTML, CSS and JavaScript/DOM. No Java or plugin needed. I can absolutely assure you this is caused by this webcam page's script reloading the image.

Report this post

Registered: May 2004
Location:
Posts: 1280
Status: online

I'll bet it's a javascript raising the window to the foreground. In Opera 8 go to tools, preferences, advanced tab, content leaf, Javascript options, uncheck "allow raising of windows" and "allow lowering of windows". If that "fixes" it, then it's definately javascript doing it.

Report this post

Registered: Mar 2003
Location:
Posts: 167
Status: offline

All the options there are in the Off position and have been for a long time.

Edit: Which is exactly why I am raising the issue.

Report this post