Honestly, I felt like pages and categories weren't the right way to do this, and 60 seconds between results was way too slow. XD So I hired someone to actually write the generator in HTML for me. This code includes a border, a button, and random results from a list. The border color and size can be adjusted, the button text can be changed, and - obviously the most important bit - the results (string one, string two, etc.) can be changed.
I'm posting this here for the benefit of anyone else who has this issue. I also have no problem if anyone wants to add this code to a snippets database or something. ^^/
[[html]]
<style>
* {
margin: 0;
padding: 0;
}
#container {
width: 90%;
margin: 90px auto;
padding: 10px;
border: 1px solid #606060;
}
.alignleft {
float: left;
}
.alignright {
float: right;
}
</style>
<div id="container">
<p class="alignright" id="randomResult"> </p>
<button class="alignleft" id="button">Click here to see random string of text!</button>
<div style="clear: both;"></div>
</div>
<script>
function randString(){
return stringArray[~~(rand()*stringArray.length)];
}
function randText(){
var tx = randString();
var txt = document.createTextNode(tx);
var sp = document.createElement('span');
sp.appendChild(txt);
randomResult.innerHTML = '';
randomResult.appendChild(sp) = tx;
}
rand = Math.random;
stringArray = ['string one', 'string two', 'string three', 'string four', 'string five', 'string six', 'string seven', 'string eight', 'string nine', 'string ten'];
randomResult = document.getElementById('randomResult');
document.getElementById("button").addEventListener('click',randText,false);
</script>
[[/html]]
