@@ -52,4 +52,4 @@ </style> <script src="mootools.js"></script> <script src="switch.js"></script> -<h1>Switch!</h1> \ No newline at end of file +<body class="indestructible"><h1>Switch!</h1></body> \ No newline at end of file demo.html @@ -1,21 +1,45 @@ /* ------------------------------------------------------------------------------ - switch: John Muhl, based on the idea at - http://alistapart.com/d/switchymclayout/ - on the fly layout adjustment + switch: John Muhl, based on switchy mclayout + “on the fly” layout adjustment MIT License - ------------------------------------------------------------------------------ +------------------------------------------------------------------------------ Requires: MooTools v1.11 (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'); +}; + var layoutSwitch = { init: function(){ //fetch the window width var windowSize = window.getWidth(); //strip any existing class //makes sure the resize event properly assigns a new class - //TODO write this as a regular expression to only remove switch classes - $$('body').removeProperty('class'); + swClassy(); //asign switch body classes if(windowSize <= 455){ $$('body').addClass('xx-small'); switch.js 8ac57b9ad6c289620466f69da2492d2442a9e3c6 johnmuhl git@johnmuhl.com http://github.com/johnmuhl/switch/commit/035bf8f7ef13e10dd7c38ba86b23a8b8c38c50dc 035bf8f7ef13e10dd7c38ba86b23a8b8c38c50dc

2008-06-29T12:44:41-07:00

backport swClassy function from 1.2 to 1.0 and update the demo to show off that we don't explode your body classes 577a60eae3cec627c4bcfd9f17d37bb60b6efea5 johnmuhl git@johnmuhl.com