Groups | Blog | Home
all groups > dotnet jscript > april 2006 >

dotnet jscript : Simple JavaScript


Ken
4/19/2006 6:51:02 AM
I am trying to teach myself a little JavaScript. I am able to write simple
JavaScript like the following:
<!-- NavigatorProperties.html -->

<html>

<body>
<h3>Properties of "Navigator"</h3>
<hr>
<script language="JavaScript">
for (propertyName in navigator) {
document.write(propertyName + "<br>");
}
</script>
</body>

</html>

However, it occurred to me that after duplicating this code several times
for different objects, I could write something that would involve selecting
an object and then getting its report. I made it throu the following code and
am stuck at the comment.

<!-- SelectObjectProperties.html -->

<html>

<head>
<script type="text/javascript" language="javascript"><!--
function writeProperty(obj) { <br><h3>Properties of "obj"</h3><hr>
for (propertyName in obj) { document.write(propertyName + "<br>"); }
}
// -->
</script>
<noscript><p>A Javascript-enabled browser is recommended.</p></noscript>
</head>

<body><h3>Select an Object</h3>

<form name="objects" method="post"><select name="object">
<option value="Navigator">Navigator
<option value="Window">Window
<option value="History">History
<option value="Document" selected>Document
<option value="Location">Location
<option value="Document.Links">Document.Links
<option value="Document.Anchor">Document.Anchor
<option value="Document.Forms">Document.Forms
</select></form>

// -- It seems that something should go here to invoke the writeProperties
function. But I am not sure what should go here. //

</body>

--
Thank you in advance for your time.

Regards,
Josh Twist
4/20/2006 12:46:24 AM
Hi Ken,

I've touched up your example:

<html>


<head>
<script type="text/javascript" language="javascript"><!--
// Note the changes made here:

function writeProperty(obj)
{
document.write('<br><h3>Properties of "obj"</h3><hr>');
for (propertyName in obj)
{
document.write(propertyName + " = " + obj[propertyName] +
"<br>");
}
}
// -->
</script>
<noscript><p>A Javascript-enabled browser is
recommended.</p></noscript>
</head>


<body><h3>Select an Object</h3>


<form name="objects" method="post">
<select name="object" id="mySelect">
<option value="Navigator">Navigator
<option value="Window">Window
<option value="History">History
<option value="Document" selected>Document
<option value="Location">Location
<option value="Document.Links">Document.Links
<option value="Document.Anchor">Document.Anchor
<option value="Document.Forms">Document.Forms
</select></form>

<script type="text/javascript">
writeProperty(document.getElementById('myselect'));
</script>


</body>

That should get you going - enjoy!

Josh
http://www.thejoyofcode.com/
Got something to say? Click here to post a reply to this thread.
Don't see what you're looking for? Try a search.
View other messages about dotnet jscript
AddThis Social Bookmark Button
View Other Months
July 2003
August 2003
September 2003
October 2003
November 2003
December 2003
January 2004
February 2004
March 2004
April 2004
May 2004
June 2004
July 2004
August 2004
September 2004
October 2004
November 2004
December 2004
January 2005
February 2005
March 2005
April 2005
May 2005
June 2005
July 2005
August 2005
September 2005
October 2005
November 2005
December 2005
January 2006
February 2006
March 2006
April 2006
May 2006
June 2006
July 2006
August 2006
October 2006
December 2006
January 2007
February 2007
March 2007
April 2007
May 2007
June 2007
July 2007
August 2007
September 2007
October 2007
November 2007
December 2007
January 2008
March 2008
April 2008
home · blog · groups Questions? Comments? Contact the dn