Dynamic Drive DHTML Scripts- Ajax Rotating Includes Script

FF1+ IE5+ Opr7+

Ajax Rotating Includes Script

Author: Dynamic Drive

Note: Updated Dec 14th', 05 to fix bug related to calling the script multiple times on a page.

Description: This is a shakeup of the Ajax Includes script to let you input a list of external pages for the script to choose and selectively include one onto the current page. Three types of inclusion are supported:

Daily 1 ("dailyw"): The script will include a different file for each day of the week (Monday, Tuesday, etc).
Daily 2 ("dailym"): The script will include a different file for each day of the month (1st to 31st).
Random ("random"): The script will randomly pick one from the list of files to include.

You can call the script multiple times on the same page, each with a different inclusion type. Note that due to inherent limitations, the included files MUST be from the same domain as the page doing the inclusion.

Demo (Display type used below is "dailyw", or different file for each day of the week):

Directions

Step 1: Insert the below script to the HEAD section of your page:

Select All

<script type="text/javascript">

/***********************************************
* Ajax Rotating Includes script- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* Please keep this notice intact
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/

//To include a page, invoke ajaxinclude(files_array, "ROTATETYPE") in the BODY of page.
//* file_array is the name of the array containing your list of files to include.
//* For "ROTATETYPE", valid values are "dailyw", "dailym", and "random", for each day of the week, each day of the month, and random, respectively.
//* Included file MUST be from the same domain as the page displaying it.

//Enter path to list of files to display.
//For rotatetype="dailyw", there must be 7 files, and for "dailym", 31 files. Otherwise, no restriction:

var includefiles=["ajaxfiles/file.htm", "ajaxfiles/file2.htm", "ajaxfiles/file3.htm", "ajaxfiles/file4.htm", "ajaxfiles/file5.htm", "ajaxfiles/file6.htm", "ajaxfiles/file7.htm"]

var rootdomain="http://"+window.location.hostname

function ajaxinclude(files_array, rotatetype){
var page_request = false
if (window.XMLHttpRequest) // if Mozilla, Safari etc
page_request = new XMLHttpRequest()
else if (window.ActiveXObject){ // if IE
try {
page_request = new ActiveXObject("Msxml2.XMLHTTP")
} 
catch (e){
try{
page_request = new ActiveXObject("Microsoft.XMLHTTP")
}
catch (e){}
}
}
else
return false
var url=choosefile(files_array, rotatetype)
if (typeof files_array[url]=="undefined"){
document.write("Error: No file for this day has been found.")
return
}
else
url=files_array[url]
page_request.open('GET', url, false) //get page synchronously 
page_request.send(null)
writecontent(page_request)
}

function writecontent(page_request){
if (window.location.href.indexOf("http")==-1 || page_request.status==200)
document.write(page_request.responseText)
}

function choosefile(files_array, rotatetype){
var today=new Date()
var selectedfile=(rotatetype=="dailyw")? today.getDay() : rotatetype=="dailym"? today.getDate() : Math.floor(Math.random()*files_array.length)
if (rotatetype=="dailyw" && selectedfile==0) //if display type=="week days" and today is Sunday 
selectedfile=7
if (rotatetype=="dailyw" || rotatetype=="dailym")
selectedfile--  //remove 1 to sync with array index
return selectedfile
}

</script>

Step 2: Once that's done, to include an external page, use the below code in the BODY section of your page where you want the external file to be included:

<script type="text/javascript">
ajaxinclude(includefiles, "dailym")
</script>

Where "includedfiles" is the name of the array in the code of Step 1 that contains your list of files, and "dailym", the inclusion type. For the inclusion type, the 3 valid values are:

"dailyw": The script will include a different file for each day of the week (Monday, Tuesday, etc). As such you must specify 7 files inside your array, one for each day of the week starting Monday.
"dailym": The script will include a different file for each day of the month (1st to 31st). As such you must specify 31 files inside your array, one for each day of the month.
"random": The script will randomly one pick from the list of files to include.

As mentioned in the description for the script, you can call this script (code of Step 2) multiple times on your page, each with a different array list and inclusion type. Enjoy!

Wordpress Users: Step by Step instructions to add ANY Dynamic Drive script to an entire Wordpress theme or individual Post