Notifikationer

Markér alle som læst Log ud

aero Nybegynder

30. juli 2003 - 22:50 Der er 13 kommentarer og
1 løsning

browser opløsning og så denne height

Tror det evt godt kunne oprettes i en JAVAScript kat men der kan evt også laves noget i asp måske.

jeg har denne code

<html>
<head>
<title></title>
</head>
<body bgcolor="#ffffff" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<table border="0" width="700" cellspacing="0" cellpadding="0" align="center">
<tr>
<td width="700" colspan="2"><img src="images/topmenu.gif" width="700" height="28" alt=""></td>
</tr>
<tr>
<td width="161">
<table border="0" width="100%" cellspacing="0" cellpadding="0">
<tr>
<td valign="top" background="images/menupunkt.gif" width="161" height="29" alt=""></td>
</tr>
<tr>
<td valign="top" background="images/menupunkt.gif" width="161" height="29" alt=""></td>
</tr>
<tr>
<td valign="top" background="images/menupunkt.gif" width="161" height="29" alt=""></td>
</tr>
<tr>
<td valign="top" background="images/menupunkt.gif" width="161" height="29" alt=""></td>
</tr>
<tr>
<td valign="top" background="images/menupunkt.gif" width="161" height="29" alt=""></td>
</tr>
<tr>
<td valign="top" background="images/menupunkt.gif" width="161" height="29" alt=""></td>
</tr>
<tr>
<td valign="top" background="images/menupunkt.gif" width="161" height="29" alt=""></td>
</tr>
<tr>
<td valign="top" background="images/menupunkt.gif" width="161" height="29" alt=""></td>
</tr>
<tr>
<td valign="top" background="images/spacemenu.gif" height="232" alt=""></td>
</tr>
<tr>
<td valign="top" background="images/endmenuspace.gif" width="161" height="22" alt=""></td>
</tr>
</table>
</td>
<td width="539" valign="top">
<table border="0" width="100%" cellspacing="0" cellpadding="0">
<tr>
<td colspan="3" valign="top" background="images/freespace.gif" width="539" height="42" alt=""></td>
</tr>
<tr>
<td valign="top" background="images/tfvth.gif" width="25" height="22" alt=""></td>
<td valign="top" background="images/tftop.gif" width="489" height="22" alt=""></td>
<td valign="top" background="images/tfhth.gif" width="25" height="22" alt=""></td>
</tr>
<tr>
<td valign="top" background="images/tfvs.gif" width="25" alt=""></td>
<td valign="top" background="images/midt.gif" height="400" alt="">
<iframe name="main" src="#" width="489" height="400" frameborder="0" framespacing="0" scrolling="auto"></iframe>
</td>
<td valign="top" background="images/tfhs.gif" width="25" alt=""></td>
</tr>
<tr>
<td valign="top" background="images/tfvbh.gif" width="25" height="22" alt=""></td>
<td valign="top" background="images/tfbund.gif" width="489" height="22" alt=""></td>
<td valign="top" background="images/tfhbh.gif" width="25" height="22" alt=""></td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>

det jeg vil have et noget som læser browser opløsningen på den given pc som ser denne site.

det drejer sig om disse linjer:
<td valign="top" background="images/spacemenu.gif" height="232" alt=""></td>

<td valign="top" background="images/midt.gif" height="400" alt="">
<iframe name="main" src="#" width="489" height="400" frameborder="0" framespacing="0" scrolling="auto"></iframe>

hvis man nu har en opløsning som er 800 x 600 så skal height der hvor der står 232 være XXX str.
og 400 skal være XXX str og det er KUN disse 3 HEIGHT coder det skal ændre sig.

Hvis man så har en str. 1280 x 1024 så er det 2 andre XXX str man bruger og det skal jeg kunne definerer ud fra de forskellige skærmopløsningen.

ligenu ser det sådan her ud.
http://www.javacoder.dk:56400/ASP_3.0/JASB/site/midt.asp

nogle der kan hjælpe !??

Synes godt om

aero Nybegynder

30. juli 2003 - 23:00 #1

de 232 i denne code:
<td valign="top" background="images/spacemenu.gif" height="232" alt=""></td>

de 400 de 2 steder i denne code:
<td valign="top" background="images/midt.gif" height="400" alt="">
<iframe name="main" src="#" width="489" height="400" frameborder="0" framespacing="0" scrolling="auto"></iframe>

disse 2 tal vil jeg have skal kunne ændre sig alt efter opløsning på den browser man ser sitet på.

F.eks.
Hvis man har en:
opløsning på 800 x 600 så skal tallene være 180 og 360 (op til næste opløsning som er)
opløsning på 960 x 720 så skal tallene være 232 og 400 (op til næste opløsning som er)
opløsning på 1024 x 768 så skal tallene være 250 og 420 (op til næste opløsning som er)
opløsning på 1280 x 1024 så skal tallene være 280 og 470 (og over denne opløsning)

Synes godt om

thomas_yde Nybegynder

31. juli 2003 - 09:38 #2

Det skal køres via java script:
smæk 2 ids på de tabeller der skal ændres på og sæt den her
<script>
window.onLoad = checkHeight

