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.
//
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.