Closed Bug 290546 Opened 20 years ago Closed 19 years ago

Dynamically changed images for list-style-image style attribute are not displayed correctly

Categories

(Firefox :: General, defect)

Product:
Firefox
Component:
General
Platform:
x86
Windows XP
Type:
defect
Priority:
Not set
Severity:
normal

Tracking

()

Status:
RESOLVED WORKSFORME

People

(Reporter: aaleksanyants, Assigned: bugzilla)

References

(
URL
)

Details

Attachments

(1 file)

toc-getelement.zip
6.89 KB, application/octet-stream
Details 
User-Agent:       Mozilla/5.0 (Windows; U; Windows NT 5.1; en-GB; rv:1.7.5) Gecko/20041110 Firefox/1.0
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-GB; rv:1.7.5) Gecko/20041110 Firefox/1.0

Please look at specified web page - it contains very simple javascript which on
load dynamically changes the LI style class (for preventing the hiding of UL
blocks in browsers with disabled javascript) and when user clicks on links
within LI the matching LI class changes and UL is displayed. Here is the HTML
example:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>Table of Contents</TITLE>
<META NAME="Generator" CONTENT="Easy Index Generator">
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=windows-1252">
<STYLE TYPE="text/css">
BODY {background:#FAFE9B url(toc_files/Fon.jpg);}
H1 {color: #000000; font-size:16pt; font-family: Arial, sans-serif;}
UL#toc LI {padding-left: 4px; margin-left: -24px; color: #000000; font-size:
10pt; font-family: Arial, sans-serif;}
UL#toc LI {list-style-image: url(toc_files/6.gif);}
UL#toc LI.close {list-style-image: url(toc_files/5.gif);}
UL#toc LI.item {list-style-image: url(toc_files/9.gif);}
UL#toc LI UL {display: block;}
UL#toc LI.close UL {display: none;}
UL#toc LI A {text-decoration: none; color:#000000;}
UL#toc LI.item A {text-decoration: underline; color: #0000FF;}
UL#toc LI.item A:visited {color: #000080;}
UL#toc LI.item A:hover {color: #FF0000;}
</STYLE>

<SCRIPT LANGUAGE="JavaScript">
<!--
function collapseAll() // hides all blocks on body load by dynamically adding
the"close" class
{
  var temp1=document.getElementById("toc").getElementsByTagName("LI");
  for(o=0; o<temp1.length; o++)
  {
	if(temp1[o].className=="")
    { 
      temp1[o].className="close";
	}
  }
}
function ShowHide(curObj) // changes class definition to hide/display blocks
when user clicks on header link
{
  if (curObj.parentNode.className=="close")
  {
    curObj.parentNode.className="";
  }
  else if (curObj.parentNode.className=="")
  {
    curObj.parentNode.className="close";
  }
}
//-->
</SCRIPT>
</HEAD>

<BODY onLoad="collapseAll()">
<H1>Table of Contents</H1>
<UL id="toc">
	<LI class="item"><A HREF="1.html">Link 1</A></LI>
	<LI class="item"><A HREF="2.html">Link 2</A></LI>
	<LI class="item" style="list-style-image: url(toc_files/11.gif);"><A
HREF="3.html">Link 3</A></LI>
	<LI><A HREF="#" onClick="ShowHide(this);return false">Header 1</A>
	<UL>
	<LI class="item"><A HREF="1/1.html">Link 1</A></LI>
		<LI class="item"><A HREF="1/2.html">Link 2</A></LI>
		<LI class="item" style="list-style-image: url(toc_files/16.gif);"><A
HREF="1/13">Link 3</A></LI>
		<LI class="item"><A HREF="1/4.html">Link 4</A></LI>
		<LI class="item"><A HREF="1/5.html">Link 5</A></LI>
	</UL></LI>
	<LI><A HREF="#" onClick="ShowHide(this);return false">Header 2</A>
	<UL>
		<LI class="item"><A HREF="2/1.html">Link 1</A></LI>
		<LI class="item"><A HREF="2/2.html">Link 2</A></LI>
		<LI><A HREF="#" onClick="ShowHide(this);return false">Header 21</A>
		<UL>
			<LI><A HREF="#" onClick="ShowHide(this);return false">Header 211</A>
			<UL>
				<LI class="item"><A HREF="2/21/211/1.html">Link 1</A></LI>
				<LI class="item"><A HREF="2/21/211/2.html">Link 2</A></LI>
			</UL></LI>
			<LI class="item"><A HREF="2/21/1.html">Link 1</A></LI>
			<LI class="item" style="list-style-image: url(toc_files/19.gif);"><A
HREF="2/21/2.html">Link 2</A></LI>
		</UL></LI>
		<LI class="item"><A HREF="2/3.html">Link 3</A></LI>
		<LI class="item"><A HREF="2/4.html">Link 4</A></LI>
		<LI class="item"><A HREF="2/5.html">Link 5</A></LI>
	</UL></LI>
	<LI><A HREF="#" onClick="ShowHide(this);return false">Header 3</A>
	<UL>
		<LI><A HREF="#" onClick="ShowHide(this);return false">Header 31</A>
		<UL>
			<LI><A HREF="#" onClick="ShowHide(this);return false">Header 311</A>
			<UL>
				<LI><A HREF="#" onClick="ShowHide(this);return false">Header 3111</A>
				<UL>
					<LI class="item"><A HREF="3/31/311/3111/1.html">Link 1</A></LI>
					<LI class="item"><A HREF="3/31/311/3111/2.html">Link 2</A></LI>
				</UL></LI>
				<LI class="item"><A HREF="3/31/311/1.html">Link 1</A></LI>
				<LI class="item"><A HREF="3/31/311/2.html">Link 2</A></LI>
				<LI class="item"><A HREF="3/31/311/3.html">Link 3</A></LI>
			</UL></LI>
			<LI class="item"><A HREF="3/31/1.html">Link 1</A></LI>
			<LI class="item" style="list-style-image: url(toc_files/19.gif);"><A
HREF="3/31/2.html">Link 2</A></LI>
		</UL></LI>
		<LI class="item"><A HREF="3/1.html">Link 1</A></LI>
		<LI class="item"><A HREF="3/2.html">Link 2</A></LI>
		<LI class="item"><A HREF="3/3.html">Link 3</A></LI>
		<LI class="item"><A HREF="3/4.html">Link 4</A></LI>
	</UL></LI>
	<LI><A HREF="#" onClick="ShowHide(this);return false">Header 4</A>
	<UL>
		<LI class="item"><A HREF="4/1.html">Link 1</A></LI>
		<LI class="item"><A HREF="4/2.html">Link 2</A></LI>
		<LI class="item"><A HREF="4/3.html">Link 3</A></LI>
		<LI class="item"><A HREF="4/4.html">Link 4</A></LI>
	</UL></LI>
	<LI class="item"><A HREF="4.html">Link 4</A></LI>
	<LI class="item"><A HREF="5.html">Link 5</A></LI>
	<LI class="item"><A HREF="6.html">Link 6</A></LI>
	<LI class="item"><A HREF="7.html">Link 7</A></LI>
	<LI class="item" style="list-style-image: url(toc_files/16.gif);"><A
HREF="8.html">Link 8</A></LI>
	<LI class="item"><A HREF="9.html">Link 9</A></LI>
	<LI class="item" style="list-style-image: url(toc_files/19.gif);"><A
HREF="10.html">Link 10</A></LI>
</UL>
</BODY>
</HTML>


Reproducible: Always

Steps to Reproduce:
1. Just try my HTML in work

Actual Results:  
Markers for dynamically changes styles are not displayed correctly.

Expected Results:  
It should display them correctly :-)
Can you attach a testcase or provide url ?
Attached file toc-getelement.zip — 
Here is the file. And URL is http://www.easyhtools.com/sitemap.html

