StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

POIE6/7 And ClassName (JS/HTML)
primarykey
Id
778195
data
AcceptedAnswerId
778608
AnswerCount
3
ClosedDate
CommentCount
5
CommunityOwnedDate
CreationDate
2009-04-22T16:50:04.203
FavoriteCount
0
LastActivityDate
2009-08-31T19:43:41.787
LastEditDate
2009-04-22T18:32:23.770
LastEditorUserId
90691
OwnerUserId
90691
ParentId
0
PostTypeId
1
Score
1
ViewCount
3051
LastEditorDisplayName
text
Body
I am trying to change the class of an element using javascript. So far I'm doing : <pre><code>var link = document.getElementById("play_link"); link.className = "play_button"; </code></pre> edit: here is the actual code that replace the classname In the HTML : <pre><code><a href="#play_link_<%=i%>" id="play_link_<%=i%>"onclick="changeCurrentTo(<%=i%>);return false;" class="play_button"></a> </code></pre> In the Javascript function changeCurrentTo(id){ activatePlayButton(current_track); current_track = id; inactivatePlayButton(current_track); } <pre><code>function inactivatePlayButton(id){ document.getElementById("recording_"+id).style.backgroundColor="#F7F2D1"; var link = document.getElementById("play_link_"+id); link.className="stop_button"; link.onclick = function(){stopPlaying();return false;}; } function activatePlayButton(id){ document.getElementById("recording_"+id).style.backgroundColor=""; var link = document.getElementById("play_link_"+id); link.className = "play_button"; var temp = id; link.onclick = function(){changeCurrentTo(temp);return false;}; } </code></pre> with <pre><code>.play_button{ background:url(/images/small_play_button.png) no-repeat; width:25px; height:24px; display:block; } </code></pre> the old class is <pre><code>.stop_button{ background:url(/images/small_stop_button.png) no-repeat; width:25px; height:24px; display:block; } </code></pre> The context is a music player. When you click the play button (triangle) it turns into a stop button (square) and replace the function that is called. The problem is that the class get changed, but in IE6 and 7 the new background (here /images/small_play_button.png) does not display right away. Sometime it doesn't even display at all. Sometime it doesn't display but if I shake the mouse a bit then it displays. It works perfectly in FF, Chrome, Opera and Safari, so it's an IE bug. I know it's hard to tell right away from only these information, but if I could get some pointers and directions that would be helpful. Thanks-
Tags
<javascript><html><internet-explorer><xhtml><classname>
Title
IE6/7 And ClassName (JS/HTML)
singulars
PostAcceptedAnswerId
1. PO
 singulars
 PostTypePostTypeId
 PTAnswer
PostParentId
1. This table or related slice is empty.
PostTypePostTypeId
1. PTQuestion
UserLastEditorUserId
1. USmarcgg
UserOwnerUserId
1. USmarcgg
plurals
PostLinksPostIdRelatedPostId
1. This table or related slice is empty.
PostLinksRelatedPostIdPostId
1. This table or related slice is empty.
PostsAcceptedAnswerId
1. This table or related slice is empty.
PostsParentIdCreationDate
1. PO
 singulars
 PostTypePostTypeId
 PTAnswer
2. PO
 singulars
 PostTypePostTypeId
 PTAnswer
3. PO
 singulars
 PostTypePostTypeId
 PTAnswer
VotesPostIdCreationDate
1. This table or related slice is empty.
CommentsPostId

Querying!

Guidance

A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.