// ---------------------------------------------------------------------------------------------------------------- // Globale Variablen // ---------------------------------------------------------------------------------------------------------------- var ls_DEBUG = "an"; var ls_DIV = "lifestream"; var ls_MENU = "menuLifestream"; // ---------------------------------------------------------------------------------------------------------------- // Document Ready // ---------------------------------------------------------------------------------------------------------------- $(document).ready(function() { // Lifestream laden lifstreamLaden(ls_DIV,ls_MENU); // Yahoo-Link aktualisieren lifstreamYahoo(ls_MENU); // Document Ready Ende }); // ---------------------------------------------------------------------------------------------------------------- // Lifestream laden // ---------------------------------------------------------------------------------------------------------------- function lifstreamLaden(div,menu) { // Content resetten var content = ""; // Pipe-Variable einlesen var pipe = $("#"+menu).attr("pipe"); // Parameter einlesen var params = $("#"+menu).attr("params"); // var seiten = $(".seiten"); // $.each(seiten, function() { var params = params+""; }); // Zufallszahl für Ajax-Request var random = Math.random(); var random = random * 100; // JSON-Request $.getJSON("webservice/pipes.php?pipe="+pipe+"¶ms="+params+"&random="+random,function(json) { if(json.count > 0) { // Item-Feed rendern content = output_feed_items(json); // Posts-Frontend laden $.include("http://blog.sefzig.net/javascript-in-posts.js"); // Regex for YouTube-videos: Onclick nachträglich setzen youtubeRegexReady("lifstreamLaden()"); } else { // Fehlermeldung content = "Fehler beim Laden der Feeds."; } // Antwort einsetzen $("#"+div).html(content); // Anzuzeigende Inhalte einlesen var anzeige = $("#"+menu).attr("anzeige"); // Anzuzeigende Inhalte anzeigen $(anzeige).css("display","block"); }); } // ---------------------------------------------------------------------------------------------------------------- // Titel rendern und Items im Loop ausgeben // ---------------------------------------------------------------------------------------------------------------- var itemList = ""; function output_feed_items(json) { // Menu-Liste leeren $("#ytVideosMenu").empty(); // Item und Item-Details rendern lassen for (k=0;k' + misterwongTag + ''; } // Erstes ', ' entfernen var misterwongTags = misterwongTags.replace(", ", ""); // Thumbnail-HTML var misterwongThumbnail = '

'; } // Spezial: Sefzig.net geöffnet zeigen if (projekt == "blogsefzignet") { // HTML vorbereiten var item_display = ' style="display: block"'; } else { // Variable leer setzen var item_display = ""; } // Spezial: Meine Artikel in Trendwork öffnen if (projekt == "trendwork") { // Spezial: Meine Artikel in Trendwork öffnen if (item.autor == "Andreas Sefzig") { // HTML vorbereiten var item_display = ' style="display: block"'; } } // Spezial: Youtube if (projekt == "youtubeFavoriten") { // Youtube-ID ermitteln var ytId1 = item.link; var ytId2 = ytId1.split("="); var ytId3 = ytId2[1]; var ytId4 = ytId3.split("&"); var ytId = ytId4[0]; // Titel säubern item.titel = item.titel.replace(/\"/g, ""); item.titel = item.titel.replace(/\'/g, ""); var titelKurz = item.titel; var titelKurz = titelKurz.replace(/\s\(.*?\)/g, "") var titelKurz = titelKurz.replace(/\s\[.*?\]/g, "") var titelKurz = titelKurz.replace(/\(.*?\)\s/g, "") var titelKurz = titelKurz.replace(/\[.*?\]\s/g, "") // Erster-Attribut lesen var zahler = $("#ytLayer").attr("zahler"); var zahler = parseInt(zahler); // Stringlängen-Attribut für Menü lesen var lange = $("#ytVideosMenu").attr("lange"); var lange = parseInt(lange); // Zeilenumbruch setzen if ((zahler) && (zahler != "")) { var linebreak = "
"; var zahler = zahler - (-1); // Aufruf speichern $("#ytLayer").attr("zahler",zahler); } else { var linebreak = ""; var zahler = 1; // Ersten Aufruf speichern $("#ytLayer").attr("zahler","1"); } // Link-HTML rendern var ytLink = linebreak+''+item.titel+''; // Menü-Link-HTML rendern var ytLinkMenu = linebreak+' '+constrain(titelKurz,lange,"…")+''; // Thumbnail rendern var ytThumbnail = ''; // Flash-Player rendern var ytFlash = ''; var erster = $("#ytLayer").attr("erster"); // Links anhängen $("#ytVideos").append(ytLink); // Erster-Attribut lesen var videos = $("#ytVideosMenu").attr("videos"); var videos = parseInt(videos); // In Menü nur X Videos if (zahler <= videos) { // Links anhängen $("#ytVideosMenu").append(ytLinkMenu); } } // Spezial: Head-Titel formatieren if (projekt == "sprueche") { var headTitle = '"'+item.title+'"'; } else { var headTitle = item.title; } var projekte = new Array(); // Antwort Anfang var antwort = ''; var antwort = antwort + '
'; var antwort = antwort + '

