Notifikationer

Markér alle som læst Log ud

alpapa Nybegynder

11. december 2001 - 12:56 Der er 4 kommentarer og
1 løsning

Automatisk opdatering ved forskellige skærmopløsninger ;-)

Hej alle.
Er der nogen der ved hvorman man laver et JS der automatisk tilpasser siden til brugerens skærmopløsning, fx. hvis man er inde på en side og ændrer sin opløsning fra 800x600 til 1024x768.
Det skal virke på alle sider og ikke bare være et tjek på index-siden.
På forhånd tak ;-)
alpapa

Synes godt om

Slettet bruger

11. december 2001 - 16:29 #1

Du kan ikke bare sådan ændre hele siden så den passer perfekt ved resize. Men du kan sagtens genindlæse en side, når en bruger ændrer på browserens størrese:

<body onResize=\"self.location.reload(true);\">

Så må du så placere dine objekter enten vha. dynamisk javascript (dhtml) eller bare ved at benytte procent-angivelser i stedet for pixels, fx i placering af lag:
<div style=\"position: aboslute; left: 20%; top: 43%;\">Tekst...</div>

Synes godt om

Slettet bruger

11. december 2001 - 16:53 #2

Nårh, du vil også tjekke på, om brugeren i mellemtiden har ændret skærmopløsningen.
Ja, så bliver det jo straks sværere.
Du kan evt. lave et tjek hvert sekund, der tjekker på brugerens skærm-opløsning:

<script>
gammelopl = screen.width + screen.height;

function tjekOpl() {
if (screen.width + screen.height != gammelopl) self.location.reload(true);
else setTimeout(\"tjekOpl()\",1000); //Du kan gøre tallet mindre for at tjekke hyppigere
}
</script>

Synes godt om

alpapa Nybegynder

11. december 2001 - 17:00 #3

Okay, er det ikke hulens svært at skrive det JS? Skal scriptet ligge i HTML koden eller skal der bare være en henvisning til scriptet som evt. var skrevet som et typografiark?

Synes godt om

Slettet bruger

11. december 2001 - 21:09 #4

Øhm, du skal ikke blande CSS (typografiark) sammen med JavaScript. Det er to forskellge ting, som navnene også hentyder til.
Det er da ikke så lang en kode? Og ja, du kan bare cut\'n\'paste det imellem <head>-tagsene i din kode eller evt. linke til det som en ekstern JS-fil:

Step 1: Gem denne kode inden i en fil, som du kalder \"oplosning.js\":

gammelopl = screen.width + screen.height;

function tjekOpl() {
if (screen.width + screen.height != gammelopl) self.location.reload(true);
else setTimeout(\"tjekOpl()\",1000); //Du kan gøre tallet mindre for at tjekke hyppigere
}

Step 2: Sæt disse tags mellem dine to <head>-tags:

<script src=\"oplosning.js\">
</script>

Synes godt om

alpapa Nybegynder

11. december 2001 - 22:20 #5

Kanon - tusinde tak ;-)

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

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra JavaScript kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
problem med download i <a href=" " download> tag i JavaScript Af Peer i JavaScript	5	27/04/202620:09	21/08/202610:41
Validering af filnavn i formular Af Strawberry i JavaScript	8	14/04/202610:11	20/04/202611:14
Mangler et JavaScript til htm side med iframe i Joomla5 Af Peder Lund Nielsen i JavaScript	2	03/02/202614:19	04/04/202616:02
Åbne en PDF fil fra en mappe Af mbl i JavaScript	9	18/04/202516:52	22/04/202512:33
Spørgsmål til cookies Af Mads i JavaScript	2	14/02/202511:47	27/06/202514:34

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