asked on

having multiple buttons on a modal window, which execute different scripts

Hi experts, I have the attached page code as the code which fills in a modal window on one of my pages. The page that it originates from has this javascript within it:

function ModalExec1(modalVal) {

if (modalVal=1) {
window.location = "./BasicModalTest3_script_1.php";
}
if (modalVal=2) {
window.location = "./BasicModalTest3_script_2.php";
}

}

What should happen is that if the modalVal variable is passed back to the main page, then it loads a new page (in my case, a script). What I want is for each button to send a different value of modalVal back to the main page, so that the IF statements can decide which script to load. At the minute, it always loads script_2, apart from when I simply close the modal... so not sure I'm passing the variable correctly (or if I can do this at all) and am unsure why the script is running when it's embedded in an IF statement...

Please help!!

<?php
include './infolink.php';
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
 
 
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" /><style type="text/css">
<!--
body {
	background-color: #FFFFFF;
}
 
.text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	}
 
.echo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #027ac6;
	font-style: italic;
}
.style1 {
	font-size: 24px;
	font-family: Arial, Helvetica, sans-serif;
	color: #027ac6;
}
 
	
-->
</style><title>modal test</title>
<script>
var modalVal=0;
</script>
</head>
<body>
<p><?php echo $_SESSION['modal_text_1']; ?></p>
<p>&nbsp;</p>
<button onclick="window.top.hidePopWin(true);modalVal.value=1">Make something happen</button>
<button onclick="window.top.hidePopWin(true);modalVal.value=2">Second happening</button>
  <button onclick="window.top.hidePopWin()">close this modal</button>
<p>&nbsp;</p>
</body>
</html>

Open in new window

nick_bal

First of all use
<button onclick="ModalExec1('1')">
<button onclick="ModalExec1('2')">

and in the function use double = (==) instead of single (=)
function ModalExec1(modalVal) {
if (modalVal==1) {
window.location = "./BasicModalTest3_script_1.php";
}
if (modalVal==2) {
window.location = "./BasicModalTest3_script_2.php";
}

}

RowdyBurns

ASKER

nick, I've changed the IF statements to == as suggested. I've played around with the onclick thing though, with no luck. currently it looks like:

<button onclick="ModalExec1('1');window.top.hidePopWin(true)">Make something happen</button>
<button onclick="ModalExec1('2');window.top.hidePopWin(true)">Second happening</button>

This creates an error and doesn't close the modal. If I swap the hidepopwin statement to first position, the window closes but the IF statement doesnt respond. So I'm not sure this is setting the modalVal variable correctly....

nick_bal

I am not sure i understand. Are you saying that you want to close a popup window and then redirect parent window to another location? Is this correct? Because what i sent you redirects the parent window to another location based upon the parameter in ModelExec function.

RowdyBurns

ASKER

That's what I want to do I think - if the value sent from the Modal is '1' then the IF statement in the parent page redirects to script_1 and if the value sent is '2' then the IF statement redirects to script_2. The value needs to be sent with the onclick, so that the value is decided by which button is clicked.

nick_bal

Ok.. you can add the second function inside the ModalExec1 function.

<button onclick="ModalExec1('1')">
<button onclick="ModalExec1('2')">
 
function ModalExec1(modalVal) {
window.top.hidePopWin(true);
if (modalVal==1) {
window.location = "./BasicModalTest3_script_1.php";
}
if (modalVal==2) { 
window.location = "./BasicModalTest3_script_2.php";
}
 
}

Open in new window

ASKER CERTIFIED SOLUTION

RowdyBurns

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial