JavaScript (JS) type Example: HTML DOM Objects – Anchor Object – JavaScript (JS) type Example
JavaScript (JS) type Example: HTML DOM Objects – Anchor Object – JavaScript (JS) type Example
Purpose: – Illustrates the JavaScript syntax for the Anchor Object type Property .
Prerequistes:
- Install Visual Web Developer 2008
Syntax: anchorObject.type=_blank|_parent|_self|_top – Allows you to retrieve or assign type window for anchor objects. Multipurpose Internet Mail Extension were a technique for describing and attaching files to Internet mail by converting raw binary files to printable ASCII. They have since been expanded for use in HTTP to describe the content of messages and downloads from to and from servers.
Restrictions: None
Notes:
- You can build your own library of syntax examples by using same web site over and over and just add new files to it.
Instructions:
- Use Visual Web Developer 2008
- Create new web site;
- Click File/New Web Site
- Select ASP.NET Website Template
- Select C-Sharp for hrefuage
- name of Web Site could be JavaScript_Syntax.
- Add New folder named “HTMLDOMObjects”
- Right-click project name in solution explorer;
- add new folder;
- name of folder should be: HTMLDOMObjects
- Add New subfolder to “HTMLDOMObjects” folder named “DOMAnchor”
- Right-click folder named “HTMLDOMObjects” in solution explorer;
- add new folder;
- name of folder should be: DOMAnchor
- Add New subfolder to “DOMAnchor” subfolder named “AnchorObjectProperties”
- Right-click subfolder named “DOMAnchor” in solution explorer;
- add new folder;
- name of folder should be: AnchorObjectProperties
- Add HTML Page Named type to AnchorObjectProperties subfolder
- Right-click AnchorObjectProperties subfolder;
- add new item;
- Select HTML Page
- HTML Page name should be type
- Click on copy code in code below to copy code into HTML Page type.htm
- Right-click on HTML page type.htm and select view in browser
< !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>IdealProgrammer.com: type </title>
<!--
***************************************************
* This example is from http://idealprogrammer.com *
***************************************************
-->
</head>
<body>
<a href="http://www.google.com" id="idGoogle" type="text/html" >Google</a><br /><br />
<a href="http://www.yahoo.com" id="idYahoo" type="text/asp">Yahoo</a><br /><br />
<a href="http://idealprogrammer.com" id="idIdealProgrammer" type="text/plain">IdealProgrammer</a><br /><br />
<a href="http://myqol.com" id="idProgressMonitor" type="text/xml">ProgressMonitor</a><br /><br />
<script type="text/javascript">
//*****************************************************
// DOM Objects
//*****************************************************
//*****************************************************
// *** Anchor Object Properties ***
//*****************************************************
//*****************************************************
// type
//*****************************************************
// SYNTAX:
// anchorObject.type="MIMEtype" Allows you to retrieve or
// assign a type for linked object
// Multipurpose Internet Mail Extension (MIME)were a technique for describing
// and attaching files to Internet mail by converting raw binary files
// to printable ASCII. They have since been expanded for use in HTTP to
// describe the content of messages and downloads from to and from servers.
// Two ways to retrieve type
// 1. GetElementsByTagName
myObject=document.getElementsByTagName('a')[0];
document.write("Google - Using getElementsByTagName : " + myObject.type);
document.write("<br />");
// 2. GetElementById
document.write("Yahoo - Using getElementById: ");
document.write(document.getElementById('idYahoo').type);
document.write("<br /><br />");
// Two ways to assign type
// 1. GetElementById
myThirdElement = document.getElementById('idIdealProgrammer');
myThirdElement.type = "text/asp";
document.write("<br />IdealProgrammer type changed to text/asp: ", myThirdElement.type);
// 2. GetElementsByTagName
myFourthElement = document.getElementsByTagName('a')[3];
myFourthElement.type = "text/plain";
document.write("<br />ProgressMonitor type changed to text/plain: ", myFourthElement.type)
</script>
</body>
</html> |
