This web page can be used to explore properties of objects in the browser. You may download a zip file containing the html file (ex_obj_properties.htm) and the .js file (ex_obj_properties.js) used at the web page.
Select/Enter the name of the object you wish to view the properties of. Next, click on the "Submit" button and a new window with the information will be created.
| Type | Object - show properties of. |
| Enter object name. | |
| Popular objects. Pick object (IE & NS) |
|
| Pick object (IE only) | |
| Pick object (NS only) |
To use the following debugging techniques you need to include a JavaScript file in your <head> tag. Then you can insert a hyperlink or a form created by a function in the .js file. Look at the source code and you will find 2 lines of code enclosed in <script> tags that create the below debugging tool.
The link below shows the properties of "document.forms.form1"
Steps: (note: also look at the source code)
Load the .js file in your <head> section.
<script language="JavaScript" src="ex_obj_properties.js"></script>
Next create a hyperlink passing in the following
parameters: <Description><object name><true/false
to show one more level of objects>
ex: <a href="javascript:
fShowProperties('document.forms.form1',document.forms.form1,false);">Click</a>
And/Or, you can let a function create the form you
see above. This form will let you type in the object name dynamically.
<script language="javascript">
<!--
document.write( fDebugForm( 'frmDebugTest' ) ); //Build a form for
debugging.
//-->
</script>
| Item # | Description |
| 1 | This is a test table. |
| Type | Example |
| Layer w/Image Layer name = layForwardA |
|
| Layer w/Image & href to "#" Layer name = layForwardB |
|
Form #1 (name=form1)
Form #3 (not given a name!)
