@@ -1,77 +1,52 @@
/*
-------------------------------------------------------------------------------
-switch: version 1.2
- “on the fly layout adjustment”
- MIT License
-------------------------------------------------------------------------------
-Requires: MooTools v1.2 (MIT License)
-------------------------------------------------------------------------------
+ switch 1.2.1 “on the fly” layout adjustment
+ requires mootools v1.2 (MIT License)
*/
-function swClassy()
-{//swClassy removes any existing swhich class from <body>
- var swBody = $$('body');
- if (swBody.hasClass('xx-small') == 'true')
- swBody.removeClass('xx-small');
-
- if (swBody.hasClass('x-small') == 'true')
- swBody.removeClass('x-small');
-
- if (swBody.hasClass('small') == 'true')
- swBody.removeClass('small');
-
- if (swBody.hasClass('medium') == 'true')
- swBody.removeClass('medium');
-
- if (swBody.hasClass('large') == 'true')
- swBody.removeClass('large');
-
- if (swBody.hasClass('x-large') == 'true')
- swBody.removeClass('x-large');
-
- if (swBody.hasClass('xx-large') == 'true')
- swBody.removeClass('xx-large');
-
- if (swBody.hasClass('xxx-large') == 'true')
- swBody.removeClass('xxx-large');
+var sw_std_sizes = new Hash ({
+ 'xx-small': '584',
+ 'x-small': '744',
+ 'small': '968',
+ 'medium': '1096',
+ 'large': '1344',
+ 'x-large': '1384',
+ 'xx-large': '1544'
+});
+
+function sw_cssy() {
+ var sw_class = sw_std_sizes.getValues();
+ for(var i = sw_class.length - 1; i >= 0; i--) {
+ if ($$('body').hasClass('xxx-large') == 'true') {
+ $$('body').removeClass('xxx-large');
+ }
+ else if ($$('body').hasClass(sw_std_sizes.keyOf(sw_class[i])) == 'true') {
+ $$('body').removeClass(sw_std_sizes.keyOf(sw_class[i]));
+ }
+ }
};
function swhich()
{//swhich applies a size based class on <body>
- swClassy();
- var swBody = $$('body');
- var swSize = window.getSize().x;
- var swXXSmall = 584;
- var swXSmall = 744;
- var swSmall = 968;
- var swMedium = 1096;
- var swLarge = 1344;
- var swXLarge = 1384;
- var swXXLarge = 1544;
-
- if (swSize <= swXXSmall)
- swBody.addClass('xx-small');
-
- if (swSize > swXXSmall && swSize <= swXSmall)
- swBody.addClass('x-small');
-
- if (swSize > swXSmall && swSize <= swSmall)
- swBody.addClass('small');
-
- if (swSize > swSmall && swSize <= swMedium)
- swBody.addClass('medium');
-
- if (swSize > swMedium && swSize <= swLarge)
- swBody.addClass('large');
-
- if (swSize > swLarge && swSize <= swXLarge)
- swBody.addClass('x-large');
-
- if (swSize > swXLarge && swSize <= swXXLarge)
- swBody.addClass('xx-large');
-
- if (swSize > swXXLarge)
- swBody.addClass('xxx-large');
+ sw_cssy();
+ var sw_width = String(window.getSize().x);
+ if (sw_std_sizes.keyOf(sw_width) !== null) {
+ $$('body').addClass(sw_std_sizes.keyOf(sw_width));
+ }
+ else {
+ var sw_width = Number(sw_width);
+ var sw_size = sw_std_sizes.getValues();
+ var i = 0;
+ while (i < sw_size.length) {
+ var sw_comp = Number(sw_size[i]);
+ if (sw_width > 1544) {
+ $$('body').addClass('xxx-large');
+ }
+ else if (sw_width <= sw_comp) {
+ $$('body').addClass(sw_std_sizes.keyOf(sw_size[i])); var i = 9;
+ }
+ i++;
+ }
+ }
};
window.addEvent('domready', function() { swhich(); });
switch.js
7f599937ebd5bbaad877f33ea6d571ffcb01e7a6
johnmuhl
git@johnmuhl.com
http://github.com/johnmuhl/switch/commit/0c4f46eaa728704f5569e327479bc4bc2b8398fd
0c4f46eaa728704f5569e327479bc4bc2b8398fd
2008-06-29T13:11:02-07:00
2008-06-29T13:11:02-07:00
hash crazy
5335d32d283fbaa18cc6e0c0e091baab0f8b73ca
johnmuhl
git@johnmuhl.com