alert box with ok and cancel buttons, when you click ok you get taken to...

[Jrd]

Hi all,
I need help making an alert box like this:

that pops up when you click a link,and when you click the "ok" button it takes you to the links destination and when you click cancel nothing happens.

Does anyone know how to do this?

[jscheuer1]

Well, it depends upon what you want to have happen if javascript is disabled. In this version, with javascript disabled, it will act as a normal link:

<a href="http://www.google.com/" onclick="return confirm('Do You Really Want to go to Google?');">Google</a>

With javascript enabled, it will behave just as you asked it to. If the game cannot be used and played without javascript, this is probably the best method. However, if javascript would be required at the destination but not on the originating page or confirmation is required for legal or other reasons, you could do this:

<a href="javascript:void(0);" onclick="theVar=confirm('Do You Really Want to go to Google?');setTimeout('if(theVar){window.location=\'http://www.google.com/\'}', 0);">Google</a><br>
<noscript>Javascript Enabled required for above link</noscript>

[jpaulraj]

How to change this so that, when you click OK, it initiates an action? (click on delete icon, press OK and it calls the javascript to delete the row) i have the script to delete a row.. how should i call a js function within this confirm syntax?

[jscheuer1]

Generally, you can just put it in the flow of the delete function. Something like:

function delete(){
do some prep stuff here if you like
var answer=confirm('Do you Really want to do this?')
if (answer) {
do the thing here
}
do some clean up stuff here if needed
}

[jpaulraj]

thanks jscheuer1

[Jrd]

Thanks jscheuer1, that would work except I'm using dynamic drives Fold-out external menu and it dissapears whenever I have an onclick attribute on this link. Here ill post some code so you can see what I'm dealing with here, its php.

    <td valign="top"><div align="center">
<?php 
for ($i=0; $i <= count($arraymember)-1; $i++){

    echo("<a href=\"?world=" . $arraymember[$i] . "&detail=" . $detailq . "\" class=\"world\" target=game >World " . $arraymember[$i] . "</a></ br>");

}
?>
</div></td>

I also tried adding code for the onclick event like this:

$onclick = "onclick="return confirm('Do You Really Want to go to Google?');"" 

And then using . $onclick . to call it but it didnt like it and it hid the foldout menu.

Anymore ideas?

Heres where its being used:
http://runecore.selfip.com:82/switch/switchindex.php
and heres the link to the menu file:
http://runecore.selfip.com:82/switch/menu.php

[Twey]

<?php 
for ($i=0; $i <= count($arraymember)-1; $i++){

    echo("<a href=\"?world=" . $arraymember[$i] . "&detail=" . $detailq . "\" class=\"world\" target=game >World " . $arraymember[$i] . "</a></ br>");

}
?>

can be summed up as:

<?php 
for ($i=0; $i < count($arraymember); $i++)
  echo(
    '<a ' .
      'href="?world=' . $arraymember[$i] . '&amp;detail=' . $detailq . '" ' .
      'class="world" ' .
      'target="game" ' .
      'onclick="return window.confirm(\'Do You Really Want to go to Google?\');"' .
    '>' .
      'World ' . $arraymember[$i] .
    '</a>' .
    '<br>'
  );
?>

[Jrd]

It works this way! Thank you Twey, what was differnet that made it work?

[Twey]

Most important one was the proper escaping of the quotes I tidied up the HTML somewhat too, though.

[Jrd]

you mean by using single quotes ' instead of double quotes " ?