nicht angemeldet
*** Tabellenhintergrundbild mit onmouseover ändern? ***
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 Fritz
man könnte es z.B. mit DHTML von Micro$oft machen:
hier findest du die beschreibung dazu:http://msdn.microsoft.com/workshop/author/dhtml/reference/properties/backgroundImage.asp
funzt aber dann nur im IE
mfg retoke
-
Hallo Fritz
man könnte es z.B. mit DHTML von Micro$oft machen:
hier findest du die beschreibung dazu:http://msdn.microsoft.com/workshop/author/dhtml/reference/properties/backgroundImage.asp
funzt aber dann nur im IE
mfg retoke
danke retoke,
damit hast du schon der Katze auf den Schwanz getreten,
muß leider in allen Browsern funzen!Trotzdem danke!
mfg
frizzy
-
-
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
frizzynoch ein aufgestöbertes Dokument von Jens Menke -
könnte jemand dies umbauen, so daß es mein
Problem löst, habs absolut nicht hinbekommen!<html>
<head>
<title>Jens Menke</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="generator" content="Ulli Meybohms HTML EDITOR">
</head><body bgcolor="#FFFFFF" vlink="#FFFFFF" alink="#FFFFFF" link="#FFFFFF">
<script language="JavaScript">function showLayer(x){
if (document.layers)
document.layers[x].visibility="show";
else
document.all[x].style.visibility="visible";
}
function hideLayer(x){
if (document.layers)
document.layers[x].visibility="hide";
else
document.all[x].style.visibility="hidden";
}
function changeColor1(x){
if (document.layers)
document.layers[x].bgColor="images_design/blau_menue.gif";
else
document.all[x].style.background="images_design/blau_menue.gif";}
function changeColor2(x){
if (document.layers)
document.layers[x].bgColor="images_design/blau_menue.gif";
else
document.all[x].style.background="images_design/blau_menue.gif";}
</script>
<h1>layer füllt Zelle komplett</h1>
<form name="meinFormular">
<br>
<input type="button" name="Knopf3" value="Info" onClick="showLayer('ebene1')">
<input type="button" name="Knopf4" value="Info löschen" onClick="hideLayer('ebene1')">
</form>
<br>
<table border="1" width="100%">
<tr>
<td>
<div id="ebene1" style="position:relative; background-color:blue; visibility:hidden">
<table border="0" width="100%">
<tr>
<td>
<h5><font color="#FFFFFF"><a href="#bleibda" onMouseOver="changeColor1('ebene1')"
onMouseOut="changeColor2('ebene1')">Dies ist ein Test! </a></font></h5>
</td>
</tr>
</table>
</div>
</td>
<td>
<h2>Dies ist auch ein Test;</h2>
</td>
</tr>
</table>
</body>
</html> -
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
frizzyHallo!!!!
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 erfolgluclucas