JavaScript fails to recognize the object

VERIFIED INVALID

Status

--
major
VERIFIED INVALID
14 years ago
2 years ago

People

(Reporter: piratesilver, Assigned: bugs)

Tracking

Details

(URL)

(Reporter)

Description

14 years ago
User-Agent:       Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1)
Build Identifier: http://ftp.mozilla.org/pub/mozilla.org/firefox/releases/0.9.1/FirefoxSetup-0.9.1.exe

My page (http://shaggy.silveragesoftware.com/Chilled/) opens Ok with IE, while 
Firefox JS console reports a bug telling that the object XaraTable is 
undefined. But it IS defined. 

<body bgcolor="#ffffff" text="black" link="red" vlink="blue" alink="yellow" 
id=pagebody 

onLoad="XaraTable.style.position='absolute'; 
XaraTable.style.pixelTop=(pagebody.clientHeight - XaraTable.clientHeight)/2; 
XaraTable.style.pixelLeft=(pagebody.clientWidth - XaraTable.clientWidth)/2;" 

onResize="XaraTable.style.position='absolute'; 
XaraTable.style.pixelTop=(pagebody.clientHeight - XaraTable.clientHeight)/2; 
XaraTable.style.pixelLeft=(pagebody.clientWidth - XaraTable.clientWidth)/2;" 
style="background-image:url(images/snow.png)"> 

<table id=XaraTable border="0" cellpadding="0" cellspacing="0"> 

What is more, rollovers built with CSS do not work.

Please correct the problem. Beat the Microsoft.

Reproducible: Always
Steps to Reproduce:
1. Open http://shaggy.silveragesoftware.com/Chilled/
2. Slicing table won't center within page while it should. It does with IE.
3. Hover the cursor over the target circles. CSS rollover won't work. It does 
with IE.

Actual Results:  
JS and CSS work incorrectly.

Expected Results:  
Work as with IE 6.0.

For contacts, please write to vvasilyev@mail.ru
Reporter, this is not valid DOM access.  This code will only work in IE.  You
need to use getElementsByTagName() or getElementByID().  Please see
http://nexgenmedia.net/evang/iemozguide/#dom_differences

-> INVALID
Status: UNCONFIRMED → RESOLVED
Last Resolved: 14 years ago
Resolution: --- → INVALID

Comment 2

14 years ago
Just to add to comment 1:

(In reply to comment #0)
> 2. Slicing table won't center within page while it should. It does with IE.

You're trying to centre using text-align: justify but as the name implies that
is only supposed to align text (and other inline content), try adding this to
the table {} style rule:

margin-left: auto;
margin-right: auto;

> 3. Hover the cursor over the target circles. CSS rollover won't work. It does 
> with IE.

You apply the main image to the divs and the hover image to their <a> children
but the <a>s are empty inline elements and so will have no width or height, if
you add:

display: block;

to each a:hover style rule they will fill up the whole parent div and the
mouseover will work.
Status: RESOLVED → VERIFIED
Product: Firefox → Toolkit
Product: Toolkit → Toolkit Graveyard
You need to log in before you can comment on or make changes to this bug.