Hallo an alle,
ich möchte mit mouseover ein Feld ein und ausblenden
es geht auch mit dem Firefox
aber beim IE7 klappte es nicht
kann mir da bitte jemand weiterhelfen?
<script type="text/javascript">
var selCurrent = "";
function selSwitch(name) {
if (selCurrent != "") {
selHide(selCurrent);
}
selShow(name);
selCurrent = name;
}
function selShow(name) {
document.getElementById(name).style.display = "block";
}
function selHide(name) {
document.getElementById(name).style.display = "none";
}
</script>
<style>
.eintrag {display:none;}
</style>
<table border="1" width="300">
<tr>
<td width="50%" valign="top">
<a href="javascript:void(0)" onmouseover="selSwitch('menu_1');">Element 1</a><br><br>
<a href="javascript:void(0)" onmouseover="selSwitch('menu_2');">Element 2</a><br><br>
<a href="javascript:void(0)" onmouseover="selSwitch('menu_3');">Element 3</a>
</td>
<td width="50%" valign="top">
<div class='eintrag' id='menu_1'>Eintrag A<br>Eintrag B<br>Eintrag C</div>
<div class='eintrag' id='menu_2'>Eintrag 1<br>Eintrag 2<br>Eintrag 3</div>
<div class='eintrag' id='menu_3'>Eintrag #<br>Eintrag *<br>Eintrag +</div>
</td>
</tr>
</table>
ich möchte mit mouseover ein Feld ein und ausblenden
es geht auch mit dem Firefox
aber beim IE7 klappte es nicht
kann mir da bitte jemand weiterhelfen?
<script type="text/javascript">
var selCurrent = "";
function selSwitch(name) {
if (selCurrent != "") {
selHide(selCurrent);
}
selShow(name);
selCurrent = name;
}
function selShow(name) {
document.getElementById(name).style.display = "block";
}
function selHide(name) {
document.getElementById(name).style.display = "none";
}
</script>
<style>
.eintrag {display:none;}
</style>
<table border="1" width="300">
<tr>
<td width="50%" valign="top">
<a href="javascript:void(0)" onmouseover="selSwitch('menu_1');">Element 1</a><br><br>
<a href="javascript:void(0)" onmouseover="selSwitch('menu_2');">Element 2</a><br><br>
<a href="javascript:void(0)" onmouseover="selSwitch('menu_3');">Element 3</a>
</td>
<td width="50%" valign="top">
<div class='eintrag' id='menu_1'>Eintrag A<br>Eintrag B<br>Eintrag C</div>
<div class='eintrag' id='menu_2'>Eintrag 1<br>Eintrag 2<br>Eintrag 3</div>
<div class='eintrag' id='menu_3'>Eintrag #<br>Eintrag *<br>Eintrag +</div>
</td>
</tr>
</table>