Op deze website gebruiken we cookies om content en advertenties te personaliseren, om functies voor social media te bieden en om ons websiteverkeer te analyseren. Ook delen we informatie over uw gebruik van onze site met onze partners voor social media, adverteren en analyse. Deze partners kunnen deze gegevens combineren met andere informatie die u aan ze heeft verstrekt of die ze hebben verzameld op basis van uw gebruik van hun services. Meer informatie.

Akkoord

Vraag & Antwoord

Webprogrammeren & scripting

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

Anoniem
BasHamar
9 antwoorden
  • [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>
  • 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.
  • 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
  • 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.
  • [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.
  • 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]
  • 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]
  • Perfect!

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


    t.
  • 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….

Beantwoord deze vraag

Dit is een gearchiveerde pagina. Antwoorden is niet meer mogelijk.