Hello,

I know very little with Javascript and was wondering if I could get some help. I'm looking to redirect to a different page on my site if no cookie is present--in particular, for certain browsers.

A pseudo code would be:

---------------------

Is user using IE, Firefox or Chrome?

......If yes, continue forward like normal.

......If no, check to see if cookie is present.

............Is cookie present?

..................If yes, continue forward like normal.

..................If no, redirect to alternate page.

........................On alternate page, at the end, have a line that says, "Proceed to <original link destination>?"

..............................If user clicks to proceed, create cookie for future reference as to not load this page again throughout entire site.

---------------------

Any help would be very appreciated!

<script>
if(!(/(Firefox|MSIE|Chrome)/.test(navigator.userAgent)) &&
   !document.cookie) window.location.href = "alternate.page";
</script>

alternate page:

<a href="original.page" onclick="var d=new Date();d.setDate(d.getDate()+10000);document.cookie='msg=IwasHere; expires='+d.toGMTString()+';';">Proceed to original page</a>

[js cookie]

This is terrific, thank you freeloader! I just need help with one more thing based upon this script:

This code will be used on every page throughout the site. As a result, I would need the alternate page's "Proceed to Original Page" URL to be able to know what URL it was originally going to (dynamically) before it was redirected to the alternate page.

I was thinking a PHP http_REFFER script with it echoing in the href would work but for some reason the it won't create the referring URL.

Any suggestions?

PHP Code:

<a href="<?php echo $_SERVER['HTTP_REFERER']; ?>" 
   onclick="var d=new Date(); d.setDate(d.getDate()+10000);
   document.cookie='msg=IwasHere; expires='+d.toGMTString()+';';
   window.history.go(-1); return false;">Proceed to original page</a>

Thank you again freeloader. Works like a charm! May I ask for one last Javascript-based assistance? How can I get this script to work multiple times on the same onClick/onMouseover/etc.?

function setInnerText (elementId, text) {
var element;
if (document.getElementById) {
element = document.getElementById(elementId);
}
else if (document.all) {
element = document.all[elementId];
}
if (element) {
if (typeof element.textContent != 'undefined') {
element.textContent = text;
}
else if (typeof element.innerText != 'undefined') {
element.innerText = text;
}
else if (typeof element.removeChild != 'undefined') {
while (element.hasChildNodes()) {
element.removeChild(element.lastChild);
}
element.appendChild(document.createTextNode(text)) ;
}
}
}

For example, this works:

<span id="text_id">Text</span>
 
<span onClick="setInnerText(text_id, 'This will be new text');'">Text</span>

... but this does not work:

<span id="text_id">Text</span>
<span id="text_id2">Text</span>
<span id="text_id3">Text</span>
 
<span onClick="setInnerText(text_id, 'This will be new text'); 
setInnerText(text_id2, 'This is more text'); 
setInnerText(text_id3, 'And ever more text');'">Text</span>

<span id="text_id1">Text</span>
<span id="text_id2">Text</span>
<span id="text_id3">Text</span>
<script>
function setInnerText(el, text) {
  document.getElementById(el).innerHTML = text;
}
</script>
<a onclick="setInnerText('text_id1', 'This will be new text'); 
setInnerText('text_id2', 'This is more text'); 
setInnerText('text_id3', 'And ever more text');">Link</a>

Note, ids passed to function are strings as well. getElementById() and innerHTML attribute is supported by all contemporary and future browsers. There was also one loose "'" at the end of onclick event. Above surely works.