Søg
Avatar billede gadebarnet Nybegynder
11. april 2005 - 11:47 Der er 29 kommentarer og
1 løsning

div i div og højde

Hvis nu jeg har en div i en div...

Kan jeg så få højden fra den første div og give den højde til den anden div ?


Altså tage en højde fra en div og give den til en anden...

( er det til at forstå )?
Avatar billede hyberpreprocessor Nybegynder
11. april 2005 - 11:51 #1
ja, det kan du godt :)

Finder lige roenvings script.
Avatar billede hyberpreprocessor Nybegynder
11. april 2005 - 11:53 #2
<script type="text/javascript">
var divs = ['main','menu'];

function syncronizeDivs(){
    var maxH = 0;
    d = document.getElementsByTagName("DIV");
    for(i=0;d.length>i;i++){
        for(j=0;divs.length>j;j++){
            if(d[i].id==divs[j])maxH = Math.max(maxH,d[i].offsetHeight);
        }
    }
    for(i=0;d.length>i;i++){
        for(j=0;divs.length>j;j++){
            if(d[i].id==divs[j])d[i].style.height=maxH + 'px';
        }
    }
}
</script>

<body onload="syncronizeDivs()">

http://www.eksperten.dk/spm/474337
Avatar billede gadebarnet Nybegynder
11. april 2005 - 11:53 #3
Super.
Avatar billede hyberpreprocessor Nybegynder
11. april 2005 - 11:56 #4
Og et svar ~)
Avatar billede gadebarnet Nybegynder
11. april 2005 - 11:57 #5
Kan du lige forklare brugen af det ?
Avatar billede hyberpreprocessor Nybegynder
11. april 2005 - 11:58 #6
jo, hvis du har 2 divs, #menu og #main

Så skriver du dem ind i var divs = ['main','menu'];

Og højden bliver ens, hvis du har 3 tilføjer du bare en ekstra værdi til javascriptet.
Avatar billede gadebarnet Nybegynder
11. april 2005 - 11:59 #7
Super.
Avatar billede gadebarnet Nybegynder
11. april 2005 - 12:03 #8
Det virker bare pisse godt...

Super mange gange tak!
Avatar billede hyberpreprocessor Nybegynder
11. april 2005 - 12:04 #9
:)

Og tak for points.
Avatar billede gadebarnet Nybegynder
11. april 2005 - 12:20 #10
Jeg var lige hurtig nok...

Der sker ikke noget...
Avatar billede hyberpreprocessor Nybegynder
11. april 2005 - 12:26 #11
det lyder underligt , laver lige en eksempelside med scriptet.
Avatar billede gadebarnet Nybegynder
11. april 2005 - 12:29 #12
Med dette virker det godt, men når jeg bruger det på min side virker det ikke...

---
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
    <title>Untitled</title>
</head>

<body onload=syncronizeDivs();>
<script type="text/javascript">
var divs = ['divet','div2'];

function syncronizeDivs(){
    var maxH = 0;
    d = document.getElementsByTagName("DIV");
     
    for(i=0;d.length>i;i++){
        for(j=0;divs.length>j;j++){
            if(d[i].id==divs[j])maxH = Math.max(maxH,d[i].offsetHeight);
   
        }
    }
    for(i=0;d.length>i;i++){
        for(j=0;divs.length>j;j++){
            if(d[i].id==divs[j])d[i].style.height=maxH + 'px';
       
        }
    }
}
</script>





<div style=background:red; id='divet'>david</div>
<div style=background:green; id='div2'>david<br><br><br></div>


</body>
</html>
--

JEg forstår det sku ikke...
Avatar billede gadebarnet Nybegynder
11. april 2005 - 12:33 #13
Det er fordi at den ikke tager højden fra divet...
Avatar billede hyberpreprocessor Nybegynder
11. april 2005 - 12:33 #14
www.thedeathart.dk/diverse/eksperten/608509/

