Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Register Log in
  • Congratulations Chris Miller on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

When determining resolution do I need several sites 1

Status
Not open for further replies.
emcc

emcc

Programmer
Oct 12, 2001
124
US
I originally tried to code snippet below to try to reference a style sheet based on a users screen width:

if (screen.width>800) {document.write(&quot;<LINK REL... Src=\&quot;styleHighRes.css\&quot;>&quot;)}
else {document.write(&quot;<LINK REL... Src=\&quot;styleLowRes.css\&quot;>&quot;)}

I was successful accessing my desired style sheet but the original page that I wanted the style applied to, was covered up by a new page. The new page had whatever I specified in the document.write method, and not the original page hosting the javascript if statement.

Any suggestions to stop another page from opening up, and have the original page acquire the style specified in the style sheet?

Jeff
 
Sort by date Sort by votes
Hi emcc,
i responded to your other post, but heres the answer again.

if you put the following code immediately after the body tag you should have no problems...
ie

<head>
</head>
<body>
<script>
if (screen.width>1024) {document.write(&quot;<LINK rel=\&quot;stylesheet\&quot; href=\&quot;Framework1.css\&quot; type=\&quot;text/css\&quot;>&quot;)}
else {document.write(&quot;<LINK rel=\&quot;stylesheet\&quot; href=\&quot;Framework2.css\&quot; type=\&quot;text/css\&quot;>&quot;)}
</script>
...
</body>
 
Upvote 0 Downvote
Status
Not open for further replies.

Similar threads

scorney
  • Locked
  • Question
background image with overlay which Hover when over a specific Area/Form
Replies
1
Views
724
3esolar
3
cae154
  • Locked
  • Question
Body of email not appearing in correct font on iPhone and iPad
Replies
1
Views
788
spamjim
spamjim
waubain
  • Locked
  • Question
3 state slider toggle switch - move slider to state when hover
Replies
0
Views
250
waubain
waubain
PeDa
  • Locked
  • Question
Media query: display = none/inline/block 1
Replies
1
Views
737
PeDa
PeDa
tyutghf
  • Locked
  • Question
Which website accessibility tool do you use?
Replies
0
Views
114
tyutghf
tyutghf

Part and Inventory Search

Sponsor

Back
Top