Page 6

<body topmargin=0 leftmargin=0 marginheight=0 marginwidth=0> <table cellpadding=0 cellspacing=0 border=0><tr> <td valign="top" colspan=2 height=90 BGCOLOR="#006699" TEXT="#080000" background="058785a3.jpg"> <div> <FONT SIZE="5" COLOR="#FFFFFF" FACE="Arial" ><B>Demo #10: Working with Windows</B></FONT><B>    </B><B> |     </B><A HREF="index.htm" TARGET="_top" TITLE="Demo 10: Working with Windows"><U><B>home</B></U></A></div> <div> <A HREF="id2.htm" TARGET="_top" TITLE="Page 1"><U>Page 1</U></A>   |   <A HREF="id19.htm" TARGET="_top" TITLE="Page 2"><U>Page 2</U></A>   |   <A HREF="id17.htm" TARGET="_top" TITLE="Page 3"><U>Page 3</U></A>   |   <A HREF="id18.htm" TARGET="_top" TITLE="Page 4"><U>Page 4</U></A>   |   <A HREF="id20.htm" TARGET="_top" TITLE="Page 5"><U>Page 5</U></A>   |   <B>Page 6</B>   |   <A HREF="id22.htm" TARGET="_top" TITLE="Page 7"><U>Page 7</U></A>   |   <A HREF="id23.htm" TARGET="_top" TITLE="Page 8"><U>Page 8</U></A>   |   <A HREF="id6.htm" TARGET="_top" TITLE="Page 9"><U>Page 9</U></A></div> <div> </div> </td> </tr><tr> <td valign="top" width=210 BGCOLOR="#FFCC66" TEXT="#080000" background="059d2043.jpg"> <div> For a more in depth look at all the features, check out this web site:<B> </B><A HREF="http://www.webreference.com/js/tutorial1/features.html" target="_blank" TARGET="_top" TITLE="http://www.webreference.com/js/tutorial1"><U><B>WebReference</B></U></A></div> <bR> </td> <td valign="top" height=390 BGCOLOR="#FFFFFF" TEXT="#080000"> <div> <I>Page 6</I></div> <bR> <div> Some more example!  For each, I've listed the code and have given you a link to "try it out"</div> <bR> <div> 1. Let's add scroll bars</div> <bR> <div> http://www.trellix.com" onClick="window.open('http://www.trellix.com','myWindow','resizable,scrollbars,height=200,width=300'); return false</div> <bR> <div> <A HREF="http://www.trellix.com" onClick="window.open('http://www.trellix.com','myWindow','resizable,scrollbars,height=200,width=300'); return false" TARGET="_top" TITLE="http://www.trellix.com" onClick="window."><U><B>Click here for example 1</B></U></A></div> <bR> <hr> <bR> <div> 2. Let's reposition the window's location</div> <bR> <div> http://www.trellix.com" onClick="window.open('http://www.trellix.com','myWindow','resizable,height=200,width=300,left=40,screenX=40,top=50,screenY=50'); return false</div> <bR> <div> <A HREF="http://www.trellix.com" onClick="window.open('http://www.trellix.com','myWindow','resizable,height=200,width=300,width=300,left=40,screenX=40,top=50,screenY=50')" TARGET="_top" TITLE="http://www.trellix.com" onClick="window."><U><B>Click here for example 2</B></U></A></div> <bR> <hr> <bR> <div> 3. Let's reposition the window's location differently, and make the window bigger</div> <bR> <div> http://www.trellix.com" onClick="window.open('http://www.trellix.com','myWindow','resizable,height=400,width=300,left=60,screenX=60,top=100,screenY=100'); return false</div> <bR> <div> <A HREF="http://www.trellix.com" onClick="window.open('http://www.trellix.com','myWindow','resizable,height=200,width=400,width=300,left=60,screenX=60,top=100,screenY=100')" TARGET="_top" TITLE="http://www.trellix.com" onClick="window."><U><B>Click here for example 3</B></U></A></div> <bR> <hr> <bR> <bR> </td> </tr></table></body>