Selecting CSS by Screen Size

This JavaScript routine called GetMap.js was used by the KMS-IT Limited WEB site to determine screen size, and select an appropriate Cascading Style Sheet. It has subsequently been replaced by a more dynamic method.

function ScreenSizes() {
   with(document) {
      if (screen.width<641) {
           write('<link rel=stylesheet href="map640.css" type="text/css">') }
      else {
         if (screen.width<801) {
              write('<link rel=stylesheet href="map800.css" type="text/css">') }
         else {
            if (screen.width<1025) {
                 write('<link rel=stylesheet href="map1024.css" type="text/css">') }
            else {
               if (screen.width<1153) {
                    write('<link rel=stylesheet href="map1152.css" type="text/css">') }
               else { 
                  if (screen.width<1281){
                       write('<link rel=stylesheet href="map1280.css" type="text/css">') }

                  else {
                     write('<link rel=stylesheet href="map1600.css" type="text/css">') }
             }
           }
         }
       }
     }
   }

ScreenSizes()

The last line invokes the function which preceeds it.