PDA

View Full Version : Cookies and Dynamic Ajax Content



rnmihayden
09-11-2010, 01:20 AM
1) Script Title: Dynamic Ajax Content

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex17/ajaxcontent.htm

3) Describe problem: I am using the script as modified in the post, http://www.dynamicdrive.com/forums/archive/index.php/t-11279.html on two pages on one site, http://www.gethelpflorida.org on both of these pages: http://www.gethelpflorida.org/statefedresources.shtml (http://www.gethelpflorida.org/statefedresources.shtml)and http://www.gethelpflorida.org/faqs.shtml. Since I am using the same script in both locations, it is sharing the cookie to put content remembered from one page as the selected content when the other page loads. Is there a way to rewrite the code so that a separate cookie is used for each page?

4) The code: <script type="text/javascript">


/***********************************************
* Dynamic Ajax Content- Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
* Modified to reload most recent ajaxpage content and loaded objects on page reload in:
* http://www.dynamicdrive.com/forums by jscheuer1
***********************************************/

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

function ajaxpage(url, containerid){
createCookie('ajaxloaded', url+','+containerid, 1)
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
page_request.onreadystatechange=function(){
loadpage(page_request, containerid)
}
page_request.open('GET', url, true)
page_request.send(null)
}

function loadpage(page_request, containerid){
if (page_request.readyState == 4 && (page_request.status==200 || window.location.href.indexOf("http")==-1))
document.getElementById(containerid).innerHTML=page_request.responseText
}

function loadobjs(){
if (!document.getElementById)
return
for (i=0; i<arguments.length; i++){
var file=arguments[i]
var fileref=""
if (loadedobjects.indexOf(file)==-1){ //Check to see if this object has not already been added to page before proceeding
if (file.indexOf(".js")!=-1){ //If object is a js file
fileref=document.createElement('script')
fileref.setAttribute("type","text/javascript");
fileref.setAttribute("src", file);
}
else if (file.indexOf(".css")!=-1){ //If object is a css file
fileref=document.createElement("link")
fileref.setAttribute("rel", "stylesheet");
fileref.setAttribute("type", "text/css");
fileref.setAttribute("href", file);
}
}
if (fileref!=""){
document.getElementsByTagName("head").item(0).appendChild(fileref)
loadedobjects+=file+" " //Remember this object as being already added to page
}
}
createCookie('objsloaded', loadedobjects, 1)
}

//cookie unit from www.quirksmode.org

function createCookie(name,value,days)
{
if (days)
{
var date = new Date();
date.setTime(date.getTime()+(days*24*60*60*1000));
var expires = "; expires="+date.toGMTString();
}
else var expires = "";
document.cookie = name+"="+value+expires+"; path=/";
}

function readCookie(name)
{
var nameEQ = name + "=";
var ca = document.cookie.split(';');
for(var i=0;i < ca.length;i++)
{
var c = ca[i];
while (c.charAt(0)==' ') c = c.substring(1,c.length);
if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
}
return null;
}

function eraseCookie(name)
{
createCookie(name,"",-1);
}

//end cookie unit

onload=function() {
if (readCookie('ajaxloaded')!=null&&readCookie('ajaxloaded').indexOf('null')<0){
var args=unescape(readCookie('ajaxloaded')).split(',')
ajaxpage(args[0],args[1]);
}
if (readCookie('objsloaded')!=null&&readCookie('objsloaded').indexOf('null')<0){
args=unescape(readCookie('objsloaded')).split(' ')
for (var i_tem = 0; i_tem < args.length; i_tem++)
loadobjs(args[i_tem]);
}
}


</script>

jscheuer1
09-11-2010, 09:22 AM
/***********************************************
* Dynamic Ajax Content- Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
* Modified to reload most recent ajaxpage content and loaded objects on page reload in:
* http://www.dynamicdrive.com/forums by jscheuer1
***********************************************/

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

function ajaxpage(url, containerid){
createCookie('ajaxloaded' + ajaxpage.loc, url+','+containerid, 1)
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
page_request.onreadystatechange=function(){
loadpage(page_request, containerid)
}
page_request.open('GET', url, true)
page_request.send(null)
}

function loadpage(page_request, containerid){
if (page_request.readyState == 4 && (page_request.status==200 || window.location.href.indexOf("http")==-1))
document.getElementById(containerid).innerHTML=page_request.responseText
}

function loadobjs(){
if (!document.getElementById)
return
for (i=0; i<arguments.length; i++){
var file=arguments[i]
var fileref=""
if (loadedobjects.indexOf(file)==-1){ //Check to see if this object has not already been added to page before proceeding
if (file.indexOf(".js")!=-1){ //If object is a js file
fileref=document.createElement('script')
fileref.setAttribute("type","text/javascript");
fileref.setAttribute("src", file);
}
else if (file.indexOf(".css")!=-1){ //If object is a css file
fileref=document.createElement("link")
fileref.setAttribute("rel", "stylesheet");
fileref.setAttribute("type", "text/css");
fileref.setAttribute("href", file);
}
}
if (fileref!=""){
document.getElementsByTagName("head").item(0).appendChild(fileref)
loadedobjects+=file+" " //Remember this object as being already added to page
}
}
createCookie('objsloaded' + ajaxpage.loc, loadedobjects, 1)
}

//cookie unit from www.quirksmode.org

function createCookie(name,value,days)
{
if (days)
{
var date = new Date();
date.setTime(date.getTime()+(days*24*60*60*1000));
var expires = "; expires="+date.toGMTString();
}
else var expires = "";
document.cookie = name+"="+value+expires+"; path=/";
}

function readCookie(name)
{
var nameEQ = name + "=";
var ca = document.cookie.split(';');
for(var i=0;i < ca.length;i++)
{
var c = ca[i];
while (c.charAt(0)==' ') c = c.substring(1,c.length);
if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
}
return null;
}

function eraseCookie(name)
{
createCookie(name,"",-1);
}

//end cookie unit

onload=function() {
var aload = readCookie('ajaxloaded' + ajaxpage.loc), oload = readCookie('objsloaded' + ajaxpage.loc);
if (aload!=null&&aload.indexOf('null')<0){
var args=unescape(aload).split(',')
ajaxpage(args[0],args[1]);
}
if (oload!=null&&oload.indexOf('null')<0){
args=unescape(oload).split(' ')
for (var i_tem = 0; i_tem < args.length; i_tem++)
loadobjs(args[i_tem]);
}
}

ajaxpage.loc = location.pathname.substring(location.pathname.lastIndexOf('/') + 1).replace(/[^a-z0-9]/g, '');

</script>