Insert RSS Feed code into Your Website

Custom Search

  

  

 Really Simple
Syndication
for your website
 

   
 


help fight the media
    

 

 

 
 
This page contains the source code for two RSS Feeds.  Simply insert your chosen feed into your website where desired and justify left, center, or right as desired . . .
Example 1 -- List

Latest threads from The Obama File
Title Author Date

 
Example 2 -- Scroller

Latest threads from The Obama File
   

Example 1 -- List Code

<Div>
<!-- Begin JavaScript Feed Code -->
<b>Latest threads from The Obama File</b><br>
<table cellpadding=2 style="font: 11px Verdana, Arial, Helvetica, sans-serif;">
<tr>
<td><b>Title</b></td>
<td><b>Author</b></td>
<td><b>Date</b></td>
</tr>

<script type="text/javascript">
<!--
// avoid a syntax error from the external file in certain cases
window.onerror = function () {return true;}
-->
</script>
<script type="text/javascript" src="http://theobamafile.websitetoolbox.com/external?type=js"></script>
<script type="text/javascript">
<!--
var displayThreads = 10; // number of threads to display (maximum is 15)
var maxTitleLength = 60; // maximum length of the title

if (typeof(threads) != 'undefined' && threads.length) {
if (threads.length < displayThreads) displayThreads = threads.length;

for(i = 0; i < displayThreads; i++) {
if (threads[i].title.length > maxTitleLength) {
threads[i].title = threads[i].title.substring(0, maxTitleLength) + '...';
}

document.writeln('<tr>');
document.writeln('<td><a href="http://theobamafile.websitetoolbox.com/post?id=' + threads[i].threadid + '">' + threads[i].title + '</a>');
document.writeln('<td>' + threads[i].poster + '</td>');
document.writeln('<td>' + threads[i].threaddate + ' at ' + threads[i].threadtime + '</td>');
document.writeln('</tr>');
}
} else {
document.write('<td colspan=3>There are currently no threads to display.</td>');
}

window.onerror = null;
-->
</script>

</table>
<!-- End JavaScript Feed Code -->
</Div>

Example 2 - Scroller Code

<div>

<!-- Begin JavaScript Feed Code -->
<b>Latest threads from The Obama File:</b><br>

<style type="text/css">

#scroller {
width: 400px;
height: 20px;
border: 1px solid black;
padding: 3px;
text-align: left;
}

#scroller a{
text-decoration: none;
}

</style>

<script type="text/javascript">

//new scroller(name_of_message_array, CSS_ID, CSS_classname, pause_in_miliseconds)

function scroller(content, divId, divClass, delay){
this.content=content //message array content
this.tickerid=divId //ID of ticker div to display information
this.delay=delay //Delay between msg change, in miliseconds.
this.mouseoverBol=0 //Boolean to indicate whether mouse is currently over scroller (and pause it if it is)
this.hiddendivpointer=1 //index of message array for hidden div
document.write('<div id="'+divId+'" class="'+divClass+'" style="position: relative; overflow: hidden"><div class="innerDiv" style="position: absolute; width: 100%" id="'+divId+'1">'+content[0]+'</div><div class="innerDiv" style="position: absolute; width: 100%; visibility: hidden" id="'+divId+'2">'+content[1]+'</div></div>')
var scrollerinstance=this
if (window.addEventListener) //run onload in DOM2 browsers
window.addEventListener("load", function(){scrollerinstance.initialize()}, false)
else if (window.attachEvent) //run onload in IE5.5+
window.attachEvent("onload", function(){scrollerinstance.initialize()})
else if (document.getElementById) //if legacy DOM browsers, just start scroller after 0.5 sec
setTimeout(function(){scrollerinstance.initialize()}, 500)
}

// -------------------------------------------------------------------
// initialize()- Initialize scroller method.
// -Get div objects, set initial positions, start up down animation
// -------------------------------------------------------------------

