Søg
Avatar billede junior101 Nybegynder
19. juni 2000 - 10:45 Der er 7 kommentarer og
1 løsning

Automatisk indstilling af side til skærmstørrelse???

HJÆLP!!!! Jeg skal bruge et javascript, der automatisk tilpasser mit dokument til brugerens skærmstørrelse (ikke et redirect). Det skal fungere sådan, at hvis bruger har under 700 i skærmstørrelse, skal font og billeder  være små, ligesom de skal laves større, hvis resolution er over 700. Jeg håber på et hurtigt svar!!! På forhånd tak..
Avatar billede olebole Juniormester
19. juni 2000 - 11:41 #1
<ole>
Det kan du godt gøre sådan, men det er bedre for dig og brugeren, hvis du laver det med en redirect. Du skal lave dine skriftstørrelser i to stylesheets og så vælge efter skærmstørrelse:

<script language="JavaScript"><!--
var myX = "small";
if (screen.availWidth>700) {
  myX = "big";
  document.write("<link rel='stylesheet' href='dineStylesMedStorSkrift.css'>");
}else{
  document.write("<link rel='stylesheet' href='dineStylesMedLilleSkrift.css'>");
}
// -->
</script>

Dine billeder må du så også skrive dynamisk ud:

<body>

<script>
if (myX=="big") { document.write("<img src=ditPic.gif width=200 height=100>"); }
else { document.write("<img src=ditPic.gif width=100 height=50>"); }
</script>

</body>

/Vh
</bole>
Avatar billede junior101 Nybegynder
19. juni 2000 - 12:44 #2
Tak for dit indlæg, men problemet er, at jeg skal lave en opgave, hvor mine skrifttyper og resten af mine elementer automatisk reducerers og forstørres i forhold til brugerens skærm. Kunne det, du har lavet ovenfor ikke tilpasses?
Avatar billede olebole Juniormester
19. juni 2000 - 14:16 #3
Mit eksempel gør præcist, hvad du beder om ;-)
Det første script skriver du i head'en.
Avatar billede junior101 Nybegynder
19. juni 2000 - 15:57 #4
ok, det forstår jeg ikke. Har du ikke lavet en reference til 2 forskellige stylesheets?? Hvis ikke, hvordan kan jeg så se, hvad størrelse fx. skrifttyperne har??
Avatar billede olebole Juniormester
19. juni 2000 - 16:13 #5
Jo, og så laver du bare de to stylesheets med skrifstørrelserne, der skal høre til skærmstørrelser under - henholdsvis over - 700 px.
Avatar billede junior101 Nybegynder
20. juni 2000 - 09:48 #6
ok ole, men det oprindelige spørgsmål gik netop ud på, at der ikke skulle laves forskellige stylesheets, men at man i stedet kunne ændre størrelsen via variabler i samme stylesheet
Avatar billede freestyleren Nybegynder
20. juni 2000 - 14:11 #7
TIL OLEBOLE:::::= Hej olebole, hvorfor har du ikke svaret tilbage på min mail, det er snart meget lang tid siden. Hvis du ser det her så pleace send mig en mail så jeg ved at du stadig er der!!!!
Email: offer@post.cybercity.dk
Avatar billede junior101 Nybegynder
18. september 2001 - 23:23 #8
done
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
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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
16/1016:25 En "Gammel" & "Retro" PC Service ? Husker ikke navnet .... Af Ikke-ekspert i Diverse
16/1016:17 Jeg har lige købt en Samsung mobil telefon Af Strawberry i Mobiltelefoner
16/1013:20 Lotus Approach Af Carsten i Andet software
15/1015:34 Epson scanner forbinder ikke til computer Af bbkdk i Printere
11/1013:35 Bruger på Win11 Af lurup i Browsere
White papers
Flere white papers »