CodeBelly.com - JavaScript - Access Control by Screen Size

Golumpki Sees Life on Mars

Crop Circles Found on Moon

NASA Mars Conspiracy

FFFast.com News Feed..

CodeBelly.com
CodeBrain.NET

Home

Java Applets

Popup Maker

Top Picks

New Scripts

Java Scripts

Access Control by Screen Size

Back to JavaScript Main Index

With an increasing number of standard screen resolutions in use, it's often necessary to do separate designs for each.

Use this script to control access and redirect to separate pages based on 640, 800, 1024, or larger screen sizes. The script includes optional alert messages, which can be enabled or disabled via a script variable. Thorough instructions are in the script, and set-up is easy.

Click here to select the code in the window below.
Use Ctrl+C to copy it to your clipboard.

// INSTRUCTIONS

// Place this script in the <head> of the page you will use
// for redirection *only*.  It should *not* be placed in a
// regular (content) page.

// Set page destinations for the various screen sizes below.
// If the pages are in the same directory as the page with
// this script, only the page filename is needed; otherwise
// use the full, http://www.site.com/page.html address.

// If you have one page used for more than one size (say,
// both 1024 and Larger), then use the same page address
// in each of the associated variables.

pageFor640    = "pageFor640.html";
pageFor800    = "pageFor800.html";
pageFor1024   = "pageFor1024.html";
pageForLarger = "pageForLarger.html";

// Set showAlert to "yes" if you wish an alert box to appear
// when the visitor hits your referer page; otherwise, set
// it to "no"

showAlert  = "yes";

// This is the message that will be seen if showAlert is
// used; alter it as needed.

sayOnAlert = "Redirecting to a page designed for your screen size...";

// DO NOT EDIT BELOW THIS LINE.
// ----------------------------

var Wide = screen.width;

if (Wide <= 640){
  if (showAlert == "yes"){
    alert(sayOnAlert);
  }
  window.location = pageFor640;
}

else if (Wide <= 800){
  if (showAlert == "yes"){
    alert(sayOnAlert);
  }
  window.location = pageFor800;
}

else if (Wide <= 1024){
  if (showAlert == "yes"){
    alert(sayOnAlert);
  }
  window.location = pageFor1024;
}

else {
  if (showAlert == "yes"){
    alert(sayOnAlert);
  }
  window.location = pageForLarger;
}

//-->
</script>

Home

Java Applets

JavaScript Index

Resources

New Scripts

www.CodeBrain.com Need Still More Scripts? www.CodeLifter.com

CodeBrain InterNET
Group

www.CodeBrain.com

www.BrainCode.com

www.CodeLifter.com

www.MicroTicker.com

www.etLux.com

www.OECCorp.com

www.CodeBelly.com

www.CodeFoot.com

www.jsCode.com

www.IEFix.com

www.PopUpWorks.com

www.D3Q.com

www.FFFast.com

New!
Free Mp3's
click here
.
And more...
Free Mp3's for mobile users of PDA's, Pocket PC's, and Smart Phones
click here
.
.