• Das Erstellen neuer Accounts wurde ausgesetzt. Bei berechtigtem Interesse bitte Kontaktaufnahme über die üblichen Wege. Beste Grüße der Admin

MouseoverEffekt mit this.id

F

fruehbeet

New member
Das Script klappt nicht! Warum???

<html>
<head>
<title></title>
<style>
body
{
margin-left:0px;
margin-top:0px;
}
table
{
margin-left:0px;
margin-top:0px;
width:30%;
}
td
{
background-image:url(pics\tablebg3d.jpg);
background-repeat:no-repeat;
height:30px;
width:130px;
color:white;
padding-top:0px;
padding-left:10px;
padding-right:0px;
padding-bottom:0px;
}
td.trenn
{
color:white;
background-image:none;
width:135px;
height:1px;;
padding-top:0px;
padding-left:0px;
padding-right:0px;
padding-bottom:0px;
}
</style>
<script language="JavaScript">
<!--
function Bildwechsel(Tabot)
{
var Tabnr=Tabot
document.all.Tabnr.style.width=150;
document.all.Tabnr.style.paddingLeft=30;
document.all.Tabnr.style.backgroundPosition=20;
}
function back(Tabnr)
{
document.all.Tabnr.style.width=130;
document.all.Tabnr.style.paddingLeft=10;
document.all.Tabnr.style.backgroundPosition=0;
}
//-->
</script>
</head>
<body>
<table>
<tr>
<td id="gort" onMouseOver="Bildwechsel(this.id)" onMouseOut="back(this.id)">Flo</td>
</tr>
<tr>
<td class="trenn"><hr></td>
</tr>
<tr>
<td id="scj" onMouseOver="Bildwechsel(this.id)" onMouseOut="back(this.id)">Flo</td>
</tr>
</table>
</body>
</html>
 
Tabnr ist eine variable. und variablen haben nun mal kein .style . das haben nur objekte (img, div...). was sollt's denn geben, wenns fertig ist? hast du das script von wo? (URL angeben) oder hast du s selbst geschrieben?
 
ich habe es selbst geschrieben!

Aber ich gebe doch this.id an die Funktion weiter. This.id wird zu der var tabnr und davon wollte ich dann den style verändern!
 
funktioniert nicht ganz

<html>
<head>
<title></title>
<style>
body
{
margin-left:0px;
margin-top:0px;
}
table
{
margin-left:0px;
margin-top:0px;
width:30%;
}
td
{
background-image:url(pics\tablebg3d.jpg);
background-repeat:no-repeat;
height:30px;
width:130px;
color:white;
padding-top:0px;
padding-left:10px;
padding-right:0px;
padding-bottom:0px;
}
td.trenn
{
color:white;
background-image:none;
width:135px;
height:1px;;
padding-top:0px;
padding-left:0px;
padding-right:0px;
padding-bottom:0px;
}
</style>
<script language="JavaScript">
var Tabot = "";
<!--
function Bildwechsel(Tabot)
{
eval("document.all." + Tabot + ".style.width=150;")
eval("document.all." + Tabot + ".style.paddingLeft=30;")
eval("document.all." + Tabot + ".style.backgroundPosition=20;")
}
function back(Tabnr)
{
eval("document.all." + Tabot + ".style.width=130;")
eval("document.all." + Tabot + ".style.paddingLeft=10;")
eval("document.all." + Tabot + ".style.backgroundPosition=0;")
}
//-->
</script>
</head>
<body>
<table>
<tr>
<td name="gort" onMouseOver="Bildwechsel(this.name)" onMouseOut="back(this.name)">Flo</td>
</tr>
<tr>
<td class="trenn"><hr></td>
</tr>
<tr>
<td name="scj" onMouseOver="Bildwechsel(this.name)" onMouseOut="back(this.name)">Flo</td>
</tr>
</table>
</body>
</html>





aber auf jeden fall kannst du keine var = ein obj machen.
so geht's aber

eval("document.all." + Tabot + ".style.width=150;")

bis auf, dass er das ver**mmte teil nicht als objekt erkennt. (@readers: wiss ihr wie's geht?)

und TD's nicht mit ID sondern mit NAME kennzeichnen.

MfG
Fabian :)

P.S. Vielleicht findest' den rest noch selbst raus (oder irgendwer, der den thread liest)
 
du kannst Dir vieles sparen

ruf Die funktion nur mit this auf, und dann gleich mit tabot.style weiter. Brauchst auch keine ID. BSP:

... onmouseover = "schau(this)" ...

...

function schau(an)
{
an.style.width=150;
}


so funzt es dann auch im N6.
 
Du musst dich einloggen oder registrieren, um hier zu antworten.
Zurück
Oben