Tryk på linket til side 2, så kan du se at de synkronisere, og også når du går tilbage til side 1.
Avatar billede hyberpreprocessor Nybegynder
11. april 2005 - 12:34 #15
gadebarnet

2. ting:

1. Forkert doctype, der mangler DTD link
2. Scriptet skal i <head> , du kan jo ikke bruge noget som declares EFTER du loader det ;)
Avatar billede gadebarnet Nybegynder
11. april 2005 - 12:37 #16
Jeg har fundet ud af min fejl... :)

Jeg skulle bare give det rigtige div et navn...

Kan du ikke udbygge den så den tager fra div1 og giver til div2 ????

Den skal nemlig tage højden fra div1 og give til div2...??
Avatar billede hyberpreprocessor Nybegynder
11. april 2005 - 12:39 #17
Den synkronisere dem ud fra den højeste højde. Det modsatte er ikke muligt ;)
Avatar billede gadebarnet Nybegynder
11. april 2005 - 12:40 #18
Nej, ikke på den måde...

Så bare at hvis det er div2 den prøver at ændre skal den smide 100px ekstra på ?
Avatar billede hyberpreprocessor Nybegynder
11. april 2005 - 12:41 #19
Kan ikke helt se meningen i det ? prøv at forklare hvorfor
Avatar billede gadebarnet Nybegynder
11. april 2005 - 12:43 #20
Fordi...

Den ene skal bare være 100px længere...
Avatar billede hyberpreprocessor Nybegynder
11. april 2005 - 12:47 #21
Kan jeg ikke helt se hvordan skulle kunne lade sig gøre. Måske med en if() sætning af en art, men har ikke lige nogen ideer selv.
Avatar billede Slettet bruger
11. april 2005 - 12:50 #22
kan det ikke være fordi du har et andet charset på din side gadebarn?
Avatar billede gadebarnet Nybegynder
11. april 2005 - 12:50 #23
Kan du så vise mig hvordan jeg definere højden fra en fast div til en anden div???

altså noget med div1.højde = div2.højde
Avatar billede hyberpreprocessor Nybegynder
11. april 2005 - 12:51 #24
wicez a hva ?-)

Nærmere fordi at hans html opbygning ikke er en rigtig html-side opbygning :P
Avatar billede gadebarnet Nybegynder
11. april 2005 - 12:52 #25
Nej, det virker fint... Den gør bare ikke det den skal...

De 2 divs skal IKKE vre lige højde...
Avatar billede hyberpreprocessor Nybegynder
11. april 2005 - 12:53 #26
Prøv med:

var div1 = document.getElementById('div1');
var div2 = document.getElementById('div2');
div2.style.height = div1.style.height + 100 + "px";
Avatar billede gadebarnet Nybegynder
11. april 2005 - 12:57 #27
Den siger invalid argument...
Avatar billede hyberpreprocessor Nybegynder
11. april 2005 - 13:14 #28
www.thedeathart.dk/diverse/eksperten/608509

Nu bliver menuen 100px højere end indholdsboxens højde.
Avatar billede gadebarnet Nybegynder
11. april 2005 - 13:20 #29
Så virker det...

Super mange tak.
Avatar billede Slettet bruger
11. april 2005 - 13:35 #30
hyperpreprocessor. Min fejl. Med charset mente jeg doctype og dtd link.. Jeg havde ikke set at du havde skrevet det :o)
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 HTML kategorien

Titel Indlæg Oprettet Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML 18 10/09/202515:07 17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML 3 19/03/202522:16 20/03/202513:04
Se og ændre html på en webside Af magger i HTML 4 11/03/202513:55 12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML 5 02/03/202520:05 04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML 3 30/10/202409:37 01/01/202515:27
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
I dag 10:21 Ny printer, men hvilken Af mort1 i Printere
I går 19:41 USB på Linux Af Uvanga i Linux
12/0818:26 Hvilken type mus Af mort1 i PC
11/0813:21 ms Forms Af leahcim i Andet software
10/0821:30 Blokeret på Snapchat? Af LineP i Chat & Messaging
White papers
Flere white papers »