This is my first post in WebDeveloper.com, please let me know if I make any newbie-poster errors.
On my website I have a link that should point to a random page on my server (all in the same folder). As my site is now almost 100 pages large, I want to avoid having to add each and every page to a JS. I also prefer not to use php. All the pages that should be linked have the suffix .shtml.
—Option 1
I have a script that randomly points to pages named page01.shtml, page02.shtml etc., but I want to keep the current filenames (artprojects.shtml, webdesign.shtml), for usability sake:
<script type = “text/javascript”>
function reDirect() {
x = Math.ceil(Math.random() * 86);
newPage = “Page” + x + “.html”;
window.location = newPage;
}
</script>
This works fine if I’d change every filename to page01.shtml etc., but for usability sake I’d rather don’t (adding a number is fine, though also preferably not). Is it possible to use a wildcard for the value “Page”? Also, would it be possible to exclude some pages (like cv.shtml)?
—Option 2
Here’s another script that works great for random images. Could this eventually be changed to work for html-pages instead?
<script type = “text/javascript”>
function getRandomImage()
{
var upperLimit = 39;
var imagePath = “img/”;
var baseName = “picture”;
var imageType = “.jpg”;
var randomNum = Math.round(Math.random()*upperLimit);
var fileName = imagePath + baseName + randomNum + imageType;
return fileName;
} // JavaScript Document
</script>
I’ve changed it to this (and please excuse the crudeness ? ):
<script type = “text/javascript”>
function getRandomImage()
{
var upperLimit = 1;
var imagePath = ” “;
var baseName = ” “;
var imageType = “.shtml”;
var randomNum = Math.round(Math.random()*upperLimit);
var fileName = imagePath + baseName + randomNum + imageType;
return fileName;
} // JavaScript Document
</script>
(var upperLimit = 1; only used for testing). The result is a page with a broken image which links to a random page. Close, but not quite there.
Thanks in advance for your help.