Avatar billede mik28 Seniormester
10. marts 2005 - 19:28 Der er 10 kommentarer og
1 løsning

Ændre størelse på en boks

Hej Eksperter,

Jeg er ved at lave et site hvor der er en side som måske og måske ikke indeholder 2 bokse. De ser i princippet således ud

<div id="boks1" style="display:inline;position:absolute;padding-top:0px;margin-top:0px;margin-left:0px;height:70px;width:350px;background-color:#ffffff;">
<div>

<div id="boks2" style="display:none;position:absolute;padding-top:0px;margin-top:100px;margin-left:100px;height:70px;width:350px;background-color:#ffffff;">
<div>

Det som jeg gerne vil vide er om jeg kan ændre height:70px; på den ene boks under særlige omstændigheder.
Avatar billede wormsk8 Nybegynder
10. marts 2005 - 20:38 #1
Ja ..

Smid dem ind i en boks0 eller 3 et eller andet.

<div id="boks0">

<div id="boks1></div><div id="boks2"></div>

</div>

style for boks0 skal se sådan ud:

{ display: block; }

Skulle mene det virker, ellers så skriv lige, har travlt skal i byen.
Avatar billede mik28 Seniormester
10. marts 2005 - 21:37 #2
Det er vel egenligt ret enkelt, hvis jeg har 3 bokse. En som fylder den ene halvdel af skærmen, en anden som fylder den anden halvdel og en som fylder hele skærmen. Min idé var at jeg ville have to bokse. En som fyldte hele skærmen og en som fyldte den nedeste halvdel. Når så jeg kan køre next på et resultset så skulle den ændre højden på den første boks til halv skærmstørelse og vise den anden.
Avatar billede mik28 Seniormester
10. marts 2005 - 22:09 #3
Noget i den her stil

document.getElementById('boks1').style.height='30px';
Avatar billede roenving Novice
11. marts 2005 - 11:48 #4
Læg et javascript i boks2, som gør det !-)
Avatar billede mik28 Seniormester
11. marts 2005 - 12:37 #5
Det blev således

// Check om der ligger nogle vare på niveauet
        if(rs.first()){
        %>
        <span id="bboks" class="bundboks">
        <%
        }
        else
        {
        %>
        <script>document.getElementById('tboks').style.height='550px';</script>
        <%
        }
        %>
Avatar billede roenving Novice
11. marts 2005 - 12:40 #6
-- husk lige at sætte type på scriptet, da det faksiskst kræves af html-standarden:

        <script type="text/javascript">document.getElementById('tboks').style.height='550px';</script>
Avatar billede mik28 Seniormester
11. marts 2005 - 12:49 #7
done
Avatar billede mik28 Seniormester
11. marts 2005 - 13:04 #8
Ligger I et svar :-)
Avatar billede roenving Novice
11. marts 2005 - 13:06 #9
Velbekomme '-)
Avatar billede roenving Novice
11. marts 2005 - 13:30 #10
Tak for point ;~}
Avatar billede wormsk8 Nybegynder
11. marts 2005 - 16:40 #11
Haha, så fik dem ingen gang.. ;)
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
Vi tilbyder markedets bedste kurser inden for webudvikling

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