02. oktober 2007 - 17:48Der er
10 kommentarer og 1 løsning
divs med samme højde
Hej,
Jeg kopierede et script fra et anden spørgsmål og det virker perfekt - bortset fra at jeg på min side har nogle ting som ændrer sig når brugeren trykker på links (divs der bliver vist/ændret), så mit spørgsmål er hvordan jeg får lavet så funktionen bliver kaldt rigtigt hver gang disse ændrer sig.
Koden: <script type="text/javascript"> var elms = ['left','middle','right'];
function synchronizeDivs(){ var maxH = 0; for(i=0;elms.length>i;i++){ maxH = Math.max(maxH,document.getElementById(elms[i]).offsetHeight); } for(i=0;elms.length>i;i++){ document.getElementById(elms[i]).style.height=maxH + 'px'; } } </script>
Jeg har prøvet at kalde denne funktion i bunden af de funktioner som ændrer på indholdet - men det kommer ikke helt til at passe. Håber I kan hjælpe. :)
Efter at have kigget lidt mere på det er problemet sådan set at min mid-div ikke bliver længere når disse nye divs bliver vist - så problemet ligger slet ikke i det JS jeg pastede her. Jeg har lige brug for lidt søvn, så vil jeg kigge på det i morgen og håber på at finde en løsning - som jeg naturligvis vil poste her. Jeg undskylder meget at jeg har spildt jeres tid med noget kode som fungerer præcis som det skal.
Problemet er at når jeg sætter en fast højde på de div's som findes bliver de jo 'låst' til denne højde - så når jeg tilføjer nye ting bliver højden ikke ændret, som den ville hvis højden ikke var blevet låst på forhånd. Eller i IE gør den, men ikke i Opera og FireFox.
Ja det gør det - mange tak. =) Jeg tilføjede også lige "maxH - 10 + 'px';" fordi div'en blev 10px mere hvergang der blev klikket på disse links og nu virker det perfekt. Smid et svar. :)
Det eneste lille minus er at div'en ikke bliver mindre igen - men det kan jeg sagtens leve med, medmindre I lige har en hurtig løsning på det problem også. :)
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.