Compare Revisions

Using Web Standards in your Web Pages

Revision 37055:

Revision 37055 by Remember the dot on

Revision 37056:

Revision 37056 by Remember the dot on

Title:
Using Web Standards in your Web Pages
Using Web Standards in your Web Pages
Slug:
Using_Web_Standards_in_your_Web_Pages
Using_Web_Standards_in_your_Web_Pages
Tags:
"Web Standards", "Web Development"
"Web Standards", "Web Development"
Content:

Revision 37055
Revision 37056
n141                Your browser does not seem to have java support en141                Your browser does not seem to have java support e
>nabled or it does not have a Java Plug-in.<br>>nabled or it does not have a Java Plug-in.<br/>
n198<P><SPAN style="color: blue; font-family: Helvetica, sann198<p><span style="color: blue; font-family: Helvetica, san
>s-serif;">>s-serif;">
199A really <SPAN style="font-size: larger;">big</SPAN> 199A really <span style="font-size: larger;">big</span> 
>shoe.>shoe.
200</SPAN></P>200</span></p>
n206<P style="color: blue; font-family: Helvetica, sans-serif;"&gtn206<p style="color: blue; font-family: Helvetica, sans-serif;"&gt
>;>;
207A really <SPAN style="font-size: larger;">big</SPAN> 207A really <span style="font-size: larger;">big</span> 
>shoe.>shoe.
208</P>208</p>
n637  <P>Papa's got <SPAN id="dynatext">a lot of nerve&ltn637  <p>Papa's got <span id="dynatext">a lot of nerve&lt
>;/SPAN>!</P>>;/span>!</p>
n663      The first example shows the relatively simple method of repn663      The first example shows the relatively simple method of rep
>lacing the text in the <code>SPAN</code> by substituting a new te>lacing the text in the <code>span</code> by substituting a new te
>xt node for the original. The assumption here is that the <code>S>xt node for the original. The assumption here is that the <code>s
>PAN</code> has a single, text child; the code would work even if >pan</code> has a single, text child; the code would work even if 
>that were not true, but the results might be unexpected.>that were not true, but the results might be unexpected.
n669      The final example shows a technique equivalent to setting <n669      The final example shows a technique equivalent to setting <
>code>innerHTML</code>. First, it constructs a new element, create>code>innerHTML</code>. First, it constructs a new element, create
>d as the same type (<code>SPAN</code>) as the original. Next it a>d as the same type (<code>span</code>) as the original. Next it a
>dds three nodes: an initial text node, a <code>B</code> element w>dds three nodes: an initial text node, a <code>B</code> element w
>ith its own text node, and a final text node. The script then acc>ith its own text node, and a final text node. The script then acc
>esses the <code>SPAN</code> element's parent (the <code>P</code> >esses the <code>span</code> element's parent (the <code>p</code> 
>element), and substitutes the new element for the original <code>>element), and substitutes the new element for the original <code>
>SPAN</code> in the parent's list of child nodes.>span</code> in the parent's list of child nodes.
nn732    <h3 name="Using_XMLHttpRequest">
733      Using XMLHttpRequest
734    </h3>
735    <p>
736      Microsoft first introduced the XMLHttpRequest object in Int
 >ernet Explorer 5.0 as an ActiveX control. However, in IE7 and oth
 >er browsers XMLHttpRequest is a native scripting object. Thus, th
 >e most widely-supported way of including an XMLHttpRequest is to 
 >use the native object if possible, and fall back on the ActiveX c
 >ontrol, like this:
737    </p>
738    <pre>
739if (window.XMLHttpRequest)
740{
741    //Firefox, Opera, IE7, and other browsers will use the native
 > object
742    var request = new XMLHttpRequest()
743}
744else
745{
746    //IE 5 and 6 will use the ActiveX control
747    var request = new ActiveXObject("Microsoft.XMLHTTP")
748}
749</pre>
750    <p>
751      If support for IE 5 and 6 is not a concern, then this next 
 >approach will work fine and is much more concise:
752    </p>
753    <pre>
754var request = new XMLHttpRequest()
755</pre>
756    <p>
757      More on XMLHttpRequest:
758    </p>
759    <ul>
760      <li>
761        <a class="external" href="http://www.w3.org/TR/XMLHttpReq
 >uest/">The XMLHttpRequest Object: W3C Working Draft 27 September 
 >2006</a>
762      </li>
763    </ul>
tt1061        <tr>
1062          <td>
1063            IE5+ new ActiveXObject("Microsoft.XMLHTTP")
1064          </td>
1065          <td>
1066            new XMLHttpRequest()
1067          </td>
1068        </tr>

Back to History