Forum Moderators: open
<a onmouseover="document.getElementById('ratinginfo').innerHTML = 'Poor'" href="javascript:Req(1,$thread[threadid])">1</a>
<a onmouseover="document.getElementById('ratinginfo').innerHTML = 'Fair'" href="javascript:Req(2,$thread[threadid])">2</a>
<a onmouseover="document.getElementById('ratinginfo').innerHTML = 'Good'" href="javascript:Req(3,$thread[threadid])">3</a>
<a onmouseover="document.getElementById('ratinginfo').innerHTML = 'Avg'" href="javascript:Req(4,$thread[threadid])">4</a>
<a onmouseover="document.getElementById('ratinginfo').innerHTML = 'Great'" href="javascript:Req(5,$thread[threadid])">5</a>
<span id="ratinginfo">
<img class="inlineimg" src="/bars/$thread[trating].gif" alt="" /> $thread[votenum] rating
</span>
right now when you mouseover the link the image is replaced with the text which is fine, but the image in the span won't return onmouseout.. don't know how to 'reset' it back after the user mouseout.
<body onload="var original =document.getElementById('ratinginfo').innerHTML;" >
on each link add
onmouseout="document.getElementById('ratinginfo').innerHTML=original"
