dom_examples.asp

W3Schools tutorial..web designing

</p>

<h2>Frame, Frameset, and IFrame Objects</h2>
<p>
<a target="_blank" href="../js/tryit.asp@filename=try_dom_frame_noresize">Resizable and not resizable frames</a><br />
<a target="_blank" href="../js/tryit.asp@filename=try_dom_frame_scrolling">Frames with and without scrollbars</a><br />
<a target="_blank" href="../js/tryit.asp@filename=try_dom_frame_src">Change the source / URL of two frames</a><br />
<a target="_blank" href="../js/tryit.asp@filename=tryjs_breakout">Break out of a frame</a><br />
<a target="_blank" href="../js/tryit.asp@filename=tryjs_two_iframes">Update two iframes</a>
</p>

<h2>Image Object</h2>
<p>
<a target="_blank" href="../js/tryit.asp@filename=try_dom_image_height">Change the height and width of an image</a><br />
<a target="_blank" href="../js/tryit.asp@filename=try_dom_image_src">Change the src of an image</a>
</p>

<h2>Location Object</h2>
<p>
<a target="_blank" href="../js/tryit.asp@filename=tryjs_location">Send the client to a new location / URL</a><br />
<a target="_blank" href="../js/tryit.asp@filename=tryjs_reload">Reload a page</a><br />
<a target="_blank" href="../js/tryit.asp@filename=tryjs_breakout">Break out of a frame</a><br />
<a target="_blank" href="../js/tryit.asp@filename=tryjs_anchor1">Anchors array</a> 
- This example opens two windows. The first window contains four buttons and the 
second window defines four anchors from 0 to 3. When a button is clicked in the 
first window, the onclick event handler goes to the specified anchor in the 
second window.
</p>

<h2>Navigator Object</h2>
<p>
<a target="_blank" href="../js/tryit.asp@filename=tryjs_browser">Detect the visitor's browser and browser version</a><br />
<a target="_blank" href="../js/tryit.asp@filename=tryjs_browserdetails">More details about the visitor's browser</a><br />
<a target="_blank" href="../js/tryit.asp@filename=try_dom_navigator">All details about the visitor's browser</a><br />
<a target="_blank" href="../js/tryit.asp@filename=tryjs_browser2">Alert user, depending on browser</a>
</p>

<h2>Option and Select Objects</h2>
<p>
<a target="_blank" href="../js/tryit.asp@filename=try_dom_select_disabled">Disable and enable a dropdown list</a><br />
<a target="_blank" href="../js/tryit.asp@filename=try_dom_select_form">Get the id of the form that contains the dropdown list</a><br />
<a target="_blank" href="../js/tryit.asp@filename=try_dom_select_length">Get the number of options in the dropdown list</a><br />
<a target="_blank" href="../js/tryit.asp@filename=try_dom_select_size">Turn the dropdown list into a multiline list</a><br />
<a target="_blank" href="../js/tryit.asp@filename=try_dom_select_multiple">Select multiple options in a dropdown list</a><br />
<a target="_blank" href="../js/tryit.asp@filename=try_dom_select_options">Alert the selected option in a dropdown list</a><br />
<a target="_blank" href="../js/tryit.asp@filename=try_dom_option_index">Alert the index of the selected option in a dropdown list</a><br />
<a target="_blank" href="../js/tryit.asp@filename=try_dom_option_settext">Change the text of the selected option</a><br />
<a target="_blank" href="../js/tryit.asp@filename=try_dom_select_remove">Remove options from a dropdown list</a>
</p>

<h2>Screen Object</h2>
<p>
<a target="_blank" href="../js/tryit.asp@filename=tryjs_browsermonitor">Detect details about the client's screen</a>
</p>

