Skip to content

Instantly share code, notes, and snippets.

@rickdog
Created April 23, 2009 22:18
Show Gist options
  • Save rickdog/100800 to your computer and use it in GitHub Desktop.
Save rickdog/100800 to your computer and use it in GitHub Desktop.
porf active
<!-- (new) Add IFRAME for feed or page -->
<!-- blogger puts border and padding to images in post divs, remove them in porf class divs -->
<!-- playfeed="true" to play the feed instead of page -->
<!-- if attribute "playframe" exists, it is the page to play instead (usually a frame) -->
<style type="text/css">
.porf img
{
padding: 0px;
border: none;
}
</style>
<script type="text/javascript">
var frmht = "550px";
function openFrame(elem)
{
elem = elem.parentNode;
var d = document;
var b = d.body;
var lastChild = elem.childNodes[elem.childNodes.length-1];
var type = null;
if (lastChild.getAttribute)
{
type = lastChild.getAttribute("type");
}
if (lastChild.nodeName == "IFRAME")
{
if (type != "page")
{
lastChild.src = elem.firstChild.href;
lastChild.setAttribute("type", "page");
}
else
elem.removeChild(lastChild);
}
else
{
var i = elem.appendChild(d.createElement('iframe'));
i.src = elem.firstChild.href;
i.height = frmht;
i.width = "100%";
i.setAttribute("type", "page");
}
}
function openFeed(elem)
{
elem = elem.parentNode;
var d = document;
var b = d.body;
var lastChild = elem.childNodes[elem.childNodes.length-1];
var feed = elem.firstChild.getAttribute("feed");
var type = null;
if (lastChild.getAttribute)
{
type = lastChild.getAttribute("type");
}
if (lastChild.nodeName == "IFRAME")
{
var sFeed = "http://gmodules.com/ig/ifr?url=http://customrss.googlepages.com/customrss.xml&up_rssurl=";
var sFeed2 = "&up_title=CustomRSS&up_titleurl=http://customrss.googlepages.com&up_num_entries=100&up_linkaction=showdescription&up_background=0A4721&up_border=CFC58E&up_round=1&up_fontfamily=Arial&up_fontsize=8pt&up_openfontsize=9pt&up_itempadding=3px&up_bullet=icon&up_custicon=Overrides%20favicon.ico&up_boxicon=1&up_opacity=20&up_itemlinkcolor=FDFF58&up_itemlinkweight=Normal&up_itemlinkdecoration=None&up_vlinkcolor=C7CFA8&up_vlinkweight=Normal&up_vlinkdecoration=None&up_showdate=1&up_datecolor=9F9F9F&up_tcolor=1C57A9&up_thighlight=FFF19D&up_desclinkcolor=1B5790&up_color=000000&up_dback=FFFFFF&up_dborder=DFCE6F&up_desclinkweight=Bold&up_desclinkdecoration=None&synd=open&w=600&h=800&title=CustomRSS&border=%23ffffff%7C3px%2C1px+solid+%23999999";
if (type != "feed" && feed)
{
lastChild.src = sFeed + feed + sFeed2;
lastChild.style.backgroundColor = "#0A4721";
lastChild.setAttribute("type", "feed");
}
else
elem.removeChild(lastChild);
}
else
{
if (feed)
{
var i = elem.appendChild(d.createElement('iframe'));
i.src = "http://gmodules.com/ig/ifr?url=http://customrss.googlepages.com/customrss.xml&up_rssurl="+feed+"&up_title=CustomRSS&up_titleurl=http://customrss.googlepages.com&up_num_entries=100&up_linkaction=showdescription&up_background=0A4721&up_border=CFC58E&up_round=1&up_fontfamily=Arial&up_fontsize=8pt&up_openfontsize=9pt&up_itempadding=3px&up_bullet=icon&up_custicon=Overrides%20favicon.ico&up_boxicon=1&up_opacity=20&up_itemlinkcolor=FDFF58&up_itemlinkweight=Normal&up_itemlinkdecoration=None&up_vlinkcolor=C7CFA8&up_vlinkweight=Normal&up_vlinkdecoration=None&up_showdate=1&up_datecolor=9F9F9F&up_tcolor=1C57A9&up_thighlight=FFF19D&up_desclinkcolor=1B5790&up_color=000000&up_dback=FFFFFF&up_dborder=DFCE6F&up_desclinkweight=Bold&up_desclinkdecoration=None&synd=open&w=600&h=550&title=CustomRSS&border=%23ffffff%7C3px%2C1px+solid+%23999999";
i.height = frmht;
i.width = "100%";
i.style.backgroundColor = "#0A4721";
i.setAttribute("type", "feed");
}
}
}
function openGrazr(elem)
{
elem = elem.parentNode;
var d = document;
var b = d.body;
var lastChild = elem.childNodes[elem.childNodes.length-1];
var feed = elem.firstChild.getAttribute("feed");
var href = elem.firstChild.getAttribute("href");
if (!feed)
feed = href;
var type = null;
if (lastChild.getAttribute)
{
type = lastChild.getAttribute("type");
}
if (lastChild.nodeName == "IFRAME")
{
if (type != "grazr")
{
lastChild.src = "http://grazr.com/gzpanel.html?view=o&theme=gloss_black&fontsize=8pt&font=Comic%20Sans%20MS&file="+feed;
lastChild.style.backgroundColor = "#0A4721";
lastChild.setAttribute("type", "grazr");
}
else
elem.removeChild(lastChild);
}
else
{
var i = elem.appendChild(d.createElement('iframe'));
i.src = "http://grazr.com/gzpanel.html?view=o&theme=gloss_black&fontsize=8pt&font=Comic%20Sans%20MS&file="+feed;
i.height = frmht;
i.width = "100%";
i.style.backgroundColor = "#0A4721";
i.style.borderStyle = "none";
i.setAttribute("type", "grazr");
}
}
// if attribute "play" exists and is set to "true" then preserve the playpage icon.
// if attribute "playframe" exists, it is the page to play instead (usually a frame)
function playPage(elem)
{
elem = elem.parentNode;
var d = document;
var b = d.body;
var lastChild = elem.childNodes[elem.childNodes.length-1];
var href = elem.firstChild.getAttribute("href");
var type = null;
var playfeed = false;
var playframe = elem.firstChild.getAttribute("playframe");
if (playframe)
href = playframe;
playfeed = elem.firstChild.getAttribute("playfeed");
if (playfeed == "true")
{
var feed = elem.firstChild.getAttribute("feed");
if (feed)
href = feed;
}
if (lastChild.getAttribute)
{
type = lastChild.getAttribute("type");
}
if (lastChild.nodeName == "IFRAME")
{
if (type != "play")
{
lastChild.src = "http://l.yimg.com/us.yimg.com/i/mig/playlistbadge/20.swf?autoload=1&autoplay=0&playlist_url="+href;
lastChild.setAttribute("type", "play");
}
else
elem.removeChild(lastChild);
}
else
{
var i = elem.appendChild(d.createElement('iframe'));
i.src = "http://l.yimg.com/us.yimg.com/i/mig/playlistbadge/25.swf?autoload=1&autoplay=1&playlist_url="+href;
i.height = frmht;
i.width = "100%";
i.style.backgroundColor = "#0A4721";
i.style.borderStyle = "none";
i.setAttribute("type", "play");
}
}
// if attribute "play" exists and is set to "true" then preserve the playYMP icon.
// if attribute "playframe" exists, it is the page to play instead (usually a frame)
function playYMP(elem)
{
elem = elem.parentNode;
var href = elem.firstChild.getAttribute("href");
var playframe = elem.firstChild.getAttribute("playframe");
if (playframe)
href = playframe;
setTimeout(function()
{
var sUrl = 'http://mediaplayer.yahoo.com/contplay/index.php?url=' + href;
var winParms = 'scrollbars,resizable,width=685,height=290';
var winID = 'YMP' + Math.random().toString().replace('.','');
var w = window.open(sUrl , winID, winParms);
//var w = window.open(sUrl , 'YMP' + Date(), winParms);
w.focus();
try {
w.document.close();
} catch(e) {}
}, 10);
}
function checkFeed(img)
{
var elem = img.parentNode;
var feed = elem.firstChild.getAttribute("feed");
var nofeed = elem.firstChild.getAttribute("nofeed");
if (!feed)
img.style.display = "none";
}
// if sure there's not a feed on the page, set attribute "nofeed" to "true"
function checkGrazr(img)
{
var elem = img.parentNode;
var nofeed = elem.firstChild.getAttribute("nofeed");
if (nofeed && nofeed == "true")
img.style.display = "none";
}
function checkPlay(img)
{
var elem = img.parentNode;
var play = elem.firstChild.getAttribute("play");
if (!play || play != "true")
img.style.display = "none";
}
</script>
<div class="porf"><a feed="http://chocoreve.blogspot.com/feeds/posts/default" nofeed="true" play="true" playframe="http://www.eastvillageradio.com/auto-archives/106/EVR-106-60Degrees-01-12-09.mp3.m3u" href="http://chocoreve.blogspot.com/" tags="sharity,full album,eclectic" target="_blank">Chocoreve</a> <img src="http://bp0.blogger.com/_wxJbUYuPBT0/SFdZ1rIlxnI/AAAAAAAAAhM/au5Ad9STcYw/s200/application.png" onclick="openFrame(this);"/> <img src="http://bp2.blogger.com/_wxJbUYuPBT0/SFdZ1xNe_3I/AAAAAAAAAhU/5Rvl1dk6d7M/s200/rss.png" onload="checkFeed(this);" onclick="openFeed(this);"/> <img src="http://bp2.blogger.com/_wxJbUYuPBT0/SFdZ18FSDCI/AAAAAAAAAhc/F_157gvZAdc/s200/grazrIconT16.png" onload="checkGrazr(this);" onclick="openGrazr(this);"/> <img src="http://bp1.blogger.com/_wxJbUYuPBT0/SHhsADobVMI/AAAAAAAAAio/Ct4DlxH-7qk/s200/music.png" onload="checkPlay(this);" onclick="playPage(this);"/></div>
<div class="porf"><a feed="http://feeds.kexp.org/kexp/songoftheday" play="true" href="http://feeds.kexp.org/kexp/songoftheday" tags="sharity,full album,eclectic" target="_blank">KEXP Song of the Day</a> <img src="http://bp0.blogger.com/_wxJbUYuPBT0/SFdZ1rIlxnI/AAAAAAAAAhM/au5Ad9STcYw/s200/application.png" onclick="openFrame(this);"/> <img src="http://bp2.blogger.com/_wxJbUYuPBT0/SFdZ1xNe_3I/AAAAAAAAAhU/5Rvl1dk6d7M/s200/rss.png" onload="checkFeed(this);" onclick="openFeed(this);"/> <img src="http://bp2.blogger.com/_wxJbUYuPBT0/SFdZ18FSDCI/AAAAAAAAAhc/F_157gvZAdc/s200/grazrIconT16.png" onload="checkGrazr(this);" onclick="openGrazr(this);"/> <img src="http://bp1.blogger.com/_wxJbUYuPBT0/SHhsADobVMI/AAAAAAAAAio/Ct4DlxH-7qk/s200/music.png" onload="checkPlay(this);" onclick="playPage(this);"/></div>
<div class="porf"><a feed="http://planeta-pop.blogspot.com/feeds/posts/default" play="true" href="http://planeta-pop.blogspot.com/" target="_blank">PLANETA POP</a> <img src="http://bp0.blogger.com/_wxJbUYuPBT0/SFdZ1rIlxnI/AAAAAAAAAhM/au5Ad9STcYw/s200/application.png" onclick="openFrame(this);"> <img src="http://bp2.blogger.com/_wxJbUYuPBT0/SFdZ1xNe_3I/AAAAAAAAAhU/5Rvl1dk6d7M/s200/rss.png" onload="checkFeed(this);" onclick="openFeed(this);"> <img src="http://bp2.blogger.com/_wxJbUYuPBT0/SFdZ18FSDCI/AAAAAAAAAhc/F_157gvZAdc/s200/grazrIconT16.png" onclick="openGrazr(this);"> <img src="http://bp1.blogger.com/_wxJbUYuPBT0/SHhsADobVMI/AAAAAAAAAio/Ct4DlxH-7qk/s200/music.png" onload="checkPlay(this);" onclick="playPage(this);"></div>
<div class="porf"><a href="http://www.protest-records.com/mp3/index.html" play="true" playframe="http://www.protest-records.com/mp3/tracks.html" target="_blank">protest records releases : mp3's</a> <img src="http://bp0.blogger.com/_wxJbUYuPBT0/SFdZ1rIlxnI/AAAAAAAAAhM/au5Ad9STcYw/s200/application.png" onclick="openFrame(this);"/> <img src="http://bp2.blogger.com/_wxJbUYuPBT0/SFdZ1xNe_3I/AAAAAAAAAhU/5Rvl1dk6d7M/s200/rss.png" onload="checkFeed(this);" onclick="openFeed(this);"/> <img src="http://bp2.blogger.com/_wxJbUYuPBT0/SFdZ18FSDCI/AAAAAAAAAhc/F_157gvZAdc/s200/grazrIconT16.png" onclick="openGrazr(this);"/> <img src="http://bp1.blogger.com/_wxJbUYuPBT0/SHhsADobVMI/AAAAAAAAAio/Ct4DlxH-7qk/s200/music.png" onload="checkPlay(this);" onclick="playPage(this);"/></div>
<div class="porf"><a feed="http://wfmu.org/podcast/FJ.xml" play="true" playfeed="true" href="http://wfmu.org/playlists/FJ" target="_blank">WFMU Cake & Polka Parade with Fatty Jubbo</a> <img src="http://bp0.blogger.com/_wxJbUYuPBT0/SFdZ1rIlxnI/AAAAAAAAAhM/au5Ad9STcYw/s200/application.png" onclick="openFrame(this);"> <img src="http://bp2.blogger.com/_wxJbUYuPBT0/SFdZ1xNe_3I/AAAAAAAAAhU/5Rvl1dk6d7M/s200/rss.png" onload="checkFeed(this);" onclick="openFeed(this);"> <img src="http://bp2.blogger.com/_wxJbUYuPBT0/SFdZ18FSDCI/AAAAAAAAAhc/F_157gvZAdc/s200/grazrIconT16.png" onclick="openGrazr(this);"> <img src="http://bp1.blogger.com/_wxJbUYuPBT0/SHhsADobVMI/AAAAAAAAAio/Ct4DlxH-7qk/s200/music.png" onload="checkPlay(this);" onclick="playPage(this);"></div>
<div class="porf"><a href="http://www.protest-records.com/mp3/index.html" play="true" playframe="http://www.protest-records.com/mp3/tracks.html" target="_blank">protest records releases : mp3's</a> <img src="http://bp0.blogger.com/_wxJbUYuPBT0/SFdZ1rIlxnI/AAAAAAAAAhM/au5Ad9STcYw/s200/application.png" onclick="openFrame(this);"/> <img src="http://bp2.blogger.com/_wxJbUYuPBT0/SFdZ1xNe_3I/AAAAAAAAAhU/5Rvl1dk6d7M/s200/rss.png" onload="checkFeed(this);" onclick="openFeed(this);"/> <img src="http://bp2.blogger.com/_wxJbUYuPBT0/SFdZ18FSDCI/AAAAAAAAAhc/F_157gvZAdc/s200/grazrIconT16.png" onclick="openGrazr(this);"/> <img src="http://bp1.blogger.com/_wxJbUYuPBT0/SHhsADobVMI/AAAAAAAAAio/Ct4DlxH-7qk/s200/music.png" onload="checkPlay(this);" onclick="playPage(this);"/> <img src="http://4.bp.blogspot.com/_wxJbUYuPBT0/SekntXBDGAI/AAAAAAAAAzc/VPjEtMz-JV0/s200/YMPgreen16-0.png" onload="checkPlay(this);" onclick="playYMP(this);"/></div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment