Show Recent Changes within a page

To provide an "at a glance" view of what has changed recently, we have added the Recent Changes within our home page on the wiki. The following describes how to do this.

Switch to HTML view

Paste the following, modified for your own setup:

<h2>Recent Changes</h2>
<p><em><font style="font-size: 12px">More changes can be found by clicking &quot;Recent Changes&quot; at the top wiki menu.</font></em></p>
<div style="overflow: hidden; width: 656px; position: relative; height: 450px">
<iframe id="iframeContent2" name="iframeContent2" src="http://wiki/Special:Recentchanges" frameborder="0" scrolling="no" onload="var links = frames.iframeContent2.document.links; for (var i = 0; i &lt; links.length; i++) {links[i].target='_top';}" style="left: -210px; width: 800px; position: relative; top: -250px; height: 700px"></iframe>

This will create an iframe that links to the "Recent Changes" page, but only a specified section. If you want to increase the section displayed, tweak the height and width values in both the div section and the iframe section.

The above produces this:

We have also used this to produce a "Featured User" section that only displays the first paragraph or so of each user's page, using the following code:

<h2>Featured User</h2>
<div style="overflow: hidden; width: 700px; position: relative; height: 200px">
<iframe id="iframeContent" name="iframeContent" src="http://wiki/User:admin/anypage" frameborder="0" scrolling="no" onload="var links = frames.iframeContent.document.links; for (var i = 0; i &lt; links.length; i++) {links[i].target='_top';}" style="left: -210px; width: 800px; position: relative; top: -240px; height: 500px"></iframe>

 The contents of the User:Admin/anypage are this:

{{ wiki.anypage{query: "title:User*", seconds: "64800", titlestyle: "true"} }}

Which will display any page who's title contains the word "User" for 1 day.