Bij andere resolutie wisselen van css? - Softwareontwikkeling

woensdag 27 oktober 2004 11:32

Acties:

Topicstarter

Ik ben al een uur aan het zoeken naar een script die de resolutie checkt en dan een ander stylesheet laad.

dus in de
<head>
if width= > 1024 laad stylesheet 1
else
laad stylesheet 2

Lijkt me erg simpel maar om de 1 of andere reden is het nergens te vinden?

wie weet een oplossing

woensdag 27 oktober 2004 11:34

Acties:

HunterPro

is dat handig? Ga je uit van maximized browsers? Hoe groot is dan de werkruimte van die browser?

Overigens:

[google=js reference]
[google=resolution check javascript]

have fun

[ Voor 5% gewijzigd door HunterPro op 27-10-2004 11:34 ]

woensdag 27 oktober 2004 11:36

Acties:

mjax

In JavaScript:

document.createStyleSheet(sUrl);

en

screen.width

De rest mag je zelf uitzoeken.

woensdag 27 oktober 2004 11:37

Acties:

André

Analytics dude

code:

1 2	if (screen.width >= 1024) { //stijl 1 } else { //stijl 2 }

En voor de stylesheetswitcher kun je hier kijken:
[rml][ JS/CSS] een meervoudige stylesheet switcher mogelijk?[/rml]

woensdag 27 oktober 2004 11:50

Acties:

hydex

Topicstarter

Thnx jongens ik heb de oplossing:

script type="text/javascript">

if (screen.width == 800) {
document.write('<link rel="stylesheet" href="style2.css">');
}
if (screen.width == 1024) {
document.write('<link rel="stylesheet" href="style1.css">');
}
if (screen.width == 1280) {
document.write('<link rel="stylesheet" href="style1.css">');
}
if (screen.width == 1600) {
document.write('<link rel="stylesheet" href="style1.css">');
}

</script>

woensdag 27 oktober 2004 11:55

Acties:

BtM909

Watch out Guys...

hydex schreef op 27 oktober 2004 @ 11:50:
Thnx jongens ik heb de oplossing:

Mag ik vragen waarom je een andere css gebruikt bij een hogere resolutie?

Ace of Base vs Charli XCX - All That She Boom Claps (RMT) | Clean Bandit vs Galantis - I'd Rather Be You (RMT)
You've moved up on my notch-list. You have 1 notch
I have a black belt in Kung Flu.

woensdag 27 oktober 2004 11:55

Acties:

Woudloper

« - _ - »

Hmm, ik ben van mening dat het niet de beste oplossing is. Je kan beter zoals HunterPro zegt uitgaan van de maximale resolutie. Of zoals GoT/Tweakers doen uitgaan van 800x600.

Verder zijn in bovenstaande oplossing de laatste if's natuurlijk overbodig. Doe zoals André zegt gewoon

if ... else

. Nu roep je voor zowel 1024/1280/1600 hetzelfde stylesheet aan...

woensdag 27 oktober 2004 11:57

Acties:

André

Analytics dude

hydex schreef op 27 oktober 2004 @ 11:50:
Thnx jongens ik heb de oplossing:

En de mensen met 640 of 2048 als breedte krijgen geen stylesheet? Doe het dan zo:

code:

<script type="text/javascript">
  s = screen.width;
  if (s <= 800) { document.write('<link rel="stylesheet" href="style2.css">'); } 
  if ((s > 800) && (s <= 1024)) { document.write('<link rel="stylesheet" href="style1.css">'); } 
  if ((s > 1024) && (s <= 1280)) if (screen.width == 1280) { document.write('<link rel="stylesheet" href="style1.css">'); } 
  if ((s > 1280) && (s <= 1600))  { document.write('<link rel="stylesheet" href="style1.css">'); } 
  if (s > 1600) { document.write('<link rel="stylesheet" href="style1.css">'); }

</script>

Eventueel versimpeld naar een keuze voor 2 stylesheets.

[ Voor 22% gewijzigd door André op 27-10-2004 11:58 ]

woensdag 27 oktober 2004 12:01

Acties:

Pelle

🚴‍♂️

Dit is dus erg simpel, te vinden met de search, te vinden met google, zelf te beredeneren als je een reference erbij houdt, en bovenal af te raden en nogal nutteloos

Volgens mij nog nooit zoveel redenen gehad om ergens een slotje aan te hangen