I'd like to load a stylesheet when my URL variable contains "?view=full".
Is it possible to do this in HTML (i.e. not PHP)? If so, how?
2
-
Can you use JavaScript as well, or just HTML?rid– rid2011-05-26 23:34:09 +00:00Commented May 26, 2011 at 23:34
-
2Are you trying to have different CSS for a normal view and a print view? It may be better to use CSS media types, which allow you to specify different stylesheets for screen, mobile, and print.josh3736– josh37362011-05-26 23:36:14 +00:00Commented May 26, 2011 at 23:36
Add a comment
|
2 Answers
It’s not possible in pure HTML; you'd have to use either PHP or JavaScript. If you want to do it in JavaScript, you could put this in your <head> section:
<script>
if (window.location.search.indexOf('?view=full') === 0)
document.write('<link rel="stylesheet" href="theStylesheet.css" />');
</script>
3 Comments
Ry-
@alex: That actually only applies to the
<script> tag, not any other tag.
Shae
How would this be doen with PHP?
Ry-
@Shae:
<?php if (isset($_GET['view']) && $_GET['view'] === 'full') { ?><link rel="stylesheet" href="theStylesheet.css" /><?php } ?> or something. isset might not be necessary, it’s been a while since I’ve written PHP.This will create the link element in your head element if that GET param is present.
if (window.location.search.search(/[?&]view=full(?:$|&)/) !== -1) {
var link = document.createElement('link');
link.type = 'text/css';
link.rel = 'stylesheet';
link.href = 'path/to/it.css';
document.getElementsByTagName('head')[0].appendChild(link);
}
