nicht angemeldet
Tabellen-Fehler???
Hallo.
Ich habe diesen Code im Internet gefunden. Dort werden 6 dynamische Tabellen angezeigt. UNTEREINANDER: Nun möächte ich diese Tabelle nebeneinander haben. Wenn ich einfach das </tr><tr> lösche, wird alles gut angezeigt, aber beim Hovern kommt ein Syntaxfehler. Was mach ich falsch?
Hier der Code!
<html>
<style>
. tds
{
background-Color:silver;
width:100;
height:20;
text-align:center;
border:1px solid gray;
font-size:14;
filter:alpha(opacity=45);
-moz-opacity:45%;
cursor:crosshair;
}
</style>
<script language="javascript">
nOpac = 50
nPlus = 2
nMin = 1
speed = 30
timer = null;
timer2 = null;
var ie5=(document.all && document.getElementById);
var ns6=(!document.all && document.getElementById);
function fadeImg2(teller)
{
apl[teller][1] = "Up";
changes();
}
function fadeImgend2(teller)
{
apl[teller][1] = "Down";
setTimeout("changes()",50);
}
function changes()
{
next_loop = true;
for (i=0;i<apl.length;i++)
{
obj = link_table.rows[i].cells[0];
opacity = apl[i][0]
if (apl[i][1] == "Up")
{
opacity += nPlus;
apl[i][0] = opacity;
if (apl[i][0] > 105)
{apl[i][1] = "";}
else
{next_loop = false;}
nOpac = opacity;
}
else
{
if (apl[i][1] == "Down")
{
opacity -= nMin;
apl[i][0] = opacity;
if (apl[i][0] < 45)
{apl[i][1] = "";}
else
{next_loop = false;}
nOpac = opacity;
}
}
if(ie5){
obj.style.filter="alpha(opacity="+opacity+")";
}
if(ns6){
obj.style.MozOpacity = opacity + '%';
}
}
if (next_loop == false)
{
timer = setTimeout("changes()",speed);
}
else
{
clearTimeout(timer);
}
}
//for each link option you need to make a new Array;
var apl = new Array();
apl[0] = new Array(45,"");
apl[1] = new Array(45,"");
apl[2] = new Array(45,"");
apl[3] = new Array(45,"");
apl[4] = new Array(45,"");
apl[5] = new Array(45,"");
//expl: apl[6] = new Array(45,"");
</script>
<body>
<table style="border:1px groove blue; width:130;height:180" cellspacing=0 cellpadding=0>
<tr><td align=center bgcolor=silver>
</td></tr>
<tr><td align=center border=2>
<table cellpadding=0 cellspacing=0 name=link_table id=link_table>
<tr>
<td class="tds" onmouseover="fadeImg2(0)" onmouseout="fadeImgend2(0)" onclick="window.location='#';" style="border:1px solid gray;background-color:silver;width:100;text-align:center">1</td>
</tr>
<tr>
<td class="tds" onmouseover="fadeImg2(1)" onmouseout="fadeImgend2(1)" onclick="window.location='#';" style="border:1px solid gray;background-color:silver;width:100;text-align:center">2</td>
</tr>
<tr>
<td class="tds" onmouseover="fadeImg2(2)" onmouseout="fadeImgend2(2)" onclick="window.location='#';" style="border:1px solid gray;background-color:silver;width:100;text-align:center">3</td>
</tr>
<tr>
<td class="tds" onmouseover="fadeImg2(3)" onmouseout="fadeImgend2(3)" onclick="window.location='#';" style="border:1px solid gray;background-color:silver;width:100;text-align:center">4</td>
</tr>
<tr>
<td class="tds" onmouseover="fadeImg2(4)" onmouseout="fadeImgend2(4)" onclick="window.location='#';" style="border:1px solid gray;background-color:silver;width:100;text-align:center">5</td>
</tr>
<tr>
<td class="tds" onmouseover="fadeImg2(5)" onmouseout="fadeImgend2(5)" onclick="window.location='#';" style="border:1px solid gray;background-color:silver;width:100;text-align:center">6</td>
</tr>
</table>
</td></tr></table>
</body>
</html>
-
Hallo Anonymus
Ich habe diesen Code im Internet gefunden.
Na hoffentlich hast Du es mit Einverständnis des Verfassers/Besitzers *ähem* gefunden.
Dort werden 6 dynamische Tabellen angezeigt. UNTEREINANDER:
Naja, es wird eine Tabelle in einer Tabelle angezeigt (wozu ist das eigentlich gut?) und die innere Tabelle hat 6 ZEILEN. Dynamisch ist, finde ich, nur das fade-hover; nicht die Erzeugung der Tabellen.
Nun möchte ich diese Tabelle nebeneinander haben.
Also aus einer Tabelle mit 1 Spalte und 6 Zeilen willst Du eine Tabelle mit 6 Spalten und 1 Zeile machen richtig?.
Wenn ich einfach das </tr><tr> lösche, wird alles gut angezeigt, aber beim Hovern kommt ein Syntaxfehler. Was mach ich falsch?
Naja sooooo einfach is es nu auch wieder nich.
Es funzt desshalb nicht, weil das script dann auf nicht mehr vorhandene Spalten zugreifen will.---- schnipp ------
function changes()
{
next_loop = true;
for (i=0;i<apl.length;i++)
{
obj = link_table.rows[i].cells[0];^^^^^^^^^ das hier ist für die Spalten zuständig !!
^^^^^^^ das hier für die Zeilen !!opacity = apl[i][0]
if (apl[i][1] == "Up")
{
opacity += nPlus;---- schnapp -------
CSS-mäßig könnte man übrigens auch gleich noch einiges verbessern.
Den Rest schaffst Du bestimmt alleine ;-)
Grüße aus Nürnberg, HarryS