Javascript Resizeto

liunx

Guest
<!--fonto:Verdana--><span style="font-family:Verdana"><!--/fonto--><!--sizeo:3--><span style="font-size:12pt;line-height:100%"><!--/sizeo--><!--coloro:#1a457a--><span style="color:#1a457a"><!--/coloro--><br />Hi all,<br /><br />I wrote a javascript code (see below <img src="http://www.totalchoicehosting.com/forums/style_emoticons/default/smile.gif" style="vertical-align:middle" emoid=":)" border="0" alt="smile.gif" /> ) and it works to a degree. What it does is check the user's screen width and choose a size for the window to be resized to according to that resolution. Well, the width is always dead-on, but some resolutions have differing heights for the same width setting. So, is there a more efficient way to resize the window to be full screen without using all that code below?<br /><br /><!--c1--><div class='codetop'>CODE</div><div class='codemain'><!--ec1-->var win_width = (screen.width);<br /><br />switch (win_width){<br />case 480:<br />    window.self.moveTo(0,0);<br />    window.self.resizeTo(640,430);<br />    break;<br /><br />case 800:<br />    window.self.moveTo(0,0);<br />    window.self.resizeTo(800,550);<br />    break;<br /><br />case 1024:<br />    window.self.moveTo(0,0);<br />    window.self.resizeTo(1024,718);<br />    break;<br /><br />case 1152:<br />    window.self.moveTo(0,0);<br />    window.self.resizeTo(1152, 814);<br />    break;<br /><br />case 1280:<br />    window.self.moveTo(0,0);<br />    window.self.resizeTo(1280, 950);<br />    break;<br /><br />case 1600:<br />    window.self.moveTo(0,0);<br />    window.self.resizeTo(1600,1150);<br />    break;<br /><br />default:<br />    window.self.moveTo(0,0);<br />    break;<br />}<!--c2--></div><!--ec2--><br /><br />many <i>thanks</i>,<br />!!blue<br /><br /><!--sizec--></span><!--/sizec--><!--colorc--></span><!--/colorc--><!--fontc--></span><!--/fontc--><!--content-->
Here is a very simple one that I use for my site.<br /><!--c1--><div class='codetop'>CODE</div><div class='codemain'><!--ec1--><script language="javascript"> <br /><!-- <br />window.moveTo(0,0) <br />window.resizeTo(screen.availWidth,screen.availHeight) <br />//--> <br /></script><!--c2--></div><!--ec2--><!--content-->
<!--fonto:Verdana--><span style="font-family:Verdana"><!--/fonto--><!--coloro:#1a457a--><span style="color:#1a457a"><!--/coloro--><!--sizeo:3--><span style="font-size:12pt;line-height:100%"><!--/sizeo--><br />Thanks! Phew, I was doing way too much!! <img src="http://www.totalchoicehosting.com/forums/style_emoticons/default/tongue.gif" style="vertical-align:middle" emoid=":P" border="0" alt="tongue.gif" /><br /><!--sizec--></span><!--/sizec--><!--colorc--></span><!--/colorc--><!--fontc--></span><!--/fontc--><!--content-->
FWIW, I have added this code example to my CSB Support web site:<br /><a href="http://www.csbsupport.com/samplecode/id390.htm" target="_blank">http://www.csbsupport.com/samplecode/id390.htm</a><br /><br />-kw<!--content-->
 
Back
Top