<h2>Table, TableHeader, TableRow, TableData Objects</h2>
<p>
<a target="_blank" href="../js/tryit.asp@filename=try_dom_table_border">Change the width of a table border</a><br />
<a target="_blank" href="../js/tryit.asp@filename=try_dom_table_paddspac">Change the cellPadding and cellSpacing of a table</a><br />
<a target="_blank" href="../js/tryit.asp@filename=try_dom_table_frame">Specify frames of a table</a><br />
<a target="_blank" href="../js/tryit.asp@filename=try_dom_table_rules">Specify rules for a table</a><br />
<a target="_blank" href="../js/tryit.asp@filename=try_dom_table_rows">InnerHTML of a row</a><br />
<a target="_blank" href="../js/tryit.asp@filename=try_dom_table_cells">InnerHTML of a cell</a><br />
<a target="_blank" href="../js/tryit.asp@filename=try_dom_table_createcaption">Create a caption for a table</a><br />
<a target="_blank" href="../js/tryit.asp@filename=try_dom_table_deleterow">Delete rows in a table</a><br />
<a target="_blank" href="../js/tryit.asp@filename=try_dom_table_insertrow">Add rows to a table</a><br />
<a target="_blank" href="../js/tryit.asp@filename=try_dom_tablerow_insertcell">Add cells to a table row</a><br />
<a target="_blank" href="../js/tryit.asp@filename=try_dom_tablerow_align">Align the cell content in a table row</a><br />
<a target="_blank" href="../js/tryit.asp@filename=try_dom_tablerow_valign">Vertical align the cell content in a table row</a><br />
<a target="_blank" href="../js/tryit.asp@filename=try_dom_tablecell_align">Align the cell content in a single cell</a><br />
<a target="_blank" href="../js/tryit.asp@filename=try_dom_tablecell_valign">Vertical align the cell content in a single cell</a><br />
<a target="_blank" href="../js/tryit.asp@filename=try_dom_tablerow_cells">Change the content of a table cell</a><br />
<a target="_blank" href="../js/tryit.asp@filename=try_dom_tablecell_colspan">Change the colspan of a table row</a>
</p>

<h2>Window Object</h2>
<p>
<a target="_blank" href="../js/tryit.asp@filename=tryjs_alert">Display an alert box</a><br />
<a target="_blank" href="../js/tryit.asp@filename=tryjs_alert2">Alert box with line-breaks</a><br />
<a target="_blank" href="../js/tryit.asp@filename=tryjs_confirm">Display a confirm box</a><br />
<a target="_blank" href="../js/tryit.asp@filename=tryjs_prompt">Display a prompt box</a><br />
<a target="_blank" href="../js/tryit.asp@filename=tryjs_openwindow">Open a new window when clicking on a button</a><br />
<a target="_blank" href="../js/tryit.asp@filename=tryjs_openallwindow">Open a new window and control its appearance</a><br />
<a target="_blank" href="../js/tryit.asp@filename=tryjs_multiwindows">Open multiple windows with one click</a><br />
<a target="_blank" href="../js/tryit.asp@filename=tryjs_location">Send the client to a new location / URL</a><br />
<a target="_blank" href="../js/tryit.asp@filename=tryjs_reload">Reload a page</a><br />
<a target="_blank" href="../js/tryit.asp@filename=tryjs_statusbar">Write some text in the windows status bar</a><br />
<a target="_blank" href="../js/tryit.asp@filename=tryjs_print">Print a page</a><br />
<a target="_blank" href="../js/tryit.asp@filename=tryjs_breakout">Break out of a frame</a><br />
<a target="_blank" href="../js/tryit.asp@filename=try_dom_window_resizeby">Resize a window</a><br />
<a target="_blank" href="../js/tryit.asp@filename=try_dom_window_resizeto">Resize a window to a specified size</a><br />
<a target="_blank" href="../js/tryit.asp@filename=try_dom_window_scrollby">Scroll the window</a><br />
<a target="_blank" href="../js/tryit.asp@filename=try_dom_window_scrollto">Scroll the window to a specified position</a><br />
<a target="_blank" href="../js/tryit.asp@filename=tryjs_timing1">Simple timing</a><br />
<a target="_blank" href="../js/tryit.asp@filename=tryjs_timing2">Another simple timing</a><br />
<a target="_blank" href="../js/tryit.asp@filename=tryjs_timing_infinite">Timing event in an infinite loop</a><br />
<a target="_blank" href="../js/tryit.asp@filename=tryjs_timing_stop">Timing event in an infinite loop - with a Stop button</a><br />
<a target="_blank" href="../js/tryit.asp@filename=tryjs_timing_clock">A clock created with a timing event</a><br />
<a target="_blank" href="../js/tryit.asp@filename=try_dom_window_popup">Create a pop-up</a>
</p>

