1
Hallo, ich hab wiedermal eine Frage!
ich habe in einer Tabelle eine Spalte mit width="200" begrenzt. Wenn jetz allerdings der Text in der Spalte länger als 200 wird, dann wird die Größenangabe außer Kraft gesetzt und die Spaltenbreite automatisch gestreckt. Genau dies möchte ich nicht.
Wenn der Text größer als 200 ist, soll er abgeschnitten werden.
Daraufhin habe ich im internet gesucht und etwas gefunden, nur leider funktioniert diese Variante nur im FF einwandfrei aber der IE muckt wieder rum...
das is die changetext.js
dieses rufe ich wie folgt auf:
und in der tabellenspalte steht dies:
ich hoffe ich konnte es halbwegs verstndlich erklären....Vielen Dank für eure Hilfe!!!
mfg andy
ich habe in einer Tabelle eine Spalte mit width="200" begrenzt. Wenn jetz allerdings der Text in der Spalte länger als 200 wird, dann wird die Größenangabe außer Kraft gesetzt und die Spaltenbreite automatisch gestreckt. Genau dies möchte ich nicht.
Wenn der Text größer als 200 ist, soll er abgeschnitten werden.
Daraufhin habe ich im internet gesucht und etwas gefunden, nur leider funktioniert diese Variante nur im FF einwandfrei aber der IE muckt wieder rum...
das is die changetext.js
function searchChangeText()
{
a = (document.all) ? document.all : document.getElementsByTagName("*");
for(var i=0; i<a.length; i++)
{
if(a[i].getAttribute("title") && a[i].getAttribute("title") == "CT")
ChangeText(a[i].id);
}
}
function ChangeText(id)
{
if(getTextLength(id)>200)
{
document.getElementById(id).title = document.getElementById("TextContent").innerHTML;
while(getTextLength()>188) //maximal verfügbare breite - Textlänge von "..."
document.getElementById("TextContent").innerHTML=cut();
document.getElementById(id).innerHTML=document.getElementById("TextContent").innerHTML+"...";
}
else
document.getElementById(id).title = "";
}
function cut()
{
return document.getElementById("TextContent").innerHTML.substr(0, document.getElementById("TextContent").innerHTML.length - 1);
}
function getTextLength(id)
{
if(!document.getElementById("TextContent"))
document.getElementsByTagName("body")[0].innerHTML+="<nobr id='TextContent' style='visibility:hidden'></nobr>";
if(id && id!='')
document.getElementById("TextContent").innerHTML = document.getElementById(id).innerHTML;
return document.getElementById("TextContent").offsetWidth;
}dieses rufe ich wie folgt auf:
<head>
<script language="JavaScript" src="changetext.js" type="text/javascript"></script>
<script language="JavaScript" src="tooltip.js" type="text/javascript"></script>
<script language="JavaScript" src="java.js" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" href="css/style.css">
<script type="text/javascript">
<!--
window.onload = function(e)
{
if(document.createElement)
{
searchChangeText();
//tooltip.d();
}
}
// -->
</script>
</head>und in der tabellenspalte steht dies:
<td width="200" id="t<?echo $id;?>" title="CT" ><?echo $bemerkung;?></td>ich hoffe ich konnte es halbwegs verstndlich erklären....Vielen Dank für eure Hilfe!!!
mfg andy