Avatar billede krel Nybegynder
14. oktober 2007 - 13:32 Der er 15 kommentarer og
1 løsning

højde 100% minus 205px

hej derude?

Jeg har på min side en 2 tabeller
den ene er 205px høj og den anden er sat til 100% det betyder jo at siden faktisk bliver 100% + 205px høj

kan man skrive en eller anden formel så den nederste tabel får højden 100%-205px

???

mvh.
Kristian
Avatar billede w13 Novice
14. oktober 2007 - 14:30 #1
Så skal du ud i noget javascript. Kan vi se din kode, evt. via et link, så det er lidt lettere at hjælpe?
Avatar billede w13 Novice
14. oktober 2007 - 14:32 #2
Javascriptkoden bliver noget à la:

document.getElementById("tabel1").style.height=body.offsetHeight-document.getElementById("tabel2").offsetHeight;
Avatar billede krel Nybegynder
14. oktober 2007 - 17:34 #3
du er da også bare her der og alle vegne :D

<table style="background-image:url('grafik/topbanner.png')" style="height:205px" border="0" width="710px" id="topban" cellspacing="0" cellpadding="0">
<tr>
    <td></td>
</tr>
</table>
<table style="height:100%" border="0" width="710px" id="topban" cellspacing="0" cellpadding="0">
<tr>
    <td></td>
</tr>
</table>
Avatar billede w13 Novice
14. oktober 2007 - 17:41 #4
Ok. Først og fremmest har du id="topban" på begge, hvilket er "ulovligt", da et id skal være unikt. Og vi behøver, at id'erne er forskellige, til det vi skal lave nu.
Avatar billede krel Nybegynder
14. oktober 2007 - 17:45 #5
ok har bare brugt copy/paste så derfor den er smuttet med.. lads os kalden den sidste for 'main'
Avatar billede w13 Novice
14. oktober 2007 - 17:50 #6
Ok.

Så tror jeg, du skal prøve:
--------------------------------
<table style="background-image:url('grafik/topbanner.png')" style="height:205px" border="0" width="710px" id="topban" cellspacing="0" cellpadding="0">
<tr>
    <td></td>
</tr>
</table>
<table style="height:100%" border="0" width="710px" id="main" cellspacing="0" cellpadding="0">
<tr>
    <td></td>
</tr>
</table>

<script type="text/language">
document.getElementById("topban").style.height=body.offsetHeight-document.getElementById("main").offsetHeight;
</script>
-------------------------------
Jeg er ikke helt 100 på, at det vil virke, men jeg håber da. Hvis offsetHeight hentes som eks. "250px", så er vi på den, da "px" gør, at det er en string, som man jo ikke kan udregne ting med. :(
Avatar billede w13 Novice
14. oktober 2007 - 17:53 #7
Hov:

<script type="text/language">
document.getElementById("main").style.height=document.getElementById("main").offsetHeight-document.getElementById("topban").offsetHeight;
</script>
Avatar billede krel Nybegynder
14. oktober 2007 - 18:04 #8
hmm syns ikke rigtig der blev nogen forskel.. men er det ikke også kun selve regnestykket der står inden for <script> ??
Avatar billede w13 Novice
14. oktober 2007 - 18:09 #9
Nej, vi starter jo med: document.getElementById("main").style.height
Så det burde blive sat der. Nå, men så prøver vi lige at alerte lidt:

<script type="text/language">
alert(document.getElementById("main").offsetHeight);
alert(document.getElementById("topban").offsetHeight);
alert(document.getElementById("main").offsetHeight-document.getElementById("topban").offsetHeight);
document.getElementById("main").style.height=document.getElementById("main").offsetHeight-document.getElementById("topban").offsetHeight;
</script>
Avatar billede krel Nybegynder
14. oktober 2007 - 18:14 #10
ellers kan man lave sådan så når man skal udfylde en blanket, så udfylder man først side 1: personlige oplysninger trykker på næste og kommer til side 2: booking og så først her sender man alle data fra begge sider til databasen..?
Avatar billede w13 Novice
14. oktober 2007 - 18:36 #11
Jaeh, hvis det ville løse dit problem. Det kan man godt. Bruger du ASP/PHP?

Du henter bare oplysningerne fra forrige side ind i din forms action-attribut, som querystrings. Eks.:

<form method="post" action="næsteside.asp?navn=mig&alder=20">

Med ASP kunne det være:

<form method="post" action="næsteside.asp?navn=<%=Request.Form("navn")%>&alder=<%=Request.Form("alder")%>">

Alternativt skal du lave nogle felter med type="hidden". Eks.:

<input type="hidden" name="navn" value="<%=Request.Form("navn")%>">
Avatar billede w13 Novice
14. oktober 2007 - 18:40 #12
Hidden-felter bør dog også lige have en style="display:none", da de ellers efterlader et lille tomrum i nogle browsere.
Avatar billede krel Nybegynder
14. oktober 2007 - 18:50 #13
og når man så sender den sidste side bruger man request.querstring til at hente data fra forrige side??
Avatar billede w13 Novice
14. oktober 2007 - 18:50 #14
Jup. Og hvis du bruger <input type="hidden...-løsningen, kan du hente alle med Request.Form.
Avatar billede krel Nybegynder
14. oktober 2007 - 19:06 #15
jamen efter kalenderen virker kaster jeg mig over dette nu.. svar skal du skrive, point ska du ha!
Avatar billede w13 Novice
14. oktober 2007 - 19:39 #16
Hermed gjort! :)
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