Difference between revisions of "Title Attribute Favlet"

From Level Access Web Labs
Jump to navigation Jump to search
Line 2: Line 2:
  
 
<html>
 
<html>
<a href="javascript:(function(){var element=document.createElement('script'); element.setAttribute('src','title_attribute.js');document.body.appendChild(element);})();"> Title Attribute Favlet </a>
+
<a href="javascript:(function(){var element=document.createElement('script'); element.setAttribute('src','http://www.accessibilityhq.com/js/title_attribute.js');document.body.appendChild(element);})();"> Title Attribute Favlet </a>
 
</html>
 
</html>
  

Revision as of 20:09, 5 February 2014

This Favlet displays the text of all title attributes.

Title Attribute Favlet

Sample code

javascript:(function(){
var el = document.querySelectorAll('[title]');
var str;
var headers=[];
var sentinel;
if (el.length>0) {
 	for (var i=0; i<el.length; i++) {
			s = document.createElement('Span');
			t = document.createTextNode(" Title="+el.item(i).title +" ");
			s.appendChild(t);
			s.style.backgroundColor = 'antiqueWhite';
			s.style.color = 'black';
			el.item(i).parentNode.insertBefore(s,el.item(i));
	}
}
else {
	  alert('no elements with titles');
}

})();