Surf the DreamJustin Avery

Writing

XFN Friend Network

I'm increasingly excited about the possibilities of including XFN tags within the link structure of sites.

There is a neat little form which helps those that aren't strong on their HTML but would like to include these formats within their URL structures.

JavaScript
//
		function GetElementsWithClassName(elementName, className) {
		   var allElements = document.getElementsByTagName(elementName);
		   var elemColl = new Array();
		   for (i = 0; i < allElements.length; i++) {
		       if (allElements[i].className == className) {
		           elemColl[elemColl.length] = allElements[i];
		       }
		   }
		   return elemColl;
		}

		function meChecked()
		{
		  var undefined;
		  var eMe = document.getElementById('me');
		  if (eMe == undefined) return false;
		  else return eMe.checked;
		}

		function upit() {
		   var isMe = meChecked(); //document.getElementById('me').checked;
		   var inputColl = GetElementsWithClassName('input', 'valinp');
		   var results = document.getElementById('xfnResult');
		   var linkText, linkUrl, inputs = '';
		   linkText = document.getElementById('linkText').value;
		   linkUrl = document.getElementById('linkUrl').value;
		   for (i = 0; i < inputColl.length; i++) {
		       inputColl[i].disabled = isMe;
		       inputColl[i].parentNode.className = isMe ? 'disabled' : '';
		       if (!isMe && inputColl[i].checked && inputColl[i].value != '') {
					inputs += inputColl[i].value + ' ';
		            }
		       }
		   inputs = inputs.substr(0,inputs.length - 1);
		   if (isMe) inputs='me';
		   results.childNodes[0].nodeValue = '<a href="' + linkUrl + '" rel="' + inputs + '">' + linkText + '<\/a>';
		   }

		function blurry() {
		   if (!document.getElementById) return;

		   var aInputs = document.getElementsByTagName('input');

		   for (var i = 0; i < aInputs.length; i++) {
		       aInputs[i].onclick = aInputs[i].onkeyup = upit;
		   }
		}

		function resetstuff() {
		 if (meChecked()) document.getElementById('me').checked='';
		 upit();
		 document.getElementById('xfnResult').childNodes[0].nodeValue = '<a href="" rel=""><\/a>';
		}

		window.onload = blurry;
    //

XFN 1.1 Creator

Name
URL

Comments

Be the first to comment

Comments are read before they appear. Your email address is never shown.

    Type to search titles and full text. ↵ opens the full results page.