scroller.prototype.initialize=function(){
this.tickerdiv=document.getElementById(this.tickerid)
this.visiblediv=document.getElementById(this.tickerid+"1")
this.hiddendiv=document.getElementById(this.tickerid+"2")
this.visibledivtop=parseInt(scroller.getCSSpadding(this.tickerdiv))
//set width of inner DIVs to outer DIV's width minus padding (padding assumed to be top padding x 2)
this.visiblediv.style.width=this.hiddendiv.style.width=this.tickerdiv.offsetWidth-(this.visibledivtop*2)+"px"
this.getinline(this.visiblediv, this.hiddendiv)
this.hiddendiv.style.visibility="visible"
var scrollerinstance=this
document.getElementById(this.tickerid).onmouseover=function(){scrollerinstance.mouseoverBol=1}
document.getElementById(this.tickerid).onmouseout=function(){scrollerinstance.mouseoverBol=0}
if (window.attachEvent) //Clean up loose references in IE
window.attachEvent("onunload", function(){scrollerinstance.tickerdiv.onmouseover=scrollerinstance.tickerdiv.onmouseout=null})
setTimeout(function(){scrollerinstance.animateup()}, this.delay)
}


// -------------------------------------------------------------------
// animateup()- Move the two inner divs of the scroller up and in sync
// -------------------------------------------------------------------

scroller.prototype.animateup=function(){
var scrollerinstance=this
if (parseInt(this.hiddendiv.style.top)>(this.visibledivtop+5)){
this.visiblediv.style.top=parseInt(this.visiblediv.style.top)-5+"px"
this.hiddendiv.style.top=parseInt(this.hiddendiv.style.top)-5+"px"
setTimeout(function(){scrollerinstance.animateup()}, 50)
}
else{
this.getinline(this.hiddendiv, this.visiblediv)
this.swapdivs()
setTimeout(function(){scrollerinstance.setmessage()}, this.delay)
}
}

// -------------------------------------------------------------------
// swapdivs()- Swap between which is the visible and which is the hidden div
// -------------------------------------------------------------------

scroller.prototype.swapdivs=function(){
var tempcontainer=this.visiblediv
this.visiblediv=this.hiddendiv
this.hiddendiv=tempcontainer
}

scroller.prototype.getinline=function(div1, div2){
div1.style.top=this.visibledivtop+"px"
div2.style.top=Math.max(div1.parentNode.offsetHeight, div1.offsetHeight)+"px"
}

// -------------------------------------------------------------------
// setmessage()- Populate the hidden div with the next message before it's visible
// -------------------------------------------------------------------

scroller.prototype.setmessage=function(){
var scrollerinstance=this
if (this.mouseoverBol==1) //if mouse is currently over scoller, do nothing (pause it)
setTimeout(function(){scrollerinstance.setmessage()}, 100)
else{
var i=this.hiddendivpointer
var ceiling=this.content.length
this.hiddendivpointer=(i+1>ceiling-1)? 0 : i+1
this.hiddendiv.innerHTML=this.content[this.hiddendivpointer]
this.animateup()
}
}

scroller.getCSSpadding=function(tickerobj){ //get CSS padding value, if any
if (tickerobj.currentStyle)
return tickerobj.currentStyle["paddingTop"]
else if (window.getComputedStyle) //if DOM2
return window.getComputedStyle(tickerobj, "").getPropertyValue("padding-top")
else
return 0
}

</script>


<script type="text/javascript">
<!--
// avoid a syntax error from the external file in certain cases
window.onerror = function () {return true;}
-->
</script>
<script type="text/javascript" src="http://theobamafile.websitetoolbox.com/external?type=js"></script>
<script type="text/javascript">
<!--
var displayThreads = 10; // number of threads to display (maximum is 15)
var maxTitleLength = 50; // maximum length of the title

// only display the scroller if there are threads to show
if (typeof(threads) != 'undefined' && threads.length) {
if (threads.length < displayThreads) displayThreads = threads.length;

var scrollerContent = new Array(displayThreads);

// gather only the titles from the array of thread data
for(i = 0; i < displayThreads; i++) {
if (threads[i].title.length > maxTitleLength) {
threads[i].title = threads[i].title.substring(0, maxTitleLength) + '...';
}

scrollerContent[i] = "<a href=\"http://theobamafile.websitetoolbox.com/post?id=" + threads[i].threadid + "\">" + threads[i].title + "</a>";
}

//new scroller(name_of_message_array, CSS_ID, CSS_classname, pause_in_miliseconds)
new scroller(scrollerContent, "scroller", "scroller", 3000);
}

window.onerror = null;
-->
</script>
<!-- End JavaScript Feed Code -->
</div>

    
Comments . . .
***  
 

© Copyright  Beckwith  2011
All right reserved