function setTables(t1,t2){
var tableId1 = "tableid1";
var tableId1 = "tableid2";
document.getElementById(tableId1).setAttribute('height',t1);
document.getElementById(tableId2).setAttribute('height',t2);
}
function checkHeight()
{
screenWidth = screen.height;
Case(screenWidth){
case 600:
setTables(180,360);
break;
case 720:
setTables(232,400);
break;
case 768:
setTables(250,420);
break;
case 1024:
setTables(280,470);
break;
}
</script>

Det bedste ville selvfølgelig være hvis du kunne lave en algoritme som selv finder ud af hvordan siden skal se ud med hensyn til højde når brugeren resizer sin browser.

Synes godt om

thomas_yde Nybegynder

31. juli 2003 - 09:39 #3

hov der mangler lidt
function checkHeight()
{
screenWidth = screen.height;
Case(screenWidth){
case 600:
setTables(180,360);
break;
case 720:
setTables(232,400);
break;
case 768:
setTables(250,420);
break;
case 1024:
setTables(280,470);
break;
}
}
</script>

Synes godt om

aero Nybegynder

31. juli 2003 - 10:48 #4

tabelid mener du:

<td valign="top" background="images/spacemenu.gif" height="tabelid1" alt=""></td>

<td valign="top" background="images/midt.gif" height="tabelid2" alt="">
<iframe name="main" src="#" width="489" height="tabelid2" frameborder="0" framespacing="0" scrolling="auto"></iframe>

eller hvad mener du !?

Synes godt om

thomas_yde Nybegynder

31. juli 2003 - 11:02 #5

Synes godt om

thomas_yde Nybegynder

31. juli 2003 - 11:02 #6

Synes godt om

aero Nybegynder

31. juli 2003 - 11:04 #7

Tak Thomas kanon

Synes godt om

thomas_yde Nybegynder

31. juli 2003 - 11:04 #8

suk. den sidste 232 skal vel også være 400.

Men ideen er at den første td skal have ID="tableid1" og TD nummer 2 skal være tableid2 samt iFrame skal også have id="tableid2" så dens højde også følger med

Synes godt om

aero Nybegynder

31. juli 2003 - 11:05 #9

Synes godt om

aero Nybegynder

01. august 2003 - 15:27 #10

Thomas blev lige et minut forvirret !

hvordan skal det sættes op du har 2 eks som ikke ligner hinanden !

Synes godt om

aero Nybegynder

01. august 2003 - 15:33 #11

synes nemlig ikke dette virker, den kommer med en fejl om at siden evt ikke kan vises rigtigt

<script>
window.onLoad = checkHeight

function setTables(t1,t2){
var tableId1 = "tableid1";
var tableId1 = "tableid2";
document.getElementById(tableId1).setAttribute('height',t1);
document.getElementById(tableId2).setAttribute('height',t2);
}
function checkHeight()
{
screenWidth = screen.height;
Case(screenWidth){
case 600:
setTables(180,360);
break;
case 720:
setTables(232,400);
break;
case 768:
setTables(250,420);
break;
case 1024:
setTables(232,400);
break;
}
}
</script>

og i tabel coden

<td valign="top" background="images/spacemenu.gif" height="tableid1" alt="" ID="tableid1"></td>

<td valign="top" background="images/midt.gif" height="tableid2" alt="" ID="tableid2">
<iframe ID="tableid2" name="main" src="#" width="400" height="tabelid2" frameborder="0" framespacing="0" scrolling="auto"></iframe>

Synes godt om

thomas_yde Nybegynder

01. august 2003 - 17:28 #12

Her har du den korrekte.

<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body>
<script>
window.onload = checkHeight

function setTables(t1,t2){
alert(t1 + ' ' +t2);
var tableId1 = "tableid1";
var tableId2 = "tableid2";
var tableId3 = "tableid3";
document.getElementById(tableId1).setAttribute('height',t1);
document.getElementById(tableId2).setAttribute('height',t2);
document.getElementById(tableId3).setAttribute('height',t2);

}

function checkHeight()
{
screenHeight = screen.height;
alert(screenHeight);
switch(screenHeight){
case 600:
setTables(180,360);
break;
case 720:
setTables(232,400);
break;
case 768:
setTables(250,420);
break;
case 1024:
setTables(232,400);
break;
case 864:
setTables(232,400);
break;
}
}
</script>
<table border="1" >
<tr><td valign="top" background="images/spacemenu.gif" height="200" alt="" ID="tableid1">asda</td>
</tr>
<tr>
<td valign="top" background="images/midt.gif" height="400" alt="" ID="tableid2">
<iframe ID="tableid3" name="main" src="#" width="400" height="400" frameborder="0" framespacing="0" scrolling="auto"></iframe>
</tr>
</table>

</body>
</html>

Synes godt om

aero Nybegynder

01. august 2003 - 17:38 #13

okay men hvorfor er height defineret som 400 og 200 !???

den skal jo selv finde ud af disse tal alt efter opløsning !!

Synes godt om

thomas_yde Nybegynder

02. august 2003 - 12:17 #14

Det gør den også, den retter selv højden når siden er læst ind.

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 ASP kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Jeg bakser med noget Database og If Then med ASP - hvad gør jeg galt? Af Peer i ASP	10	25/06/202622:20	04/09/202602:30
Tjek alle checkbox i form Af bsn i ASP	4	18/05/202601:57	19/05/202613:33
Lost focus Af bsn i ASP	1	07/11/202415:34	01/01/202514:58
ASP classic Af bsn i ASP	8	28/10/202423:11	30/10/202422:51
Classic - filer vist med sidste fil først Af bsn i ASP	5	23/05/202409:56	24/05/202400:02

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