Href met variable vullen t.b.v. stylesheet voor schermres.

[anoniem]

[b:3dbe217d14]wie kan mij zeggen hoe ik de variable welkestylesheet goed in de href krijg (zie scrip onder aan)[/b:3dbe217d14] zodat hij ook het echte sheet laad? ik heb voor een eigen test een gewone url er ingestopt om te kijken of de href goed getoond word maar alles geprobeerd "'( etc maar nooit de echte inhoud van de variable in de href. Het scrip is om het stylesheet te kunnen veranderen bij diverse resolutie's ik heb ook de eerder genoemde voorbeelden op het forum geprobeerd maar zonder resultaat bijv een eerdere vraag en antwoord ging gepaard met het comando echo? groetjes arno <script language="JavaScript"> <!-- var breedte=0 var welkestylesheet="blabla" function schermtest() { var breedte=screen.width if (breedte == 800){ alert("schermresolutie is 800");//om te kijken of dit nog uitgevoerd word var welkestylesheet="stylesheet/ssheet800.css"}; else if (breedte == 1024){ alert("schermresolutie is 1024")//om te kijken of dit nog uitgevoerd word var welkestylesheet="stylesheet/ssheet1024.css" ;} welkestylesheet='"'+welkestylesheet+'"'// proberen de href variable tussen de ""te krijgen alert (welkestylesheet) ;} schermtest() //--> </script> <link rel="stylesheet" href=(welkestylesheet) type="text/css"> </head>

[anoniem]

ehhmmm, kan dit niet een stukje korter? [code:1:731ed12561] <script> if (screen.width < 1024) { document.writeln("hoi"); } else { document.writeln("blaat"); } </script> [/code:1:731ed12561] grtzz t.

[anoniem]

Leuk zo.n antwoord maar niet op mijn vraag mijn vraag was hoe de variabele in de href van de stylesheet te krijgen groetjes arno

[anoniem]

Zoals al gezegd: document.writeln: [code:1:8ab90d8825] document.writeln("<link rel=\"stylesheet\" href="+(welkestylesheet)+"type=\"text/css\"> ") [/code:1:8ab90d8825] Weet niet precies meer hoe je ook al weer een variabele in een string plakt maar dit is in ieder geval het idee.

[anoniem]

[quote:ab4aafdd02="arnow"]Leuk zo.n antwoord maar niet op mijn vraag mijn vraag was hoe de variabele in de href van de stylesheet te krijgen groetjes arno[/quote:ab4aafdd02] Als je nou eens "hoi" en "blaat" vervangt voor de link naar stylesheet_1 en stylesheet_2 :roll: .... t.

[anoniem]

bedankt voor jullie reactie ik heb geprobeerd dus rechtstreeks in het java script de style sheet met documentwrite line te sturen maar de script stokt indien ik geen blaat of hoi tussen de "" zet. zie hier onder de code. Zou je mischien bij het antwoord dan de regel willen uitschrijven? al vast bedankt groetjes arno [code:1:9c33539f77]document.writeln("<link rel="stylesheet" href="stylesheet/ssheet1024.css" type="text/css">");[/code:1:9c33539f77]

[anoniem]

nou het was even zoeken maar blijkbaar moet je tussen de "" de enkele '' gebruiken zoals het geheel nu werk in onderstaand script. Mischien heeft iemand hier later nog wat aan groetjes en bedankt voor het opweg helpen. :lol: :lol: :P :P :D :D [code:1:56bc7c8289]<script language="JavaScript"> <!-- var breedte=0 function schermtest() { var breedte=screen.width if (breedte == 800){ alert("schermresolutie is 800");//om te kijken of dit nog uitgevoerd word document.write("<link rel='Stylesheet' href='stylesheet/ssheet800.css' type='text/css'>"); } else if (breedte == 1024){ alert("schermresolutie is 1024");//om te kijken of dit nog uitgevoerd word document.write("<link rel='Stylesheet' href='stylesheet/ssheet1024.css'>") } ;} schermtest() //--> </script>[/code:1:56bc7c8289]

[anoniem]

Perfect! Alleen.. wat nu als de resolutie 1280x1024 is? (zoals bij mij dus). t.

[anoniem]

Ondervang dit idd nog ff met een andere else, anders schiet de code in de stress.. er zijn nl. ook nog fossielen die op 640*480 draaien....

[anoniem]

Is het niet makkelijker om een universele stylesheet te maken die met percentages werkt ofzo? Ik ben er absoluut voor om voor zo veel mogelijk resoluties te ontwerpen, maar als je elke willekeurige resolutie op deze manier wilt ondersteunen blijf je bezig... Wil je dit toch, zorg er dan op z'n minst voor dat je een standaard stylesheet hebt met kleuren en dergelijke eigenschappen, en dat je alleen eigenschappen die met de resolutie te maken hebben in die specifieke stylesheets stopt. Op deze manier ben je in ieder geval goed met CSS bezig, alles maar één keer declareren indien mogelijk. - Basje.