Alert Box w/cookie

This site is best viewed in a modern browser with JavaScript enabled.

tmik

New to the forum so first off, hello!

I have a code that shows an alert box only once when a user views a page. What I need is a cancel button that will bring the user back to the previous page they were on if clicked. If they press cancel they would then continue to recieve the pop-up.

Thanks for the help!

<script>

//Alert message once script- By JavaScript Kit
//Credit notice must stay intact for use
//Visit http://javascriptkit.com for this script

//specify message to alert
var alertmessage= "Please click on OK to continue loading my page, or CANCEL to be directed to the Yahoo site."


///No editing required beyond here/////

//Alert only once per browser session (0=no, 1=yes)
var once_per_session=1


function get_cookie(Name) {
  var search = Name + "="
  var returnvalue = "";
  if (document.cookie.length > 0) {
    offset = document.cookie.indexOf(search)
    if (offset != -1) { // if cookie exists
      offset += search.length
      // set index of beginning of value
      end = document.cookie.indexOf(";", offset);
      // set index of end of cookie value
      if (end == -1)
         end = document.cookie.length;
      returnvalue=unescape(document.cookie.substring(offset, end))
      }
   }
  return returnvalue;
}

function alertornot(){
if (get_cookie('alerted')==''){
loadalert()
document.cookie="alerted=yes"
}
}

function loadalert(){

alert(alertmessage)
}

if (once_per_session==0)
loadalert()
else
alertornot()

</script>

letmehaveago

Have a look at http://www.w3schools.com/JS/js_popup.asp

tmik

Here is what I have now. It works great except that now the pop-up continues to show everytime you reload i.e the cookie element no longer functions.

I know I am probably missing something basic here but I am just starting to learn java. Thanks!

<script>

//Alert message once script- By JavaScript Kit
//Credit notice must stay intact for use
//Visit http://javascriptkit.com for this script

//specify message to alert
var alertmessage= confirm("Please click on OK to continue loading my page, or CANCEL to be directed to the Yahoo site.")
if (!alertmessage){
		window.location = "javascript:history.go(-1)";
	}

///No editing required beyond here/////

//Alert only once per browser session (0=no, 1=yes)
var once_per_session=1


function get_cookie(Name) {
  var search = Name + "="
  var returnvalue = "";
  if (document.cookie.length > 0) {
    offset = document.cookie.indexOf(search)
    if (offset != -1) { // if cookie exists
      offset += search.length
      // set index of beginning of value
      end = document.cookie.indexOf(";", offset);
      // set index of end of cookie value
      if (end == -1)
         end = document.cookie.length;
      returnvalue=unescape(document.cookie.substring(offset, end))
      }
   }
  return returnvalue;
}

function alertornot(){
if (get_cookie('alerted')==''){
loadalert()
document.cookie="alerted=yes"
}
}

function loadalert(){

alert(alertmessage)
}

if (once_per_session==0)
loadalert()
else
alertornot()

</script>

Sterling_Isfine

Just drop this in somewhere:

<script type='text/javascript'>

(function()
{
  if( !/(^|\s|;)seenAlert=yes(;|\s|$)/.test( document.cookie ) )
  {
    if( !confirm('Stay here?') )
     history.back();
    else
     document.cookie="seenAlert=yes";
  }

})();

</script>

tmik

That doesn't seem to do it. I discovered that by just adding the "confirm" to the code, the cookie code does not work.

Sterling_Isfine

tmik;1102863 wrote:
That doesn't seem to do it. I discovered that by just adding the "confirm" to the code, the cookie code does not work.

I don't know what you mean by that. Presumably you're testing it under the right circumstances, namely the link to the page using the script isn't opening in a new window and isn't being loaded by location.replace. Here's an amendment that tries to return to the referring page if there is no history available. That part won't work locally.:

<script type='text/javascript'>

(function()
{
  if( !/(^|\s|;)seenAlert=yes(;|\s|$)/.test( document.cookie ) )
  {
    if( !confirm('Stay here?') )
    {
     history.back();
     location.href = document.referrer;
    }
    else
     document.cookie="seenAlert=yes";
  }

})();

</script>

http://veryuseful.info/test/stayorgo.htm

tmik

Upon adding that code, the alert box still appears everytime I relaod the page.

Sorry for not clarifying that last statement. I meant that by adding the 'confirm' to

var alertmessage= confirm("Please click on OK to continue loading my page, or CANCEL to be directed to the Yahoo site.")

instead of

var alertmessage= "Please click on OK to continue loading my page, or CANCEL to be directed to the Yahoo site."

The cookie no longer works correctly upon adding the confirm. Not sure why, again, I am a complete rookie here. Thanks for your help.

Sterling_Isfine

tmik;1102871 wrote:
Upon adding that code, the alert box still appears everytime I relaod the page.

What happens if you click the test link I gave?

tmik

That works great and the code you gave me works great. Forgive my ignorance, I thought I needed to add the code you gave me to the code I already had.

This is smooth and works great. Thanks so much for your help.