/ Forside/ Teknologi / Udvikling / Java Scripts / Tip
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
Java Scripts
#NavnPoint
molokyle 5410
Klaudi 2799
smorch 2439
kim 1360
Harlekin 1134
bentjuul 984
gibson 800
severino 695
Random 675
10  konsulent.. 626
Maximer hjemmesiden NEMT !
molokyle har modtaget 20 point for dette tip
Fra : molokyle
Vist : 1365 gange

Dato : 09-01-07 15:48

Under et spørgsmål om pop-up vinduer her på siderne, kom jeg i 'tanke om'/'fandt på' en nem måde at åbne nye sider på, så browseren fylder hele skærmen ud.
Dette uanset hvilken opløsning; 640X420, 800X600, 1024X768 pixels or ..whatever! ..som 'surferen' bruger i sine egne skærmindstillinger for at se din side på nettet.

Man tester via denne simple kode skærmstørrelsen/opløsningen, når selve indholdet af (X-)HTML koden indlæses og resizer (=skifter størrelse på) vinduets dimensioner før de vises, så de er i overensstemmelse det skærmareal som kan vises hos brugeren.

Blot skal du udforme dine side som følger:

Siden du 'kommer' fra (max1.html):
Kode
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Max1</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body>
<a href="max2.html" title="Nyt Max">Maximeret</a>
</body>
</html>


..siden som skal åbnes i hele skærmarealet:
Kode
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Max2</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body onload="resizeTo(screen.width,screen.height)">
<div>
Test vindue.
</div>
</body>
</html>


Denne kode virker (og er standard) i Internet Explorer, samt Mozilla Firefox og man kan sagtens bruge den på 'åbningssiden' max1.html også!

Dette er en smule anderledes implemeteret for Netscape og Opera browserne: http://www.quirksmode.org/viewport/compatibility.html

Jf. som jeg ser det nu:
Citat
self.screen.height: 768self.screen.width: 1024self.screen.availHeight: 740self.screen.availWidth: 1024self.screenTop: 79self.screen.colorDepth: 24document.body.clientHeight: 637document.body.clientWidth: 1004document.body.scrollHeight: 5997document.documentElement.scrollHeight: 641document.body.scrollWidth: 1004document.documentElement.scrollWidth: 1024document.body.offsetHeight: 641document.documentElement.offsetHeight: 641document.body.offsetWidth: 1024document.documentElement.offsetWidth: 1024


Som sagt: Bare et TIP

</MOLOKYLE>

 
 
Kommentar

Fra : molokyle


Dato : 09-01-07 15:52

Ps. den 'anden' *.html fil i eksemplet ovenfor skal selvfølgelig hedde; max2.html

..og det virker også i XHTML

..men IKKE, hvis javascript er slået fra ....selvklart !!

</MOLOKYLE>



Bedømmelse

Fra : bevi54


Dato : 09-01-07 16:04



Bedømmelse

Fra : e.c


Dato : 09-01-07 16:53


- om han kan finde ud af det.

Sendt fra Ubuntu ........

Bedømmelse

Fra : mikmeier48


Dato : 09-01-07 17:12



Bedømmelse

Fra : IBM760


Dato : 09-01-07 17:46

Fint

Bedømmelse

Fra : natmaden


Dato : 09-01-07 19:25



Du har følgende muligheder
Eftersom du ikke er logget ind i systemet, kan du ikke lave en bedømmelse til dette tip.

Hvis du ikke allerede er registreret, kan du gratis blive medlem, ved at trykke på "Bliv medlem" ude i menuen.
Søg
Reklame
Statistik
Spørgsmål : 177558
Tips : 31968
Nyheder : 719565
Indlæg : 6408914
Brugere : 218888

Månedens bedste
Årets bedste
Sidste års bedste