Raul Sanchez – Page 19 – Serial Architect

Scripting Stylesheets

			$(function(){
				
				function selectStylesheetByTitle(title){
					for(var i=0; i< document.styleSheets.length; i++){
						var thisStylesheet = document.styleSheets[i];
						var thisTitle = document.styleSheets[i].title;
						if(thisTitle.toLowerCase() == title.toLowerCase()){
							alert('found it: '+ i);
							return document.styleSheets[i];
						}
					}
				}
				
				//selectStylesheetByTitle('main');
				
				
/*
				function selectRuleBySelector(sel){
					var stylesheet;
					if(document.styleSheets[1].cssRules){
						theRules = document.styleSheets[1].cssRules;
					}else if(document.styleSheets[1].rules){
						theRules = document.styleSheets[1].rules
					}
					for(){
						
					}
				}
*/
				
				
				
				
				var theRules = new Array();
				console.log(document.styleSheets);
				
				setTimeout(function(){
					console.log(document.styleSheets[0].rules[0].cssText);
					try{
						            document.styleSheets[0].rules[0].style.color = 'green';
						console.log(document.styleSheets[0].rules[0].cssText);
					}catch(e){
						alert('oop!: '+ e.message);
					}
				}, 2000);
				
				if (document.styleSheets[1].cssRules){
					// Safari
					theRules = document.styleSheets[1].cssRules;
					console.log(theRules);
					for(var i=0; i<theRules.length; i++){
						var sel = theRules[i].selectorText;
						// console.log(sel);
						if(sel.toLowerCase() == 'button'){
							console.log(theRules[i].style);
							alert('button');
						}
					}
				} else if (document.styleSheets[1].rules){
					theRules = document.styleSheets[1].rules
					alert(2);
				}

			});

$(function(){

function selectStylesheetByTitle(title){

for(var i=0; i< document.styleSheets.length; i++){

var thisStylesheet = document.styleSheets[i];

var thisTitle = document.styleSheets[i].title;

if(thisTitle.toLowerCase() == title.toLowerCase()){

alert('found it: '+ i);

return document.styleSheets[i];

}

//selectStylesheetByTitle('main');

function selectRuleBySelector(sel){

var stylesheet;

if(document.styleSheets[1].cssRules){

theRules = document.styleSheets[1].cssRules;

}else if(document.styleSheets[1].rules){

theRules = document.styleSheets[1].rules

}

for(){

}

var theRules = new Array();

console.log(document.styleSheets);

setTimeout(function(){

console.log(document.styleSheets[0].rules[0].cssText);

try{

document.styleSheets[0].rules[0].style.color = 'green';

console.log(document.styleSheets[0].rules[0].cssText);

}catch(e){

alert('oop!: '+ e.message);

}

}, 2000);

if (document.styleSheets[1].cssRules){

// Safari

theRules = document.styleSheets[1].cssRules;

console.log(theRules);

for(var i=0; i<theRules.length; i++){

var sel = theRules[i].selectorText;

// console.log(sel);

if(sel.toLowerCase() == 'button'){

console.log(theRules[i].style);

alert('button');

}

} else if (document.styleSheets[1].rules){

theRules = document.styleSheets[1].rules

alert(2);

}

});

Detect whether or not the browser is online

https://developer.mozilla.org/en/DOM/window.navigator.onLine

Load page dynamically in jQTouch

                // Page animations end with AJAX callback event, example 1 (load remote HTML only first time)
                $('#callback').bind('pageAnimationEnd', function(e, info){
                    if (!$(this).data('loaded')) {                      // Make sure the data hasn't already been loaded (we'll set 'loaded' to true a couple lines further down)
                        $(this).append($('<div>Loading</div>').         // Append a placeholder in case the remote HTML takes its sweet time making it back
                            load('ajax.html .info', function() {        // Overwrite the "Loading" placeholder text with the remote HTML
                                $(this).parent().data('loaded', true);  // Set the 'loaded' var to true so we know not to re-load the HTML next time the #callback div animation ends
                            }));

                    }
                });

// Page animations end with AJAX callback event, example 1 (load remote HTML only first time)

$('#callback').bind('pageAnimationEnd', function(e, info){

if (!$(this).data('loaded')) { // Make sure the data hasn't already been loaded (we'll set 'loaded' to true a couple lines further down)

$(this).append($('<div>Loading</div>'). // Append a placeholder in case the remote HTML takes its sweet time making it back

load('ajax.html .info', function() { // Overwrite the "Loading" placeholder text with the remote HTML

$(this).parent().data('loaded', true); // Set the 'loaded' var to true so we know not to re-load the HTML next time the #callback div animation ends

}));

}

});