luclucas: *** Tabellenhintergrundbild mit onmouseover ändern? ***

Beitrag lesen

Hallo Leute,

poste das erste mal hier; habe gehört, daß die Liste gut sein soll!

Also, mein Problem:

Es soll in einer Tabelle ein Hintergrundbild durch ein anderes ersetzt werden,
sobald man mit der Maus über einen Text in der gleichen Tabelle "fährt".

Wie kann ich dieses erreichen? (wenn es geht ohne layer?)

Ich bin für jeden Tip dankbar!

mfg
frizzy

Hallo!!!!

Hab mich mal hingesetzt und dir den Quelltext so umgeschrieben, dass er jetzt - hoffe ich - deinen vorstellungen entspricht. du müsstest nich die Grafik URLs ändern. und eventuell gucken wo der Link hinsoll. da es mit netscape irgendwie nicht klappte, dass ein hintergrundbild angezeigt wird. normalerweise soll das mit background="" gehen. bei netscape anscheinend nicht.

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title></title>
<script language="JavaScript">
<!--
var infografik = new Image()

function showbg()
{
if(navigator.appName == "Microsoft Internet Explorer")
{
 document.all.info.style.display = "block";
}
else
{
 document.info.visibility = "show";
}
}

function hidebg()
{
if(navigator.appName == "Microsoft Internet Explorer")
{
 document.all.info.style.display = "none";
}
else
{
 document.info.visibility = "hide";
}
}

function show()
{
if(navigator.appName == "Microsoft Internet Explorer")
{
 document.infografik.src = "2grafik.jpg";
}
else
{
 document.infografik.src = "2grafik.jpg";
}
}

function hide()
{
if(navigator.appName == "Microsoft Internet Explorer")
{
 document.infografik.src = "1grafik.jpg";
}
else
{
 document.infografik.src = "1grafik.jpg";
}
}
//-->
</script>
</head>

<body>

Jens Menke

<form name="meinFormular">
  <br>
  <input type="button" name="Knopf3" value="Info" onClick="javascript:showbg()">
  <input type="button" name="Knopf4" value="Info löschen" onClick="javascript:hidebg()">
</form>
<br>

<table border="1" width="100%" height="25">
  <tr>
    <td id="infozelle">
    <script language="JavaScript">
 <!--
 if(navigator.appName == "Microsoft Internet Explorer")
 {
 document.write("<DIV style="display:none;" id="info" > ");
 }
 if(navigator.appName == "Netscape")
 {
 document.write("<layer name="info" left="10" top="130" visibility="hide"> ");
 }

document.write("<IMG SRC="1grafik.jpg" name="infografik"><a href="ziel.htm" onMouseover="javascript:show();" onMouseOut="javascript:hide();">Bitte mit der Maus herüberfahren</A>" );

if(navigator.appName == "Microsoft Internet Explorer")
 {
 document.write("</DIV>");
 }
 if(navigator.appName == "Netscape")
 {
 document.write("</Layer>");
 }
 //-->
 </script>
    </td>
    <td>

</td>
  </tr>
</table>
</body>
</html>

wenn du noch fragen hast kannst du mir ja mailen. einige tipps und scripte gibt es auch noch auf meiner seite.
viel erfolg

luclucas