'; var antwort = antwort + ' ' + projektMap(projekt) + ''; var antwort = antwort + ' ' + headTitle + ''; var antwort = antwort + '

'; var antwort = antwort + '
'; if (projekt == "facebook") { var antwort = antwort + ' ' + item.autor + ' ' + zeitPretty + '

' + item.beschreibung + '


Permalink: ' + item.link + '
'; } else if (projekt == "facebookFreunde") { var antwort = antwort + ' Von ' + item.autor + 's\'s Freunden: ' + item.autor + ' ' + zeitPretty + '

' + item.beschreibung + '

'; } else if (projekt == "facebookNotifications") { var antwort = antwort + ' In Andreas Sefzig\'s Netzwerk ' + zeitPretty + ':

' + item.beschreibung + '

'; } else if (projekt == "facebookLinks") { var antwort = antwort + ' ' + item.autor + ' hat ' + zeitPretty + ' einen Link in Facebook gepostet:

' + item.beschreibung + '

Permalink: ' + item.link + '
'; } // else if (projekt == "youtubeFavoriten") { var antwort = antwort + ' Andreas Sefzig hat am ' + zeitString + ' ein Video in Youtube als Favoriten gespeichert:


Permalink: ' + item.link + '

'; } else if (projekt == "youtubeFavoriten") { var antwort = antwort + ' Andreas Sefzig hat ' + zeitPretty + ' ein Video in Youtube als Favoriten gespeichert:

'+ytFlash+''+ytThumbnail+'

Im Favoriten-Player abspielen

Permalink: ' + item.link + '
'; } else if (projekt == "twitter") { var antwort = antwort + ' Andreas Sefzig twitterte ' + zeitPretty + ':

' + item.titel + '

Permalink: ' + item.link + '
'; } else if (projekt == "misterwong") { var antwort = antwort + ' Andreas Sefzig speicherte ' + zeitPretty + ' diesen Link auf Mister Wong:

Link: ' + item.link + '

' + misterwongThumbnail + 'Tags: ' + misterwongTags + '

'; } else if (projekt == "trendwork") { var antwort = antwort + ' ' + item.autor + ' schrieb ' + zeitPretty + ' diesen Post:

' + item.beschreibung + '

Permalink: ' + item.link + '
'; } else if (projekt == "web20lexikon") { var antwort = antwort + ' ' + item.autor + ' schrieb diesen Fachbegriff ' + zeitPretty + ':

' + item.beschreibung + '

Permalink: ' + item.link + '
'; } // else if (projekt == "blogsefzignet") { var antwort = antwort + ' ' + item.autor + ' schrieb diesen Post am ' + zeitString + ':

' + item.beschreibung + '

Permalink: ' + item.link + '
'; } // else if (projekt == "blogsefzignet") { var antwort = antwort + ' ' + item.beschreibung + '

