@@ -5,40 +5,32 @@
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script src="lib/jquery.js" type="text/javascript"></script>
<script src="lib/jquery.microformats.js" type="text/javascript"></script>
-
<script type="text/javascript">
$(document).ready(function() {
$.microformats.parseLocal();
- console.log($.microformats.hCards);
+ console.log($.microformats.hEvents);
});
</script>
</head>
-
<body>
-<div class="vcard">
- <a class="fn org url" href="http://www.commerce.net/">CommerceNet</a>
- <div class="adr">
- <span class="type">Work</span>:
+<div class="vcard"> <a class="fn org url" href="http://www.commerce.net/">CommerceNet</a>
+ <div class="adr"> <span class="type">Work</span>:
<div class="street-address">169 University Avenue</div>
- <span class="locality">Palo Alto</span>,
- <abbr class="region" title="California">CA</abbr>
- <span class="postal-code">94301</span>
+ <span class="locality">Palo Alto</span>, <abbr class="region" title="California">CA</abbr> <span class="postal-code">94301</span>
<div class="country-name">USA</div>
</div>
- <div class="geo">
- <span class="latitude">0.3.4.8</span> |
- <span class="longitude">1.2.3.4</span>
- </div>
- <div class="tel">
- <span class="type">Work</span> +1-650-289-4040
- </div>
- <div class="tel">
- <span class="type">Fax</span><abbr title="+1-650-289-4041">+1-650-289-SOME</abbr>
- </div>
- <div>Email:
- <span class="email">info@commerce.net</span>
- </div>
+ <div class="geo"> <span class="latitude">0.3.4.8</span> | <span class="longitude">1.2.3.4</span> </div>
+ <div class="tel"> <span class="type">Work</span> +1-650-289-4040 </div>
+ <div class="tel"> <span class="type">Fax</span><abbr title="+1-650-289-4041">+1-650-289-SOME</abbr> </div>
+ <div>Email: <span class="email">info@commerce.net</span> </div>
+</div>
+
+
+<div id="hcalendar-This-is-the-sumary" class="vevent"><a href="http://www.google.com/" class="url"><abbr title="2008-05-20T05:00-12:0000" class="dtstart">May 20, 2008 5am</abbr> – <abbr title="2008-05-20" class="dtend"></abbr> <span class="summary">This is the sumary</span> at <span class="location">Rustington</span></a>
+ <div class="description">This is the description</div>
+ <div class="tags">Tags: <a href="http://eventful.com/events/tags/tag" rel="tag">tag</a><a href="http://eventful.com/events/tags/la" rel="tag"> la</a><a href="http://eventful.com/events/tags/la" rel="tag"> la</a></div>
+ <p>This <a href="http://microformats.org/wiki/hcalendar">hCalendar event</a> brought to you by the <a href="http://microformats.org/code/hcalendar/creator">hCalendar Creator</a>.</p>
</div>
</body>
</html>
hcard.htm
@@ -6,9 +6,9 @@ jQuery.fn.parseMicroformatAttribute = function() {
}
};
jQuery.microformats = {
- availableFormats: ['hCard', 'hCalendar', 'hReview', 'XFN'],
+ availableFormats: ['hCard', 'hEvent', 'hReview', 'XFN'],
hCards: [],
- hCalendars: [],
+ hEvents: [],
hReviews: [],
XF: [],
lastRemote: false,
@@ -19,8 +19,6 @@ jQuery.microformats = {
XFN : false
},
hCard: function(target, settings){
- //console.log(settings);
- //console.log(target);
var foundHCards = [];
var standardAttributes = [
{name: 'fn', class: '.fn'},
@@ -54,11 +52,7 @@ jQuery.microformats = {
]
}
];
- //console.log(target);
- console.log(target);
- console.log(typeof(target));
jQuery(target).find('.vcard').each(function() {
- alert('anything');
var vCardObject = {};
var current = this;
jQuery.each(standardAttributes, function() {
@@ -107,8 +101,34 @@ jQuery.microformats = {
this.documentParsed.hCard = true;
return this.hCards;
},
- hCalendar : function(settings) {
-
+ hEvent : function(target, settings) {
+ var foundHEvents = [];
+ var standardAttributes = [
+ {name: 'summary', class: '.summary'},
+ {name: 'location', class: '.location'},
+ {name: 'description', class: '.description'},
+ {name: 'dtstart', class: '.dtstart'},
+ {name: 'dtend', class: '.dtend'}
+ ];
+ jQuery(target).find('.vevent').each(function() {
+ var vEventObject = {};
+ var tags = [];
+ var current = this;
+ jQuery.each(standardAttributes, function() {
+ vEventObject[this.name] = $(current).find(this.class).parseMicroformatAttribute();
+ });
+ vEventObject.url = $(this).find('a.url').attr('href');
+ jQuery(current).find("a[rel='tag']").each(function() {
+ tags.push(jQuery(this).text());
+ });
+ vEventObject.tags = tags;
+ if(settings.appendToLocal == true) {
+ jQuery.microformats.hEvents.push(vEventObject);
+ }
+ foundHEvents.push(vEventObject);
+ });
+ this.documentParsed.hEvent = true;
+ return this.hEvents;
},
hReview : function(settings) {
lib/jquery.microformats.js
05f7adc918b641095bbe32ecbe26066d0cc13f52
stuartloxton
stuart.loxton@googlemail.com
http://github.com/stuartloxton/jquery-microformats/commit/b1980a9c5e28cdda30fc736a43eae5cc4d54099a
b1980a9c5e28cdda30fc736a43eae5cc4d54099a
2008-05-20T14:49:58-07:00
2008-05-20T14:49:58-07:00
Added example hCalendar to hcard.html + implemented basic hEvent parser
636b7f45093ab4e06ed76e110e1d66a9100aa15a
stuartloxton
stuart.loxton@googlemail.com