<?xml version="1.0" encoding="UTF-8"?>
<Module>
<ModulePrefs title="Position Absolute Pagination Gadget" height="400" width="500" 
description="Gadget that allows pagination viewing of any RSS feed"
author="Matthew Foster"
author_email="mattfoster01+bloggadget@gmail.com"
author_location="Portland ME USA"
author_link="http://positionabsolute.net/blog/"
title_url="http://positionabsolute.net/blog/2007/10/prototype-pagination.php"
screenshot="http://positionabsolute.net/images/blog-gadget.png"
thumbnail="http://positionabsolute.net/images/blog-gadget-thumb.png">
<Require feature="analytics" /> 
</ModulePrefs>
<UserPref name="url" display_name="Blog URL" default_value="http://positionabsolute.net/blog/feed/index.php"/>
<Content type="html"><![CDATA[
<html>
<head>
<script type="text/javascript" src="http://positionabsolute.net/includes/javascripts/prototype.js"></script>
<script type="text/javascript" src="http://positionabsolute.net/includes/javascripts/EventDispatcher.js"></script>
<script type="text/javascript" src="http://positionabsolute.net/includes/javascripts/AjaxService.js"></script>
<script type="text/javascript" src="http://positionabsolute.net/includes/javascripts/GadgetFeedService.js"></script>
<script type='text/javascript' src='http://positionabsolute.net/includes/javascripts/Pagination.js'></script>
<script type='text/javascript' src='http://positionabsolute.net/includes/javascripts/PaginationIteration.js'></script>
<script type="text/javascript" src="http://positionabsolute.net/includes/javascripts/PageController.js"></script>
<script type="text/javascript" src="http://positionabsolute.net/includes/javascripts/PageView.js"></script>
<style type='text/css'>
body *{
  font-size:12px;
  
}
ul, li, html, body{
  padding:0px;
  margin:0px;
}
.previous, .next{
		width:15px;
		height:15px;
		visibility:hidden;
		cursor:pointer;
	}
	.previous{
		background:url(http://positionabsolute.net/images/arrow-left.gif) no-repeat top left;
	}
	.next{
		background:url(http://positionabsolute.net/images/arrow-right.gif) no-repeat top left;
	} 
	a.active{
		color:#FF6600;
		text-decoration:underline;
	}
	td.active{
		visibility:visible;
	}
	#feedView{
		height:350px;
		background-color:#F7F8F9;
		overflow:auto;
                padding-left:5px;
	}
        #feedView li{
			list-style-type:none;
			border-bottom:1px dashed #AAA;
                        margin-bottom:15px;
        }
	#area{
		border-bottom:1px solid #eee;
		border-top : 1px solid #eee;
	}
	#area td{
		-moz-user-select:none;
	}
	#area table{
		margin:auto;
		width:250px;
		text-align:center;
	}
		
</style>

</head>

<body>

<ul id="feedView"></ul>
<div id="area"><table><tr id="pageControl"></tr></table></div>


</body>

<script type="text/javascript">
  
var prefs = new _IG_Prefs();



var myPage = new PaginationIteration({ perPage : 4 });

var myView = new PageView("feedView");
var myController = new PageController("pageControl", myPage);

var myService = new GadgetFeedService(prefs.getString("url"));

myService.addEventListener("receiveFeed", myController.gadgetHandle);

myController.addEventListener("change", myView.pageChangeHandle);

myService.retrieveFeed();


_IG_Analytics("UA-2046768-1", "/blog/feed/gadget/");
</script>

  
  
  </body>
</html>
  
  
  
  
  
  
]]>


</Content>
</Module>