Auszug aus dem Blogpost ' + item.titel + ' vom ' + zeitString + ''; } // else if (projekt == "blogsefzignet") { var antwort = antwort + ' ' + item.autor + ' schrieb ' + zeitPretty + ' diesen Post:

' + item.beschreibungHtml + '

Permalink: ' + item.link + '
'; } else if (projekt == "blogsefzignet") { var antwort = antwort + ' ' + item.autor + ' schrieb ' + zeitPretty + ' diesen Post:

' + item.beschreibung + '

Permalink: ' + item.link + '
'; } else if (projekt == "sprueche") { var antwort = antwort + ' ' + item.autor + ' sagte dies ' + zeitPretty + '.
'; } else if (projekt == "zeitgeist") { var antwort = antwort + ' ' + item.autor + ' schrieb ' + zeitPretty + ' diesen Post:

' + item.beschreibung + '


Permalink: ' + item.link + '
'; } else if (projekt == "ajaxoffice") { var antwort = antwort + ' ' + item.autor + ' schrieb ' + zeitPretty + ' diesen Post:

' + item.beschreibung + '

Permalink: ' + item.link + '
'; } else if (projekt == "fytch") { var antwort = antwort + ' Andreas Sefzig kommentierte ' + zeitPretty + ':

' + item.beschreibung + '

Permalink: ' + item.link + '
'; } else { var antwort = antwort + ' Unbekannte Quelle - ' + item.autor + ' schrieb ' + zeitPretty + ':

' + item.beschreibung + '


