Finde elementhøjden med jQuery

<ole>

Umiddelbart ville det undre mig, om et udtryk som children.height() kan give mening. children må formodes at være en collection eller et array af elementer - og så må du formodentlig vælge ét af disse for at få højden på dét

/mvh
</bole>

Antallet af <d>-tags kan variere.

Det giver msåke mening hvis du får getMaximumHeight() også.

function getMaximumHeight(group) {
    var defaultHeight = group.height();
    var tallestChild = group.children().height();
    var height = (defaultHeight < tallestChild) ? tallestChild : defaultHeight;

    group.each(function() {
        //alert(group.height);
        var itemHeight = $(this).height();
        height = (itemHeight > height) ? itemHeight : height;
        //alert('Default: '+height);
    });
    return height;
}

Håber der er en der kan hjælpe mig i land med denne.

Umiddelbart kunne jeg forestille mig, det ville være 'piece of cake' med ganske almindelig DOM/JS.

Hvis du er interesseret i andet end en jQuery løsning, kan jeg uden tvivl give dig en løsning. Det forudsætter dog, at du forklarer, hvad det reelt er, du gerne vil  =)

Det jeg gerne vil er, at jeg har en nogle elementer af typen <dl></dl>. Ved ikke helt hvad de hedder? Definition list?

De indeholder jo så en <dt></dt> og en række <dd></dd>.
Dissen <dd></dd> kan have forskellig højde at efter om der er 1, 2, 3 eller 4 linjers tekst. Min udfordring går på, at finde den højeste <dd></dd> indenfor en <dl></dl> og så justere de andre <dd></dd> ind så de alle har samme højde.

Var det forklaring nok, ellers prøver jeg gerne igen.

Dette vil formodentlig virke - lidt afhængig af CSS'en på elementerne:

Men da der er mere en én <dl></dl> på siden hvor jeg skal bruge koden, så kan jeg vel ikke køre på ID.
Eller har jeg misforstået noget?
Der er et sted mellem 1 og 5 på hver side, men i princippet kan der være uendeligt.

Det kan jeg af gode grunde intet vide om. Jeg kan jo ikke se din kode  =)

Nummer et ville naturligvis være at have styr på sin kode, så man ved, hvad der genereres, men det kan være svært med 'black-boxes' som jQuery. Ellers kommer man meget let til at bruge oceaner af unødvendige CPU-kræfter og RAM - og det er næsten umuligt ved brug af de tilgængelige JS-libraries.

De er hurtige at arbejde med, men resulterer næsten uundgåeligt i skodkode. Lidt ligesom forskellen på mor's hjemmelavede deller og en tallerken med opvarmede dåsekartofler, dåsefrikadeller, lidt vand, en suppeterning og lidt kulør. Det smager ad H****** til - og at det fylder i sækken, er det eneste positive, man kan sige om den 'ret'  *o)

Dette er - ligesom jQuery løsninger - ikke en skræddersyet løsning, men den vil virke (med mindre jeg har overset en fejl):

Njarrhhh ... en enkelt fejl var der  =)

Jeg takker for dine anstrengelser.

Det har ikke rigtig nogen effekt.

En alert på aDl.length viser fint nok hvor mange den finder.
Men en aler("test") lige indenfor i den første for-løkke eksekveres kun 1 gang selv om aDl = 24.

Det har jeg ikke fantasi til at forestille mig. Det må du vise os. Der må være noget, du ikke fortæller

Nej, jeg kan heller ikke lige se hvorfor det ikke skulle virke.

Her: http://www.landrover.dk/index.php?id=123

I "harmonikaen" er alle disse dl-elementer.
Og i eksempelvis den der hedder Information, kommunikation og underholdning, er der først 3 billeder. Lige nu er kasserne lige høje fordi jeg har sat en fast værdi, men det jeg gerne vil er, at de får ens højde justeret efter den højeste kasse.
Altså ved de 3 billeder skal det sorte være to linjers tekst højt.
Andre steder er det 4 linjers tekst der skal være plads til.

Giver det mening?

dl-elementet har ingen id eller class, men dd har class'en connect-overlay hvis det kan bruges til noget.

To ting:
1) Hav altid fejlmeddelelser slået til, eller fejlkonsollen åben - afhængig af browsermærke - når du udvikler

2) Kopier og sæt ind. Så undgår du tastefejl  *o)

Koden i dit dokument mangler -1 efter aDd.length


Fordi vi tæller ned, vil første element ikke eksistere, og du får en fejl

Jeg undskylder meget, men jeg synes da jeg har et -1 i den lije. Det mangler tilgengæld i linjen for (var j=aDl.length; j>=0; j--) {

Men sætter jeg det ind der ryger alle mine boksen væk. Højden sættes sikkert til 0.

Jeg får denne fejlmeddelelse:

aDd = aDl[j].getElementsByTagName("dd");

Der skal stå:


Hvis det ikke virker, må du vise mig det

Her: http://www.landrover.dk/index.php?id=123 :-)

Lige nu er der intet der styrer dem, så derfor er de forskellig højde.
Lad os stadig gå ud fra dem under Information, ...

Jeg har ikke slået koden til, da den sætter alle højderne til 0. Jeg har prøvet at alert'e nTmp. Den er 0 hele vejen igennem.

Ja, det nytter jo ikke at jeg sidder og glor på din kode, for dem er garanteret helt korrekt.

Det undrer mig dog, at aDd[i].offsetHeight ser ud til at returnere 0 hver eneste gang.

Koden jeg har nu er:

var aDl = document.getElementsByTagName("dl");
var nMax = 0, nTmp, aDd;
for (var j=aDl.length-1; j>=0; j--) {
    aDd = aDl[j].getElementsByTagName("dd");
    if(aDd.length>0){
        for (var i=aDd.length-1; i>=0; i--) {
            nTmp = aDd[i].offsetHeight;
            if (nTmp>nMax) nMax = nTmp;
        }
    //for (var k=aDd.length-1; k>=0; k--) aDd[k].style.height = nMax + "px";
    }
}

Jeg sorterer de dl'er fra der ingen dd'er indeholder.

Noget bud? Kan det være min programmering af selve dl-elementer det er galt med?

Det nytter ligeså lidt, at jeg sidder og glor på din kode. Du bliver nødt til at slå koden til - ellers hjælper linket mig ikke meget  =)

Den er hermed slået til. Så må vi ses hvornår Land Rover opdager det :-) kasserne er der nemlig ikke lige nu da højden sættes til 0 :-)

Da det er et live-site vi roder med, har jeg lige gjort, så det kun er ovennævnte side scriptet virker på.
I kildekoden er javascript-koden 2 gange. Den nederste er udkommenteret.

- og hvor ligger scriptet første gang?

PS: Det er naturligvis vigtigt, at elementerne ikke er skjult med display:none, når du måler deres højde. Hverken de enkelte elementer eller omkransende elementer må være skjult.

Har et element - eller et af dets omkransende elementer - display:none, vil dets dimensioner altid være 0px x 0px

http://www.landrover.dk/index.php?id=123

Linje 890 til 900 ca.

Men i og med, at de ligger inde i det der accordion-element, så er de jo skjulte Så kan jeg slet ikke gøre det på denne måde, eller hvad?
Skal jeg så køre scriptet hver gang et element foldes ud?

Nå, jeg kaster håndklædet i ringen. Det må laves på en anden måde. Tak for hjælpen. Vil du have point?