function com_stewartspeak_replacement() {
/*
Dynamic Heading Generator
By Stewart Rosenberger
http://www.stewartspeak.com/headings/
This script searches through a web page for specific or general elements
and replaces them with dynamically generated images, in conjunction with
a server-side script.
The replaceSelector function accepts three parameters: The first is the CSS-style selector that indicates which elements should be replaced. This selector may be almost any valid CSS selector, including id, class, element and attribute selectors.
The second parameter is the URL of our custom PHP script.
The third parameter is a true/false value that indicates whether word-wrap should be turned on for this replacement. When this flag is set to true, headings are broken into multiple images, one for each word. When it is false, only a single, non-breaking image is generated for each heading.
replaceSelector should be called once for each group of elements you want replaced by a custom image. The URLs in these lines can be absolute (http://…) or relative to our HTML file (path/filename).
The testURL variable needs to be set to the URL of a small (1x1 pixel) test image.
Once these lines are set correctly, you can upload the JavaScript file to your web server, and apply it to your web pages by adding the following line to their tags.
Funburst specific usage
~~~~~~~~~~~~~~~~~~
1. This fileset must be copied to the new month's folder, and its name appended with the number of the month.
e.g.: /replacement.[2 digit month].js, and /headingNavi.[2 digit month].php
2. This script must be modified to reference the correct set of php scripts: see the 'replaceSelector' block below.
3. Each of the scripts named in the block below must be modified when creating the colorset for a new month:
Within each PHP script is a block of code (at the top of the file, after the notes) which defines the font to be used, the font size, font color, and background color. (There are some other controls, but they need not be modified.) The background color in these scripts must correspond to the background color specified in the monthly stylesheet. The background color should be the same for all scripts in each monthly set, except for the /headingNavi.[month].php script, which should call the background color for the navi bar, rather than the background for the body of the page.
The scripts have documentation to further explain their function.
*complete fileset to be copied into monthly folder:
1. corndog.ttf
2. heading.orig.php (this file should not be modified)
3. headingH1.[month].php
4. headingH2.[month].php
5. headingH4.[month].php
6. headingH3.[month].php
7. headingNavi.[month].php
8. replacement.[month].js
9. test.png
removed rom list below 5.31.07
replaceSelector("h3","/rotate/images/day/03.01/headingH3.06.php",true);
*/
replaceSelector("li a.image","/rotate/images/day/03.01/scriptNavi.php",true);
replaceSelector("h1","/rotate/images/day/03.01/scriptH1.php",true);
replaceSelector("h2","/rotate/images/day/03.01/scriptH2.bg1.php",true);
replaceSelector("h2.bg1","/rotate/images/day/03.01/scriptH2.bg1.php",true);
replaceSelector("h2.bg2","/rotate/images/day/03.01/scriptH2.bg2.php",true);
replaceSelector("h4","/rotate/images/day/03.01/scriptH4.php",true);
replaceSelector("h5","/rotate/images/day/03.01/scriptH5.php",true);
replaceSelector("h6","/rotate/images/day/03.01/scriptH6.php",true);
var testURL = "/rotate/images/day/03.01/test.png" ;
var doNotPrintImages = true;
var printerCSS = "/replacement-print.css";
var hideFlicker = true;
var hideFlickerCSS = "/replacement-screen.css";
var hideFlickerTimeout = 1000;
/* ---------------------------------------------------------------------------
For basic usage, you should not need to edit anything below this comment.
If you need to further customize this script's abilities, make sure
you're familiar with Javascript. And grab a soda or something.
*/
var items;
var imageLoaded = false;
var documentLoaded = false;
function replaceSelector(selector,url,wordwrap)
{
if(typeof items == "undefined")
items = new Array();
items[items.length] = {selector: selector, url: url, wordwrap: wordwrap};
}
if(hideFlicker)
{
document.write('');
window.flickerCheck = function()
{
if(!imageLoaded)
setStyleSheetState('hide-flicker',false);
};
setTimeout('window.flickerCheck();',hideFlickerTimeout)
}
if(doNotPrintImages)
document.write('');
var test = new Image();
test.onload = function() { imageLoaded = true; if(documentLoaded) replacement(); };
test.src = testURL + "?date=" + (new Date()).getTime();
addLoadHandler(function(){ documentLoaded = true; if(imageLoaded) replacement(); });
function documentLoad()
{
documentLoaded = true;
if(imageLoaded)
replacement();
}
function replacement()
{
for(var i=0;i 0) for(var j=0;j -1)
{
var bits = token.split('#');
var tagName = bits[0];
var id = bits[1];
var element = document.getElementById(id);
if(tagName && element.nodeName.toLowerCase() != tagName)
return new Array();
currentContext = new Array(element);
continue;
}
if(token.indexOf('.') > -1)
{
var bits = token.split('.');
var tagName = bits[0];
var className = bits[1];
if(!tagName)
tagName = '*';
var found = new Array;
var foundCount = 0;
for(var h=0;h -1); };
break;
default :
checkFunction = function(e) { return e.getAttribute(attrName); };
}
currentContext = new Array;
var currentContextIndex = 0;
for(var k=0;k