25.10.2009, 22:02
...
wegen Hover das mal testen...
[HTML]<style type="text/css">
td {
background-color: #ffcc00;
}
</style>
<script type="text/javascript">
function dogtab(idleft, idmiddle, idright, imgname){
document.getElementById('tab_'+idleft).style.backgroundImage = "url(" + imgname + ")";
document.getElementById('tab_'+idmiddle).style.backgroundImage = "url(" + imgname + ")";
document.getElementById('tab_'+idright).style.backgroundImage = "url(" + imgname + ")";
}
</script>
</head>
<body>
<table cellspacing="2" cellpadding="2" border="0">
<tr onMouseOver="dogtab(1, 2, 3, 'images/hover.png');" onMouseOut="dogtab(1, 2, 3, 'images/transparent.gif')">
<td id="tab_1">asd</td>
<td id="tab_2">bbb</td>
<td id="tab_3">asd</td>
</tr>
<tr onMouseOver="dogtab(4, 5, 6, 'images/hover.png');" onMouseOut="dogtab(4, 5, 6, 'images/transparent.gif')">
<td id="tab_4">zzz</td>
<td id="tab_5">888</td>
<td id="tab_6">uuu</td>
</tr>
</table>[/HTML]
Cu Helmut
wegen Hover das mal testen...
[HTML]<style type="text/css">
td {
background-color: #ffcc00;
}
</style>
<script type="text/javascript">
function dogtab(idleft, idmiddle, idright, imgname){
document.getElementById('tab_'+idleft).style.backgroundImage = "url(" + imgname + ")";
document.getElementById('tab_'+idmiddle).style.backgroundImage = "url(" + imgname + ")";
document.getElementById('tab_'+idright).style.backgroundImage = "url(" + imgname + ")";
}
</script>
</head>
<body>
<table cellspacing="2" cellpadding="2" border="0">
<tr onMouseOver="dogtab(1, 2, 3, 'images/hover.png');" onMouseOut="dogtab(1, 2, 3, 'images/transparent.gif')">
<td id="tab_1">asd</td>
<td id="tab_2">bbb</td>
<td id="tab_3">asd</td>
</tr>
<tr onMouseOver="dogtab(4, 5, 6, 'images/hover.png');" onMouseOut="dogtab(4, 5, 6, 'images/transparent.gif')">
<td id="tab_4">zzz</td>
<td id="tab_5">888</td>
<td id="tab_6">uuu</td>
</tr>
</table>[/HTML]
Cu Helmut