resize window med javascript
jeg har fedtet lige med at få mit web indhold til at resize til skærmopløsningen, dog uden held, Måske er der en eller anden herinde der kan hjælpe.Mit CSS link ser sådan ud.
<link id="myCSS" rel="stylesheet" type="text/css" href="image-slider/engine1/style.css" />
jeg har oprettet er link id.
Mit java script ser sådan ud.
// JavaScript Document
function adjustStyle() {
var width =0;
if (window.innerHeight) {
width = window.innerWidth;
} else if (document.documentElement && documentElement.clientHeight) {
width = document.documentElement.clientWidth; } else if (document.body) {
width = document.body.clientWidth;
}
if (width < 600) {
document.getElementById("myCSS").setAttribute("href", " _css/narrow.css");
} else {
document.getElementById("myCSS").setAttribute("href", " _image-slider/engine1/style.css");
}
}
window.onresize = function (){
adjustStyle();
};
window.onload = function (){
adjustStyle();
};
og min alternative CSS(narrow) ser således ud.
@charset "utf-8";
/* CSS Document */
html, body {
margin: 5px;
padding: 5px;
}
body {
font-family: Verdana, Geneva, sans-serif;
}
h1, h2, h3, h4, h5, h6, p, adress, blockquote, div, ul, li {
font-size: 90%;
}
p {
color: #333;
}
img: {
display:none;
}
Kan nogen gennemskue dette?