PDA

View Full Version : How to make transparent onmouseout?



balki
12-21-2013, 11:15 PM
Hello! :)
This is my table with onmouseover and onmouseout. How to make transparent for onmouseout?


<div style="border: 0px solid rgb(218, 222, 225); border-radius: 7px 7px 7px 7px; background: url(&quot;http://store.picbg.net/pubpic/1D/93/dc3793dbcc3b1d93.gif&quot;) repeat scroll 0% 0% rgb(225, 225, 225); color: rgb(48, 58, 70); padding: 16px;">
<div style="background: url(&quot;http://store.picbg.net/pubpic/B4/E3/abbaee215e52b4e3.jpg&quot;) repeat scroll 0% 0% rgb(225, 225, 225); color: rgb(48, 58, 70); padding: 20px;">
<table border="1" cellpadding="1" cellspacing="1" class="modernTable withHeader" width="850">
<thead>
<tr>
<td>Дата</td>
<td>Събитие</td>
<td>Категория</td>
<td>Участници</td>
<td>Линк</td>
</tr>
</thead>
<tbody>
<tr onmouseout="changecolor(&quot;transparent&quot;)" style="color:#ffffff;">
<td><span style="color:#ffffff;">14.10.2013</span></td>
<td>3-ти март</td>
<td>тържество</td>
<td>5-12 клас</td>
<td><span style="color:#ffffff;">Линк</span></td>
</tr>
<tr onmouseout="this.bgColor='#FFffff'" onmouseover="this.bgColor='#89C1F5'" style="color:#ffffff;">
<td><img alt="at" src="http://stats.souhssz.webnode.com/skins/grey/img/icons/flags/at.png" title="at"></td>
<td>Austria</td>
<td>Австрия</td>
<td>Австралия</td>
<td>Австралия</td>
</tr>
</tbody>
</table>
</div>
</div>


I use table on this page: http://www.souhssz.com/novini/

balki
12-22-2013, 02:31 PM
I tried these:
onmouseout=this.bgColor('hidden')
onmouseout=this.bgColor('null')
onmouseout="clear()"

Probably will work something with opacity?

-------------------------------------------

This works with the content of the row, but I want only the background.


<html>
<head>
<style type="text/css">

.outerLink
{
background-color:black;
display:block;
opacity:1;
filter:alpha(opacity=100);
width:200px;
}

img.darkableImage
{
opacity:1;
filter:alpha(opacity=100);
}
</style>
</head>

<body>
<a href="http://www.google.com" class="outerLink">
<img src="http://www.google.co.uk/intl/en_uk/images/logo.gif" width="200"
class="darkableImage" onmouseout="this.style.opacity=1;this.filters.alpha.opacity=100"
onmouseover="this.style.opacity=0.6;this.filters.alpha.opacity=60" />
</a>
</body>
</html>