Permalink: ' + item.link + '
'; } // Antwort Ende var antwort = antwort + '
'; var antwort = antwort + '
'; // Javascript-Frontend Sefzig.net laden $.include("http://blog.sefzig.net/javascript-in-posts.js"); // Antwort ausgeben return antwort; } // ---------------------------------------------------------------------------------------------------------------- // Item-Details togglen // ---------------------------------------------------------------------------------------------------------------- function toggle_feed_desc(item) { var status = $("#lifeitemDetail"+item).css("display"); // alert(item+", "+status); if (status == "block") { $("#lifeitemDetail"+item).slideUp(); // Performance... // $("#lifeitemDetail"+item).css("display","none"); } else { $("#lifeitemDetail"+item).slideDown(); // Performance... // $("#lifeitemDetail"+item).css("display","block"); } // Funktion beenden return false; } // ---------------------------------------------------------------------------------------------------------------- // Item-Mouseover // ---------------------------------------------------------------------------------------------------------------- function hover_feed_item(element,schalter) { if (schalter == "an") { $("#"+element).css("background","#f6f6f6"); } else if (schalter == "aus") { $("#"+element).css("background","#ffffff"); } else { var status = $("#"+element).css("background"); if (status == "#ffffff") { $("#"+element).css("background","#f6f6f6"); } else { $("#"+element).css("background","#ffffff"); } } // Funktion beenden return false; } // ---------------------------------------------------------------------------------------------------------------- // Lifestream Yahoo! // ---------------------------------------------------------------------------------------------------------------- function lifstreamYahoo(div) { // Pipe auslesen var pipe = $("#"+div).attr("pipe"); // Link zusammensetzen var yahooHref = "http://pipes.yahoo.com/pipes/pipe.info?_id="+pipe; // Link aktualisieren $(".yahoo").attr("href",yahooHref).attr("target","_blank"); } // ---------------------------------------------------------------------------------------------------------------- // Im Lifestream suchen // ---------------------------------------------------------------------------------------------------------------- function such(query) { $("#lifestream").children().filter(".lifeitem:visible").not(":contains('"+query+"')").css("display","none"); // Funktion beenden return false; } // ---------------------------------------------------------------------------------------------------------------- // Helper: String kürzen // ---------------------------------------------------------------------------------------------------------------- function constrain(str,n,hellip) { if(str.length > n) { var s = str.substr(0, n); var words = s.split(' '); words[words.length - 1] = ''; str = words.join(' ') + '' + hellip; } return str; } // ---------------------------------------------------------------------------------------------------------------- // Helper: Pretty Date // ---------------------------------------------------------------------------------------------------------------- var datum = "2008-01-28T20:24:17Z"; // ISO8601! // ---------------------------------------------------------------------------------------------------------------- // http://www.zachleat.com/web/2008/03/23/yet-another-pretty-date-javascript/ // ---------------------------------------------------------------------------------------------------------------- // Copyright (c) 2008 Dean Landolt (deanlandolt.com) // Re-write by Zach Leatherman (zachleat.com) // Adopted from the John Resig's pretty.js // at http://ejohn.org/blog/javascript-pretty-date // and henrah's proposed modification // at http://ejohn.org/blog/javascript-pretty-date/#comment-297458 // Licensed under the MIT license. // ---------------------------------------------------------------------------------------------------------------- function prettyDate(datum) { var time_formats = [ [60, ' kurzem'], [90, ' 1 Minute'], // 60*1.5 [3600, ' Minuten', 60], // 60*60, 60 [5400, ' 1 Stunde'], // 60*60*1.5 [86400, ' Stunden', 3600], // 60*60*24, 60*60 [129600, ' 1 Tag'], // 60*60*24*1.5 [604800, ' Tagen', 86400], // 60*60*24*7, 60*60*24 [907200, ' 1 Woche'], // 60*60*24*7*1.5 [2628000, ' Wochen', 604800], // 60*60*24*(365/12), 60*60*24*7 [3942000, ' 1 Monat'], // 60*60*24*(365/12)*1.5 [31536000, ' Monaten', 2628000], // 60*60*24*365, 60*60*24*(365/12) [47304000, ' 1 Jahr'], // 60*60*24*365*1.5 [3153600000, ' Jahren', 31536000], // 60*60*24*365*100, 60*60*24*365 [4730400000, ' 1 Jahrhundert'], // 60*60*24*365*100*1.5 ]; var time = ('' + datum).replace(/-/g,"/").replace(/[TZ]/g," "), dt = new Date, seconds = ((dt - new Date(time) + (dt.getTimezoneOffset() * 60000)) / 1000), token = ' vor ', i = 0, format; if (seconds < 0) { seconds = Math.abs(seconds); token = ' in'; } while (format = time_formats[i++]) { if (seconds < format[0]) { if (format.length == 2) { // Conditional so we don't return Just Now Ago var antwort = (i > 1 ? token : '') + format[1]; } else { var antwort = (i > 1 ? token : '') + Math.round(seconds / format[2]) + ' ' + format[1]; } // vor 1 Tag -> gestern if (antwort == " vor 1 Tag") { var antwort = " gestern"; } // Antworten return antwort; } } // Overflow for centuries if(seconds > 4730400000) { return Math.round(seconds / 4730400000) + ' Centuries' + token; } alert(datum); return datum; }; // ---------------------------------------------------------------------------------------------------------------- // Helper: URL decodieren // ---------------------------------------------------------------------------------------------------------------- // Decodes URL-encoded string // version: 907.503 // discuss at: http://phpjs.org/functions/urldecode // original by: Philip Peterson // improved by: Kevin van Zonneveld (http://kevin.vanzonneveld.net) // input by: AJ // improved by: Kevin van Zonneveld (http://kevin.vanzonneveld.net) // improved by: Brett Zamir (http://brett-zamir.me) // input by: travc // input by: Brett Zamir (http://brett-zamir.me) // bugfixed by: Kevin van Zonneveld (http://kevin.vanzonneveld.net) // improved by: Lars Fischer // input by: Ratheous // improved by: @Shamun Toha // note by: - Shamun: decodeURIComponent failed on many characters // ---------------------------------------------------------------------------------------------------------------- // note 1: info on what encoding functions to use from: http://xkr.us/articles/javascript/encode-compare/ // ---------------------------------------------------------------------------------------------------------------- // example 1: urldecode('Kevin+van+Zonneveld%21'); // returns 1: 'Kevin van Zonneveld!' // ---------------------------------------------------------------------------------------------------------------- // example 2: urldecode('http%3A%2F%2Fkevin.vanzonneveld.net%2F'); // returns 2: 'http://kevin.vanzonneveld.net/' // ---------------------------------------------------------------------------------------------------------------- // example 3: urldecode('http%3A%2F%2Fwww.google.nl%2Fsearch%3Fq%3Dphp.js%26ie%3Dutf-8%26oe%3Dutf-8%26aq%3Dt%26rls%3Dcom.ubuntu%3Aen-US%3Aunofficial%26client%3Dfirefox-a'); // returns 3: 'http://www.google.nl/search?q=php.js&ie=utf-8&oe=utf-8&aq=t&rls=com.ubuntu:en-US:unofficial&client=firefox-a' // ---------------------------------------------------------------------------------------------------------------- // example 4: urldecode("%3Ctr%3E%3Ctd%3Einfo%40jquery.com%20space%20%E9%3C%2Ftd%3E%3C%2Ftr%3E"); // returns 4: info@jquery.com Space e // ---------------------------------------------------------------------------------------------------------------- function urldecode(str) { var hash_map = {}, ret = str.toString(), unicodeStr='', hexEscStr=''; var replacer = function(search, replace, str) { var tmp_arr = []; tmp_arr = str.split(search); return tmp_arr.join(replace); }; // The hash_map is identical to the one in urlencode. hash_map["'"] = '%27'; hash_map['('] = '%28'; hash_map[')'] = '%29'; hash_map['*'] = '%2A'; hash_map['~'] = '%7E'; hash_map['!'] = '%21'; hash_map['%20'] = '+'; hash_map['\u00DC'] = '%DC'; hash_map['\u00FC'] = '%FC'; hash_map['\u00C4'] = '%D4'; hash_map['\u00E4'] = '%E4'; hash_map['\u00D6'] = '%D6'; hash_map['\u00F6'] = '%F6'; hash_map['\u00DF'] = '%DF'; hash_map['\u20AC'] = '%80'; hash_map['\u0081'] = '%81'; hash_map['\u201A'] = '%82'; hash_map['\u0192'] = '%83'; hash_map['\u201E'] = '%84'; hash_map['\u2026'] = '%85'; hash_map['\u2020'] = '%86'; hash_map['\u2021'] = '%87'; hash_map['\u02C6'] = '%88'; hash_map['\u2030'] = '%89'; hash_map['\u0160'] = '%8A'; hash_map['\u2039'] = '%8B'; hash_map['\u0152'] = '%8C'; hash_map['\u008D'] = '%8D'; hash_map['\u017D'] = '%8E'; hash_map['\u008F'] = '%8F'; hash_map['\u0090'] = '%90'; hash_map['\u2018'] = '%91'; hash_map['\u2019'] = '%92'; hash_map['\u201C'] = '%93'; hash_map['\u201D'] = '%94'; hash_map['\u2022'] = '%95'; hash_map['\u2013'] = '%96'; hash_map['\u2014'] = '%97'; hash_map['\u02DC'] = '%98'; hash_map['\u2122'] = '%99'; hash_map['\u0161'] = '%9A'; hash_map['\u203A'] = '%9B'; hash_map['\u0153'] = '%9C'; hash_map['\u009D'] = '%9D'; hash_map['\u017E'] = '%9E'; hash_map['\u0178'] = '%9F'; // on decodeURIComponent failure. hash_map['<'] = '%3C'; hash_map['>'] = '%3E'; hash_map['/'] = '%2F'; hash_map['@'] = '%40'; hash_map['e'] = '%E9'; hash_map[' '] = '%20'; for (unicodeStr in hash_map) { // Switch order when decoding hexEscStr = hash_map[unicodeStr]; // Custom replace. No regexing ret = replacer(hexEscStr, unicodeStr, ret); } // End with decodeURIComponent, which most resembles PHP's encoding functions ret = decodeURIComponent(ret); // Antworten return ret; }