<hr />
<a href="dom_summary.asp"><img alt="previous" border="0" src="../images/btn_previous.gif" /></a>
<a href="default.asp"><img alt="next" border="0" src="../images/btn_next.gif" /></a>

<!-- **** SPOTLIGHTS 1 **** -->

<iframe src="../banners/aspallframe.asp" height="110" width="485"
marginwidth="0" marginheight="0" frameborder="0" scrolling="no">
Your browser does not support inline frames or is currently configured not to display inline frames.
</iframe>
<hr />
<!-- **** SPOTLIGHTS 2 **** -->


<!-- **** SPOTLIGHTS 3 **** -->
<table cellpadding="0" cellspacing="0"><tr><td width="72"></td><td>
<script type="text/javascript"><!--
google_ad_client = "pub-3440800076797949";
/*txt*/
google_ad_slot = "1699448869";
google_ad_width = 336;
google_ad_height = 280;
//-->
</script>
<script type="text/javascript"
src="../../pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</td></tr></table>
<hr />

<center>

<iframe style="background-color:#ffffff" src="../banners/aspallbannerframe.asp" height="60" width="468" marginwidth="0" marginheight="0" frameborder="0" scrolling="no">
Your browser does not support inline frames or is currently configured not to display inline frames.
</iframe>

</center>
<hr />

<table>
<tr>
<td><img src="../images/diploma.jpg" alt="diploma" /></td>
<td>&nbsp;&nbsp;</td>
<td valign="top">
<h2>Get Your Diploma!</h2>
<p>W3Schools' Online Certification Program is the perfect solution for busy 
professionals who need to balance work, family, and career building.</p>
<p>The <a href="../cert/default.asp">HTML Certificate</a> is for developers who want to document their knowledge of HTML, XHTML, and CSS.</p>
<p>The <a href="../cert/default.asp">ASP Certificate</a> is for developers who want to document their knowledge of ASP, SQL, and ADO.</p>
</td>
</tr>
</table>
<br />


<hr />

<!-- **** END SPOTLIGHTS **** -->

</td></tr>

<tr><td>
<p>Jump to: <a href="#top" target="_top"><b>Top of Page</b></a>
or <a href="../default.asp" target="_top"><b>HOME</b></a> or
<a href='dom_examples.asp@output=print' target="_blank">
<img src="../images/print.gif" alt="Printer Friendly" border="0" />
<b>Printer friendly page</b></a></p>
<p>W3Schools provides material for training only. We do not warrant the correctness of its contents.
The risk from using it lies entirely with the user.
While using this site, you agree to have read and accepted our
<a href="../about/about_copyright.asp">terms of use</a> and
<a href="../about/about_privacy.asp">privacy policy</a>.
</p>
<p><a href="../about/about_copyright.asp">Copyright 1999-2008</a> by Refsnes Data. All Rights Reserved.</p>
<table border="0" width="100%" cellspacing="0" cellpadding="0"><tr>
<td width="60%" align="left">
<a href="../../validator.w3.org/check@uri=referer" target="_blank">
<img src="../images/vxhtml.gif" alt="Validate" width="88" height="31" border="0" /></a>
<a href="../../jigsaw.w3.org/css-validator/check@uri=referer" target="_blank">
<img src="../images/vcss.gif" alt="Validate" width="88" height="31" border="0" /></a>
<a href="../../www.w3.org/WAI/WCAG1A-Conformance" title="Explanation of Level A Conformance" target="_blank">
<img src="../images/wai.gif" alt="W3C-WAI level A conformance icon" width="88" height="31" border="0" /></a>
</td>
<td>
<a href="../xhtml/xhtml_howto.asp" target="_top">W3Schools was converted to XHTML in December 1999</a>
</td></tr>

</table>
</td></tr>
</table>
</td>


<td width="145" align="center" valign="top">




<iframe style="background-color:#f1f1f1" src="../banners/rightcolumn.asp@secid=htmldom" height="1500" width="147"
marginwidth="0" marginheight="0" frameborder="0" scrolling="no">
</iframe>

</td>
</tr></table>

</body>
</html>