Check alle échte Black Friday-deals Ook zo moe van nepaanbiedingen? Wij laten alleen échte deals zien
Toon posts:

[javascript] getElementsByClass + div heights

Pagina: 1
Acties:

Verwijderd

Topicstarter
hoi,

Afbeeldingslocatie: http://daan.realescape.be/fotos/example.jpg

Ik heb twee problemen:
1: Het voorbeeld is gemaakt met DIV's. De hoogte van de tweede kolom is variabel omdat de grootte van de afbeeldingen kunnen varieren. Ik zou graag de overige kolommen even hoog hebben als de tweede van links. Hierbij had ik gedacht aan een javascript functie'tje. Met getElementById werkt het, maar het probleem is dat de twee rechtse kolommen dezelfde zijn en met getElementById wordt er maar 1 van aangesproken. Dus voor de sport wou ik getElementsByClass(Name) toevoegen, maar dat werkt voor geen meter.

JavaScript:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
/*
 * As proposed by Bernard Marx on:
 * http://www.webmasterworld.com/forum91/1729.htm
 */
function getElementsByCondition(condition,container) {
    container = container||document
    var all = container.all||container.getElementsByTagName('*')
    var arr = []
    for(var k=0;k<all.length;k++){
        var elm = all[k]
        if(condition(elm,k)){
            arr[arr.length] = elm
        }
    }
    return arr
}
function checkWetherContainsClass(classname,element){
    var classes = element.className.split(" ");
    var found = false;
    var k=0;
    while(k<classes.length&&classes!=classname){k++;}
    return !(k == classes.length);
}

function getElementsByClass(classname,container){
    return getElementsByCondition(function(x,y){return checkWetherContainsClass(classname,x);},container);
}


function divHeight() {
    
    
    document.getElementsByClass('listAlbumHeaderNR').style.height=
    document.getElementsByClass('listAlbumImages').style.height=
    document.getElementsByClass('listAlbumOptions').style.height=
(document.getElementsByClass('listAlbumAlbumName').offsetHeight)+"px";


}

divHeight voeg ik toe in de while loop om de lijst te genereren. Met getElementsByClass zou dat ook helemaal achteraf kunnen toegevoegd worden volgens mij. Los van de loop.

alvast bedankt !!! d:)b

  • Borizz
  • Registratie: Maart 2005
  • Laatst online: 24-09 20:59
Zoek eens op faux columns of 3/2 column layout o.i.d. je kan dit met css oplossen daar heb je geen javascript voor nodig.

If I can't fix it, it ain't broken.


  • Bosmonster
  • Registratie: Juni 2001
  • Laatst online: 09:49

Bosmonster

*zucht*

Zo semantisch verkeerd zou een tabel hier ook niet zijn. Het gaat per slot van rekening om een gestructureerde set gegevens.