CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg
Cookie ikon
Avatar billede newbie_dk Nybegynder
29. januar 2007 - 15:12 Der er 9 kommentarer

Find højde og bredde af tabel, hvordan?

Jeg har brug for at finde ud af hvor høj en tabel er... Men jeg snakker ikke om den højde som er specificeret af evt. style tags.

Jeg har brug for den højde som tabellen får når der er indhold i.

What to do?
Avatar billede mcgoat Nybegynder
29. januar 2007 - 15:27 #1
Vil tro løsningen er her?

http://www.experts-exchange.com/Web/Web_Languages/JavaScript/Q_21449761.html
Avatar billede newbie_dk Nybegynder
29. januar 2007 - 15:32 #2
Det koster penge at få den løsning =)

Ville gerne slippe for at blive medlem der =)
Avatar billede mcgoat Nybegynder
29. januar 2007 - 15:54 #3
Du skal skam ikke være medlem. bare scroll helt nederst på siden, så står koden der
Avatar billede newbie_dk Nybegynder
29. januar 2007 - 15:56 #4
Så må du meget gerne cp den her ind.. For jeg kan ikke se nogen kode...
Avatar billede mcgoat Nybegynder
29. januar 2007 - 15:57 #5
o.k.
I did some testing:

I must say that using clientHeight as archrajan sugested seems like the basis to the solution.

what you you should exactly do depends on the structure of your table.
suppose it is a single td and formattign is always the same you can just premeasure and
see what client hights you get per No. of text rows.

If you could tell us more about the table you are try to cound the rows in then I could suggest how to handle it,
basicly if its a row by row table
I would not measure the clientHeight for the TABLE but for the TD's of each row
this way I would not get marin and border measures effecting the rowcount.


below is my testground :) maybe it will give you additional ideas.

Too bad that the only elements that supports createTextRange are:
BODY, BUTTON, INPUT type=button, INPUT type=hidden, INPUT type=password, INPUT type=reset, INPUT type=submit, INPUT type=text, TEXTAREA

