www.webdeveloper.com
Results 1 to 5 of 5

Thread: [RESOLVED] Random page from directory

Hybrid View

  1. #1
    Join Date
    Feb 2010
    Location
    Berlin
    Posts
    97

    resolved [RESOLVED] Random page from directory

    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.

  2. #2
    Join Date
    Apr 2003
    Location
    Netherlands
    Posts
    21,654
    Options:
    1. rename the documents to contain an index: page01.shtml, page02.shtml etc.

    2. create an array containing existing document names

    3. use a server-side script
    At least 98% of internet users' DNA is identical to that of chimpanzees

  3. #3
    Join Date
    Feb 2010
    Location
    Berlin
    Posts
    97
    Quote Originally Posted by Fang View Post
    Options:
    1. rename the documents to contain an index: page01.shtml, page02.shtml etc.
    Thanks for your reply. I'd rather not change all filenames to page01.html etc. It would take as much time as using a script that requires naming all linked pages, plus it'd make updating my site a real pain in the you-know-where.

    The idea is using a javascipt that automatically points to all files with the suffix .shtml in one particular directory. This script:
    Code:
    <script type = "text/javascript">
    
    function reDirect() {
    x = Math.ceil(Math.random() * 86);
    newPage = "Page" + x + ".html";
    window.location = newPage;
    }
    
    </script>
    would be fine if the value "Page" could be ignored (like a wildcard). Adding a number to the html-files would be OK.

    Again, I'd rather not use a serverside script (PHP).

  4. #4
    Join Date
    Apr 2003
    Location
    Netherlands
    Posts
    21,654
    would be fine if the value "Page" could be ignored (like a wildcard)
    that would not work.
    At least 98% of internet users' DNA is identical to that of chimpanzees

  5. #5
    Join Date
    Feb 2010
    Location
    Berlin
    Posts
    97
    Used the script mentioned here instead http://www.irt.org/articles/js033/index.htm#6

    Thanks.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles