var hasClass = function(element,className) {
return (function() {
var classes = element.className.split(' ');
for(var i in classes) {
if(classes[i] == className) {
return true;
}
}
return false;
})();
}
Monday, March 8, 2010
Check class
Tuesday, March 2, 2010
CSS attribute selectors
[rel=value] — attribute equals to value
<h1 rel="value">Attribute Equals</h1>
h1[rel=value] { color: red; }
[rel*=value] — attribute contains value anywhere
<h1 rel="xxxvaluexxx">Attribute Contains</h1>
h1[rel*=value] { color: red; }
[rel^=value] — attribute starts with value
<h1 rel="value-link yep">Attribute Begins</h1>
h1[rel^=value] { color: red; }
[rel$=value] — attribute ends with value
<h1 rel="friend value">Attribute Ends</h1>
h1[rel$=value] { color: red; }
[rel~=value] — attribute contains value in space-delimited list
<h1 rel="friend value sandwich">Attribute Space Separated</h1>
h1[rel~=value] { color: red; }
[rel|=value] — attribute contains value in dash-delimited list
<h1 rel="friend-value-sandwich">Attribute Dash Separated</h1>
h1[rel|=value] { color: red; }
Table checkboxes selection
(function() {
// checkboxes in the table
var cbs = document.getElementsByName('checkboxes');
// header checkbox
var all = document.getElementById('header_checkbox');
all.onclick = function() {
for(var i=0;i<cbs.length;i++) {
cbs[i].checked = this.checked;
}
}
var cbClick = function() {
all.checked = (function() {
for(var i=0;i<cbs.length;i++) {
if(cbs[i].checked != true) {
return false;
}
}
return true;
})();
}
for(var i=0;i<cbs.length;i++) {
cbs[i].addEventListener('click', cbClick, true);
}
})();