otherwise you could use .getClientRects().length on it (which was my original thought).
as you can see below I tried to use a textarea to mimic the div / TD
until I realized They have a different for alltogether :(

SnowFlake



<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title></title>

<script language=javascript>

function NoOfTextLinesInATD(obj){

   
   
    r=obj.getBoundingClientRect();
    bdr.style.left=r.left;
    bdr.style.top=r.top;
    bdr.style.width=r.right-r.left;
    bdr.style.height=r.bottom-r.top;

alert(obj.clientHeight + '    ' + (r.bottom-r.top));

    ta.style.left=r.left + 150;
    ta.style.top=r.top ;
    ta.style.width=r.right-r.left+25;
    ta.style.height=r.bottom-r.top;
    ta.value = obj.innerText;
    ta.style.font.family=obj.style.font.family;

    ta.style.overflow="visible";
   
    oTextRange = ta.createTextRange();             
 
    // Get bounding rect of the range
    oRcts = oTextRange.getClientRects();
    alert(oRcts.length);

}
function go(){
    NoOfTextLinesInATD(document.getElementById('div1'));
    NoOfTextLinesInATD(document.getElementById('td1'));
    NoOfTextLinesInATD(document.getElementById('td2'));
}
</script>
</head>
<body onload="go()">
<div id=bdr style="position:absolute;border:1px solid red;"></div>

<textarea id=ta style="position:absolute;"></textarea>

<Div style="width:100px;" id="div1">The quick brown fox jumps<br>over the lazy dogs</td></tr>
</Div>
<br>

<table style="width:100px;"><tr><td id="td1">The quick brown fox jumps over the lazy dogs</td></tr>
</table>
<br>

<table style="width:150px;" ID="Table1"><tr><td id="td2">The quick brown fox jumps over the lazy dogs</td></tr>
</table>


</body>
</html>
Avatar billede mcgoat Nybegynder
29. januar 2007 - 15:57 #6
document.getElementById('tableID').clientHeight  shud work in IE
Avatar billede fixxxer Nybegynder
29. januar 2007 - 15:58 #7
document.getElementById('foo').offsetHeight

document.getElementById('foo').offsetWidth
Avatar billede olebole Juniormester
29. januar 2007 - 16:06 #8
<ole>

Når tabellen er tegnet i browseren, kan du aftaste dens dimensioner med:

var myTable = document.getElementById("TABEL_ID");
var w = myTable.offsetWidth;
var h = myTable.offsetHeight;
alert(w + "\n" + h)

/mvh
</bole>
Avatar billede olebole Juniormester
29. januar 2007 - 16:07 #9
Hehe ... man skal huske at opdatere sin browser, når man henter kaffe, m.m.  ;oD
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra JavaScript kategorien

Titel Indlæg Oprettet Seneste aktivitet
Returner ikke alt Af ingeman i JavaScript 13 26/06/202414:40 01/07/202417:00
Vis og skjul sektioner - virker kun på den første sektion Af nemlig i JavaScript 4 24/06/202422:50 26/06/202420:33
Hente og gemme Cookies like this. Af DanishBear i JavaScript 6 04/06/202416:23 05/06/202414:23
Ajax - indlæs webside og derefter hente data Af nemlig i JavaScript 4 21/05/202417:19 22/06/202422:07
Disable button efter 1. klik Af nemlig i JavaScript 2 05/05/202415:37 05/05/202416:25
Se alle spørgsmål i kategorien Opret spørgsmål

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Opret Log ind

Du kan også logge ind via nedenstående tjenester



Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
45 min siden eftersøger pinnacle14 ultimate Af Janove i Foto & video
I dag 13:45 Langsom forbindelse gennem ethernetkabel Af Esben i LAN/WAN
I går 23:37 Poe strøm Af lurup i LAN/WAN
I går 14:46 GIF-EDITOR Af snestrup2000 i Billedbehandling
I går 14:03 Logge ind Af Bob i PC
White papers
Flere white papers »


Premium
Teaser billede
Danmarks to store it-styrelser skal reduceres markant: Skal samlet sige farvel til hver fjerde stilling i de kommende år
Læs mere »
Nu når en af Danmarks helt store GDPR-retssager til vejs ende: Står over for bødekrav på 800.000 kroner
Regeringen vil reducere bevilling til Datatilsynet med millioner: Skal bruge væsentligt færre penge på løn og tilsyn
Selskab med 40.000 ansatte dropper VMware efter ballade - vælger anden løsning
Se alle »
Computerworld
Teaser billede
Næste måned skifter din iPhones Apple-id til et nyt navn
Læs mere »
Nærmest selvkørende: Jeg kørte fra Roskilde til København uden at røre rattet
Test: Denne laptop rammer plet - er utrolig slank men alligevel utrolig stærk
Test af Tesla Model 3 Performance: Aldrig har man fået så meget sportsvogn til så få penge
Se alle »
CIO
Teaser billede
Professor: "Det er på høje tid at opløse virksomhedernes it-afdelinger"
Læs mere »
DSB køber cloud-løsning til 420 millioner kroner af hollandsk it-selskab: Skal afløse 30 år gammelt system
Detailkæde har mistet over 65 millioner kroner efter cyberangreb – kræver erstatning fra it-leverandør
Topchef: Public cloud er alt for dyrt og besværligt - fremtiden for virksomhederne er et helt andet sted
Se alle »
Job & Karriere
Teaser billede
Efter 12 år er NNIT's hovedkvarter i Søborg nu ryddet og tomt - alle arbejder hjemme: "Det er med et vist vemod"
Læs mere »
KMD-direktør forlader selskabet: Det skal hun nu
Professor: "Det er på høje tid at opløse virksomhedernes it-afdelinger"
Til åbningsfest i det nye NNIT-hovedkontor: ”Som at flytte til New York sammenlignet med der hvor vi kommer fra” - se billederne
Se alle »
White paper
Teaser billede
AI’s rolle i fremtidens projektledelse
Læs mere »
SASE: Træf det rette valg – første gang
Sådan: Sikker, hurtig og fleksibel storage til dine kritiske data
Få mere ud af din cloudinfrastruktur og gør op med de konstant stigende omkostninger
Se alle »

Events
Flere events »
White papers
Flere white papers »
IT-Kurser
Se alle vores it-kurser »