Compare Revisions

Browser Detection and Cross Browser Support

Revision 59850:

Revision 59850 by Zameer Manji on

Revision 59851:

Revision 59851 by Zameer Manji on

Title:
Browser Detection and Cross Browser Support
Browser Detection and Cross Browser Support
Slug:
Browser_Detection_and_Cross_Browser_Support
Browser_Detection_and_Cross_Browser_Support
Tags:
css, DOM, HTML, NeedsTechnicalReview, Cross-browser_Development, NeedsUpdate, "Web Development"
css, DOM, HTML, NeedsTechnicalReview, Cross-browser_Development, NeedsUpdate, "Web Development"
Content:

Revision 59850
Revision 59851
n931    <p>n931    <pre>
932      <code>function moveElement(id, x, y) {</code>932function moveElement(id, x, y)
933    </p>933{
934    <pre class="eval">
935 // move the element with id to x,y934  // move the element with id to x,y
936 // where x,y are the horizontal935  // where x,y are the horizontal
937 // and vertical position in pixels936  // and vertical position in pixels
938</pre>937 
939    <pre class="eval">
940 var elm = null;938  var elm = null;
941 if (document.getElementById)939  if (document.getElementById)
942 {940  {
943   // browser implements part of W3C DOM HTML941    // browser implements part of W3C DOM HTML
944   // Gecko, Internet Explorer 5+, Opera 5+942    // Gecko, Internet Explorer 5+, Opera 5+
945   elm = document.getElementById(id);943    elm = document.getElementById(id);
946 }944  }
947 else if (document.all)945  else if (document.all)
948 {946  {
949   // Internet Explorer 4 or Opera with IE user agent947    // Internet Explorer 4 or Opera with IE user agent
950   elm = document.all[id];948    elm = document.all[id];
951 }949  }
952 else if (document.layers)950  else if (document.layers)
953 {951  {
954   // Navigator 4952    // Navigator 4
955   elm = document.layers[id];953    elm = document.layers[id];
956 }954  }
957</pre>955 
958    <pre class="eval">
959 if (!elm)956  if (!elm)
960 {957  {
961   // browser not supported or element not found958    // browser not supported or element not found
962 }959  }
963 else if (elm.style)960  else if (elm.style)
964 {961  {
965   // browser implements part of W3C DOM Style962    // browser implements part of W3C DOM Style
966   // Gecko, Internet Explorer 4+, Opera 5+963    // Gecko, Internet Explorer 4+, Opera 5+
967</pre>964 
968    <pre class="eval">
969   if (typeof(elm.style.left) == 'number')965    if (typeof(elm.style.left) == 'number')
970   {966    {
971     // Opera 5/6 do not implement the standard correctly967      // Opera 5/6 do not implement the standard correctly
972     // and assume that elm.style.left and similar properties968      // and assume that elm.style.left and similar properties
973     // are numbers.969      // are numbers.
974     elm.style.left = x;970      elm.style.left = x;
975     elm.style.top  = y;971      elm.style.top  = y;
976   }972    }
977   else973    else
978   {974    {
979     // Gecko/Internet Explorer 4+975      // Gecko/Internet Explorer 4+
980     // W3C DOM Style states that elm.style.left is a string976      // W3C DOM Style states that elm.style.left is a string
981     // containing the length followed by the unit. e.g. 10px977      // containing the length followed by the unit. e.g. 10px
982     // Gecko will allow you to omit the unit only in Quirks 978      // Gecko will allow you to omit the unit only in Quirks 
983     // mode. 979      // mode. 
984     // Gecko REQUIRES the unit when operating in Standards980      // Gecko REQUIRES the unit when operating in Standards
985     // mode.981      // mode.
986     elm.style.left = x + 'px';982      elm.style.left = x + 'px';
987     elm.style.top  = y + 'px';983      elm.style.top  = y + 'px';
988   }984    }
989 }985  }
990 else if (typeof(elm.left) == 'number')986  else if (typeof(elm.left) == 'number')
991 {987  {
992   // Navigator 4988    // Navigator 4
993   elm.left = x;989    elm.left = x;
994   elm.top  = y;990    elm.top  = y;
995 }991  }
992}
t997    <p>t
998      }
999    </p>

Back to History