Är ingen höjdare på Javascript om man säger så men jag jobbar just nu på att bygga en hemsida som anpassar sig efter klientens upplösning. Detta är den koden jag än sålänge fått fram, dock väldigt kluddig.
Någon som vill hjälpa mig att "förenkla" den?
<html>
<head>
<title>- Test page</title>
<style>
body {
background-color: #F7F7F7;
vertical-align: middle;
margin: 0px 0px 0px 0px;
}
</style>
<script language="javascript">
function hidden()
{document.body.style.overflow='hidden';}
function unhidden()
{document.body.style.overflow='';}
</script>
</head>
<body onload="hidden()">
<%If Request.Querystring("screensize") = "" then%>
<script type="text/javascript">
/* Detta script finns att hämta på [url]http://www.jojoxx.net[/url] och
får användas fritt så länge som dessa rader står kvar. */
if (parseInt(navigator.appVersion) >= 3){
if (navigator.appName == "Netscape" && parseInt(navigator.appVersion)<5){
var tools = new Packages.java.awt.Toolkit.getDefaultToolkit();
screen=tools.getScreenSize();
}
if(screen.width <= 800){
location.href="index.asp?screensize=800";
} else if(screen.width <= 1024){
location.href="index.asp?screensize=1024";
} else if(screen.width <= 1152){
location.href="index.asp?screensize=1152";
}
}
</script>
<%elseIf Request.Querystring("screensize") = 800 then%>
<script type="text/javascript">
/* Detta script finns att hämta på [url]http://www.jojoxx.net[/url] och
får användas fritt så länge som dessa rader står kvar. */
if (parseInt(navigator.appVersion) >= 3){
if (navigator.appName == "Netscape" && parseInt(navigator.appVersion)<5){
var tools = new Packages.java.awt.Toolkit.getDefaultToolkit();
screen=tools.getScreenSize();
}
if(screen.width != 800){
location.href="index.asp";
}
}
</script>
<a href="#"><img src="800.gif" border="0" galleryimg="no"></a>
<%elseIf Request.Querystring("screensize") = 1024 then%>
<script type="text/javascript">
/* Detta script finns att hämta på [url]http://www.jojoxx.net[/url] och
får användas fritt så länge som dessa rader står kvar. */
if (parseInt(navigator.appVersion) >= 3){
if (navigator.appName == "Netscape" && parseInt(navigator.appVersion)<5){
var tools = new Packages.java.awt.Toolkit.getDefaultToolkit();
screen=tools.getScreenSize();
}
if(screen.width != 1024){
location.href="index.asp";
}
}
</script>
<a href="#"><img src="1024.gif" border="0" galleryimg="no"></a>
<%elseIf Request.Querystring("screensize") = 1152 then%>
<script type="text/javascript">
/* Detta script finns att hämta på [url]http://www.jojoxx.net[/url] och
får användas fritt så länge som dessa rader står kvar. */
if (parseInt(navigator.appVersion) >= 3){
if (navigator.appName == "Netscape" && parseInt(navigator.appVersion)<5){
var tools = new Packages.java.awt.Toolkit.getDefaultToolkit();
screen=tools.getScreenSize();
}
if(screen.width != 1152){
location.href="index.asp";
}
}
</script>
<a href="#"><img src="1152.gif" border="0" galleryimg="no"></a>
<%elseIf Request.Querystring("screensize") = 1280 then%>
<script type="text/javascript">
/* Detta script finns att hämta på [url]http://www.jojoxx.net[/url] och
får användas fritt så länge som dessa rader står kvar. */
if (parseInt(navigator.appVersion) >= 3){
if (navigator.appName == "Netscape" && parseInt(navigator.appVersion)<5){
var tools = new Packages.java.awt.Toolkit.getDefaultToolkit();
screen=tools.getScreenSize();
}
if(screen.width != 1280){
location.href="index.asp";
}
}
</script>
<a href="#"><img src="1280.gif" border="0" galleryimg="no"></a>
<%elseIf Request.Querystring("screensize") <> "" then%>
<script type="text/javascript">
/* Detta script finns att hämta på [url]http://www.jojoxx.net[/url] och
får användas fritt så länge som dessa rader står kvar. */
if (parseInt(navigator.appVersion) >= 3){
if (navigator.appName == "Netscape" && parseInt(navigator.appVersion)<5){
var tools = new Packages.java.awt.Toolkit.getDefaultToolkit();
screen=tools.getScreenSize();
}
if(screen.width <= 800){
location.href="index.asp";
} else if(screen.width <= 1024){
location.href="index.asp";
} else if(screen.width <= 1152){
location.href="index.asp";
} else if(screen.width <= 1280){
location.href="index.asp";
}
}
</script>
<%End If%>
</body>
</html>
Mvh
/Red La till 1280 och ifall screensize querystringen har något annat värde än de jag givit returnerar den till index.asp igen.
