Closed
Bug 290546
Opened 21 years ago
Closed 20 years ago
Dynamically changed images for list-style-image style attribute are not displayed correctly
Categories
(Firefox :: General, defect)
Tracking
()
RESOLVED
WORKSFORME
People
(Reporter: aaleksanyants, Assigned: bugzilla)
References
()
Details
Attachments
(1 file)
|
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 :-)
|
||
Comment 1•21 years ago
|
||
Can you attach a testcase or provide url ?
Here is the file. And URL is http://www.easyhtools.com/sitemap.html
Andrey
|
||
Comment 3•20 years ago
|
||
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/
|
|
||
Comment 4•20 years ago
|
||
(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: 20 years ago
Resolution: --- → WORKSFORME
You need to log in
before you can comment on or make changes to this bug.
Description
•