representative-hcard-parsing: Difference between revisions

From Microformats Wiki
Jump to navigation Jump to search
(updated the code to use source syntax - highlighting! woohoo! thx BenWard!)
(jQuery JavaScript code to extract a representative hCard)
Line 39: Line 39:
print_r($repcard);
print_r($repcard);
?></source>
?></source>
== jQuery (JavaScript) code ==
The following code follows the [[representative-hcard-brainstorming#current_proposal|current proposal for finding a representative hCard]].
* If a vCard has a <code>class="url"</code> and <code>class="uid"</code> with an href value same as the source URI (current document), then that vCard is a representative hCard candidate, otherwise;
* If a vCard has a <code>class="url"</code> and a <code>rel="me"</code> on the same element, then that vCard is a representative hCard candidate, otherwise;
* There is no representative hCard.
* Grab the first hCard from the list of candidates.
<source lang="javascript">
/***
    Note: Extracts representative hCard
    Author: Sarven Capadisli http://csarven.ca/
    License: Public Domain 2009-06-04
*/
var sourceURI = window.location.href;
var rep_hCard = new Array();
function rep_hCard_urluidsource() {
    var hCard_url_sourceURI = $('.vcard .url[href='+sourceURI+']');
    hCard_url_sourceURI.each(function() {
        $(this).each(function() {
            if ($(this).closest('.vcard').find('.uid[href='+sourceURI+']').length > 0) {
                rep_hCard.push($(this).closest('.vcard')[0]);
            }
        });
    });
    return (rep_hCard.length > 0) ? true : false;
}
function rep_hCard_urlme() {
    var hCard_urlme = $('.vcard .url[rel=me]');
    hCard_urlme.each(function() {
        rep_hCard.push($(this).closest('.vcard')[0]);
    });
    return (rep_hCard.length > 0) ? true : false;
}
if (rep_hCard_urluidsource() || rep_hCard_urlme()) {
    rep_hCard = $($(rep_hCard)[0]);
    rep_hCard_url = (rep_hCard.find('.uid').length > 0) ? rep_hCard.find('.uid')[0].href : rep_hCard.find('.url[rel=me]')[0].href;
    hCard_fn = $('.fn', rep_hCard).text();
    hCard_photo_src = ($('.photo', rep_hCard).length > 0) ? $('.photo', rep_hCard)[0].src : '';
}
else {
    //no representative hCard
}
</source>
--[[User:Csarven|Sarven Capadisli]] 04:24, 4 June 2009 (UTC)


== see also ==
== see also ==

Revision as of 04:30, 4 June 2009

representative hCard parsing

Assuming you are already using code that properly implements hcard-parsing, this page documents how to determine a representative hCard for a page using the current representative-hcard-brainstorming proposal.

url uid source

After parsing the hCard(s) on a page, if there is one which has a "url" property whose value is the url of the page (source) and is also a "uid" property for the hCard, then that is the representative hCard for the page.

url and rel me

If the aforementioned "url uid source" didn't find a representative hCard, then look for an hCard with a "url" property that also has the rel="me" relation. If you find such an hCard then you have found a representative hCard for the page.

Draft hKit (PHP5) code

I - (Tom) - have been working on implementing represenative hCard parsing in PHP so that a user can simply type in a URL pointing to a page with an hCard on it, and have their name and some details automatically filled in the form. The code below implements the following:

  1. If there is only one hCard on a page, it uses that.
  2. If there is more than one hCard on a page, it looks through to see if any of the cards have UID or URL fields that match the URL it searches, then selects that one if one exists.

It's experimental and quite 'alpha', so I'd suggest you test it and make adjustments as necessary.

<?php

// example hKit code to extract a representative hCard
// tom morris <http://tommorris.org>
// public domain 2007

include("hkit/hkit.class.php5");
$hkit = new hKit;
$result = $hkit->getByURL('hcard', $HTTP_GET_VARS['url']);
if (count($result) != 0) {
  if (count($result) == 1) {
    $repcard = $result[0];
  } else {
    foreach ($result as $card) {
      if (array_search($HTTP_GET_VARS['url'], $card) == true || $card['uid'] == $HTTP_GET_VARS['url']) {
        $repcard = $card;
      }
    }
  }
}
print_r($repcard);
?>


jQuery (JavaScript) code

The following code follows the current proposal for finding a representative hCard.

  • If a vCard has a class="url" and class="uid" with an href value same as the source URI (current document), then that vCard is a representative hCard candidate, otherwise;
  • If a vCard has a class="url" and a rel="me" on the same element, then that vCard is a representative hCard candidate, otherwise;
  • There is no representative hCard.
  • Grab the first hCard from the list of candidates.
/***
    Note: Extracts representative hCard
    Author: Sarven Capadisli http://csarven.ca/
    License: Public Domain 2009-06-04
*/
var sourceURI = window.location.href;
var rep_hCard = new Array();

function rep_hCard_urluidsource() {
    var hCard_url_sourceURI = $('.vcard .url[href='+sourceURI+']');
    hCard_url_sourceURI.each(function() {
        $(this).each(function() {
            if ($(this).closest('.vcard').find('.uid[href='+sourceURI+']').length > 0) {
                rep_hCard.push($(this).closest('.vcard')[0]);
            }
        });
    });
    return (rep_hCard.length > 0) ? true : false;
}

function rep_hCard_urlme() {
    var hCard_urlme = $('.vcard .url[rel=me]');
    hCard_urlme.each(function() {
        rep_hCard.push($(this).closest('.vcard')[0]);
    });
    return (rep_hCard.length > 0) ? true : false;
}

if (rep_hCard_urluidsource() || rep_hCard_urlme()) {
    rep_hCard = $($(rep_hCard)[0]); 
    rep_hCard_url = (rep_hCard.find('.uid').length > 0) ? rep_hCard.find('.uid')[0].href : rep_hCard.find('.url[rel=me]')[0].href;
    hCard_fn = $('.fn', rep_hCard).text();
    hCard_photo_src = ($('.photo', rep_hCard).length > 0) ? $('.photo', rep_hCard)[0].src : '';
}
else {
    //no representative hCard
}

--Sarven Capadisli 04:24, 4 June 2009 (UTC)

see also