Page 4

<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>   |   <B>Page 4</B>   |   <A HREF="id20.htm" TARGET="_top" TITLE="Page 5"><U>Page 5</U></A>   |   <A HREF="id21.htm" TARGET="_top" TITLE="Page 6"><U>Page 6</U></A>   |   <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> The "window.open" command has a lot of features that can be turned off or on, or otherwise controlled.  For more info, go to:<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 4</I></div> <div> First a confession ... I didn't give you the entire syntax for the "window.open" command!</div> <bR> <div> Here is an expanded version of the syntax:</div> <div> <TABLE BORDER="2" CELLPADDING="2" CELLSPACING="1" WIDTH="608" BORDERCOLORLIGHT="#C0C0C0" BORDERCOLORDARK="#808080" FRAME="BOX" RULES="ALL" HSPACE="0" VSPACE="0" > <tR> <tD VALIGN=TOP HEIGHT= 185 WIDTH="596"><div> <B>window.open(</B><I><B>sURL</B></I><B>, </B><I><B>sName, sFeatures</B></I><B>);</B></div> <bR> <div> where:  </div> <div> <I>sURL</I><FONT SIZE="2" COLOR="#000000" FACE="Arial" > is a string that specifies the URL of the document to display.  If no URL is specified, a new, empty window is created. </FONT></div> <bR> <div> <I>sName</I><FONT SIZE="2" COLOR="#000000" FACE="Arial" > is a string that specifies the name of the window.  This name is used as the value for the </FONT>TARGET<FONT SIZE="2" COLOR="#000000" FACE="Arial" > attribute of a </FONT><FORM><FONT SIZE="2" COLOR="#000000" FACE="Arial" > or </FONT><A><FONT SIZE="2" COLOR="#000000" FACE="Arial" > tag. </FONT></div> <bR> <div> <I>sFeatures</I><FONT SIZE="2" COLOR="#000000" FACE="Arial" > is a string that contains a list of other options in a comma-separated format.</FONT></div> <bR> </tD> </tR> </TABLE></div> <bR> <div> Let me show you three examples, and it should make sense:</div> <bR> <div> <TABLE BORDER="0" CELLPADDING="2" CELLSPACING="1" WIDTH="603" BORDERCOLORLIGHT="#C0C0C0" BORDERCOLORDARK="#808080" FRAME="BOX" RULES="ALL" HSPACE="0" VSPACE="0" > <tR> <tD VALIGN=TOP BGCOLOR=#CCCCFF HEIGHT= 80 ><NOBR><div> window.open('http://www.trellix.com','myWindow',<B>'menubar=1,resizable=1,scrollbars=1'</B>);</div> <bR> <div> window.open('http://www.trellix.com','myWindow',<B>'menubar,scrollbars'</B>);</div> <bR> <div> window.open('http://www.trellix.com','myWindow',<B>'resizable=1,height=200,width=300'</B>);</div> </NOBR></tD> </tR> </TABLE></div> <bR> <bR> <div> Take a look at the syntax of the first example.  Each feature and corresponding value is separated by a comma, and then the whole set of features is surrounded by a single pair of quote marks.</div> <bR> <div> The syntax for each specific feature is: <B>feature</B><I><B>[=value]  </B></I>... where a value of <B>1</B> means turn the option <B>on</B>; and a value of <B>0</B> means turn the option <B>off</B></div> <bR> <div> But as you can see in the second example, the value is not even required. If a feature is listed, you are indicating to turn that feature on.  Features that are not listed are turned off.</div> <bR> <div> So in the second example, we are turning on menubars and scrollbars.  </div> <div> But since resizable is not listed, it will be turned off!</div> <bR> <div> Let's go to the next page to talk see the third example in action ... <FONT SIZE="3" COLOR="#BF0000" FACE="Arial" ><A HREF="id20.htm" TARGET="_top" TITLE="Page 5"><U><B>Next page></B></U></A></FONT></div> <bR> <hr> <bR> </td> </tr></table></body>