nicht angemeldet
Hallo,
Ich stehe vor folgendem Problem.
Auf einer HTML Seite gibt 2 Tabellen.
Die untere Tabelle soll sich der Größe der oberen anpassen.
Werden dabei die Felder der unteren zu klein für den enthaltenen Text,
soll der Text abgeschnitten werden und am ende "..." angefügt werden
(ähnlich wie zb in Outlook wenn man bei den empfangene Emails die Breite der Spalten verkleinert..).
Das Anpassen der Größe hab ich mittlerweile hin bekommen.
In den TDs ist jeweils ein DIV dessen größe sich entsprechen anpasst
und somit auch das aussehen der Tabellen verändert.
Ich kann aber bisher nicht über JS erkennen ob Text abgeschnitten wird oder nicht...
Hier der Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>Div And Table </TITLE>
</HEAD>
<style>
DIV { overflow:hidden; border: 1px solid black}
</style>
<BODY>
<TABLE border=1 cellspacing=0 cellpadding=0>
<TR>
<TD><div id="1" nowrap>Ein Text</div></TD>
<TD><div id="2" nowrap>TestTest</div></TD>
</TR>
</TABLE>
<TABLE border=1 cellspacing=0 cellpadding=0>
<TR>
<TD><div id="1|1" nowrap>Längerer Text</div></TD>
<TD><div id="1|2" nowrap>TestTestTest</div></TD>
</TR>
</TABLE>
</BODY>
<SCRIPT LANGUAGE="JavaScript">
<!--
var d = document;
changeTdsAndDivs
function changeTdsAndDivs ()
{
d.getElementById("1|1").style.pixelWidth = d.getElementById("1").offsetWidth;
d.getElementById("1|2").style.pixelWidth = d.getElementById("2").offsetWidth;
}
window.setTimeout("changeTdsAndDivs()",3000);
//-->
</SCRIPT>
</HTML>
Anmerkung:
Ich bin nicht daran interessiert aus den 2 Tabellen eine zu machen.
Die Tabellen werden später in 2 getrennten Frames sein.
MudGuard