CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg

Log ind eller opret profil

Du kan også logge ind via nedenstående tjenester

kaspermb Nybegynder

07. december 2011 - 15:52 Der er 6 kommentarer og
1 løsning

Lidt hjælp til et kort jQuery script.

Hej Eksperter

Jeg har følgende jQuery script som sørger for at mine to div bokse har samme højde. Alt virker godt, men mit spørgsmål vil så lyde på hvordan dette script skulle se ud hvis jeg har en tredje div boks som jeg berne vil have også skal have samme højde som de to andre.

--KODE--
$(document).ready(function() {
var leftHeight = $('#blok1').height();
$('#blok2').css({'height':leftHeight});
});
--KODE--

Jeg vil altså have at koden virker for (blok1, blok2 & blok3) og ikke kun (blok1 & blok2) som det er nu.

Synes godt om

arne_v Ekspert

07. december 2011 - 15:58 #1

JavaScript != Java

Synes godt om

keysersoze Guru

07. december 2011 - 16:11 #2

$(document).ready(function() {
var leftHeight = $('#blok1').height();
$('#blok2').css({'height':leftHeight});
$('#blok3').css({'height':leftHeight});
});

Synes godt om

keysersoze Guru

07. december 2011 - 16:12 #3

#1 Det må efterhånden være blevet en de facto standard at kalde javascript for java ;)

Synes godt om

kaspermb Nybegynder

07. december 2011 - 19:34 #4

Denne kode virker ikke

$(document).ready(function() {
var leftHeight = $('#blok1').height();
$('#blok2').css({'height':leftHeight});
$('#blok3').css({'height':leftHeight});
});

Har måske ikke fået udtryk mig ordentligt, men jeg mente at hvis blok1 er 200px høj og blok2 og blok3 er mindre, så skal blok2 og blok3 vokse til 200px høj. Samtidig med at hvis det er blok3 som er 200px høj og blok1 og blok2 er mindre så skal blok1 og blok2 vokse til 200px høj.

Det virker overstående kode ikke til.

Synes godt om

JensPeterSvensson Nybegynder

08. december 2011 - 12:09 #5

hvad med:


$(document).ready(function() {
    var height = Math.max(Math.max($('#blok1').height(),$('#blok2').height()),$('#blok3').height());
    $('#blok1').css({'height':height});
    $('#blok2').css({'height':height});
    $('#blok3').css({'height':height});
});

Synes godt om

kaspermb Nybegynder

09. december 2011 - 08:23 #6

Tak JensPeterSvensson, det virker mega godt... :) Smid du et svar... :)

Synes godt om

JensPeterSvensson Nybegynder

09. december 2011 - 11:10 #7

svar

Synes godt om

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.

Følg dette spørgsmål

Opret Preview

Programmeringssprog kurser

Kurser inden for grundlæggende programmering

Se alle Programmeringssprog kurser

Flere spørgsmål fra Java kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
failed to validate certificate the application will not be executed Af Labora i Java	5	08/03/202412:31	10/03/202414:03
Best Practice: .htaccess vs Tomcat's rewrite.config ? Af mergelspir i Java	8	15/02/202412:49	16/02/202417:31
Is external-src.zip necessary for intelliJ? Af fredand i Java	2	16/08/202308:12	16/08/202317:37
Hvordan læser jeg 404 message Af mergelspir i Java	13	29/06/202315:39	30/06/202313:32
Will transaction be rolled back? Af fredand i Java	3	23/02/202319:46	23/02/202320:40

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.

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten

Seneste artiklerRSS