Printable View
Hi all, I have a layer that I would like to control it's .LEFT value depending on resolutions...something like:
if (window.screen.width < 1024) {
LEFT=110;
}
if (window.screen.width > 1020) {
LEFT=230 ;
}
if (window.screen.width > 1200) {
LEFT=360;
}
Anyone have an idea on how to do this?
myelement.style.left = '110px';
I tried that and nothing happened...I used the following:
Code:<script language="Javascript">
myElement = document.getElementById('Layer1');
myelement.style.left = "5310px";
</script>
Oh, you need to set position:absolute as well.
And don't use the language attribute; it's deprecated. Use type instead.
HTML Code:<script type="text/javascript">
var myElement = document.getElementById('Layer1');
myElement.style.position = 'absolute';
myElement.style.left = '5310px';
</script>
Fantastic! Thanks!
Hey, I have another question. I came accross the following code:
<HEAD>
<SCRIPT language="JavaScript">
<!--
var browserName=navigator.appName;
if (browserName=="Netscape")
{
alert("Hi Netscape User!");
}
else
{
if (browserName=="Microsoft Internet Explorer")
{
alert("Hi, Explorer User!");
}
}
//-->
</SCRIPT>
</HEAD>
How can I replace the alert messages, with another the javascript you showed me? I tried, and it won't work.
What would you like to replace them with? Something that gets outputted to the page?