Andrey
This is an automated message, with ID "auto-resolve01".

This bug has had no comments for a long time. Statistically, we have found that
bug reports that have not been confirmed by a second user after three months are
highly unlikely to be the source of a fix to the code.

While your input is very important to us, our resources are limited and so we
are asking for your help in focussing our efforts. If you can still reproduce
this problem in the latest version of the product (see below for how to obtain a
copy) or, for feature requests, if it's not present in the latest version and
you still believe we should implement it, please visit the URL of this bug
(given at the top of this mail) and add a comment to that effect, giving more
reproduction information if you have it.

If it is not a problem any longer, you need take no action. If this bug is not
changed in any way in the next two weeks, it will be automatically resolved.
Thank you for your help in this matter.

The latest beta releases can be obtained from:
Firefox:     http://www.mozilla.org/projects/firefox/
Thunderbird: http://www.mozilla.org/products/thunderbird/releases/1.5beta1.html
Seamonkey:   http://www.mozilla.org/projects/seamonkey/

(In reply to comment #2)
> Created an attachment (id=180958) [edit]
> toc-getelement.zip
> 
> Here is the file. And URL is http://www.easyhtools.com/sitemap.html
> 
> Andrey

Mozilla/5.0 (Windows; U; Windows NT 5.0; en-US; rv:1.8b5) Gecko/20050927
Firefox/1.4 ID:2005092712

WFM
Status: UNCONFIRMED → RESOLVED
Closed: 19 years ago
Resolution: --- → WORKSFORME
You need to log in before you can comment on or make changes to this bug.

Attachment

General

Creator:
Created:
Updated:
Size: