Tek-Tips is the largest IT community on the Internet today!
Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!
-
Congratulations Rhinorhino on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!
Combining Multiple Checkboxes to call Separate Web Pages
- Thread starter compuv
- Start date
that's a great ... problem
look, if you have 6 checkboxes you get ... (1,6)+(2,6)+(3,6)+(4,6)+(5,6)+(6,6) different combinations witch is a true mess.
well the case of 3, is simple (more or less)
function nextpage(){
var comb=0;
if (!myform.check1.checked && !myform.check2.checked && !myform.check3.checked)
myform.action="action1.html";
elseif (!myform.check1.checked && !myform.check2.checked && myform.check3.checked)
myform.action="action2.html";
...
myform.submit();
}
remind one thing, this is like binary, with 3 checks you get 8 possibilities, with 4/16, 5/32, and so on.
Anikin
Hugo Alexandre Dias
Web-Programmer
anikin_jedi@hotmail.com
look, if you have 6 checkboxes you get ... (1,6)+(2,6)+(3,6)+(4,6)+(5,6)+(6,6) different combinations witch is a true mess.
well the case of 3, is simple (more or less)
function nextpage(){
var comb=0;
if (!myform.check1.checked && !myform.check2.checked && !myform.check3.checked)
myform.action="action1.html";
elseif (!myform.check1.checked && !myform.check2.checked && myform.check3.checked)
myform.action="action2.html";
...
myform.submit();
}
remind one thing, this is like binary, with 3 checks you get 8 possibilities, with 4/16, 5/32, and so on.
Anikin
Hugo Alexandre Dias
Web-Programmer
anikin_jedi@hotmail.com
Hi Compuv,
Try this solution. You can easily make it to 4 checkboxes. You only have to add the 4th checkbox and the variables d, ad, bd, cd, abd, acd, bcd, abcd LOL
Of course Anikin is right about having 5 checkboxes or more
Here is my code. I hope you like it:
<html>
<head>
</head>
<body>
<script language="javascript">
function opensite()
{
var endvalue = "";
var DM = document.MyForm1;
var NrCbs = DM.cb1.length;
var a = "google.com";
var b = "yahoo.com";
var c = "CNN.com";
var ab= "microsoft.com";
var ac= "netscape.com";
var bc = "W3.org";
var abc = "tek-tips.com";
var preURL = "
for (ia = parseInt(0); ia < NrCbs; ia++)
{
if (DM.cb1[ia].checked)
endvalue = endvalue + DM.cb1[ia].value;
}
defURL = eval("'" + preURL + eval(endvalue) + "'"
;
if (!endvalue == ""
{
window.open(defURL, 'windowname3','toolbar=yes, location=yes, directories=yes, status=yes, menubar=yes, resizable=yes, scrollbars=yes, top=0, left=0, height=600, width=800');
}
else
{
alert("no checkboxes are selected"
}
}
</script>
<form name="MyForm1">
a: <INPUT TYPE="checkbox" value="a" name=cb1>
b: <INPUT TYPE="checkbox" value="b" name=cb1>
c: <INPUT TYPE="checkbox" value="c" name=cb1>
<br>
<input type="submit" value="go to the site" name="submit777" ONCLICK="opensite()">
</form>
</body>
</html>
Hope this helps,
Erik
<!-- My sport: Boomerang throwing !!
This year I will participate at the World Championships in Germany. (!! Many Happy Returns !! -->
Try this solution. You can easily make it to 4 checkboxes. You only have to add the 4th checkbox and the variables d, ad, bd, cd, abd, acd, bcd, abcd LOL
Of course Anikin is right about having 5 checkboxes or more
Here is my code. I hope you like it:
<html>
<head>
</head>
<body>
<script language="javascript">
function opensite()
{
var endvalue = "";
var DM = document.MyForm1;
var NrCbs = DM.cb1.length;
var a = "google.com";
var b = "yahoo.com";
var c = "CNN.com";
var ab= "microsoft.com";
var ac= "netscape.com";
var bc = "W3.org";
var abc = "tek-tips.com";
var preURL = "
for (ia = parseInt(0); ia < NrCbs; ia++)
{
if (DM.cb1[ia].checked)
endvalue = endvalue + DM.cb1[ia].value;
}
defURL = eval("'" + preURL + eval(endvalue) + "'"
;if (!endvalue == ""
{
window.open(defURL, 'windowname3','toolbar=yes, location=yes, directories=yes, status=yes, menubar=yes, resizable=yes, scrollbars=yes, top=0, left=0, height=600, width=800');
}
else
{
alert("no checkboxes are selected"
}
}
</script>
<form name="MyForm1">
a: <INPUT TYPE="checkbox" value="a" name=cb1>
b: <INPUT TYPE="checkbox" value="b" name=cb1>
c: <INPUT TYPE="checkbox" value="c" name=cb1>
<br>
<input type="submit" value="go to the site" name="submit777" ONCLICK="opensite()">
</form>
</body>
</html>
Hope this helps,
Erik
<!-- My sport: Boomerang throwing !!
This year I will participate at the World Championships in Germany. (!! Many Happy Returns !! -->
- Thread starter
- #4
![[ponder]](/data/assets/smilies/ponder.gif "[ponder] [ponder]")
- Thread starter
- #6
It would be normally, Turkbear, but for this project I have to let people select what they want. It would just be a bit messy with loads of URL's all over the place, especially when they're titled "click here if you want this and that but not the other, etc."
![[smile]](/data/assets/smilies/smile.gif "[smile] [smile]")
![[profile]](/data/assets/smilies/profile.gif "[profile] [profile]")
Einstein47
Programmer
This would be a great security feature (if it wasn't client side script). You could have just a page with a bunch of checkboxes and one button. The only way to get to the next page is know the correct checkboxes to select. Unfortunately anyone that knows "view source" would be able to determine the correct boxes and the "trick" is up.
But in theory that sure sounds fun![[spidey]](/data/assets/smilies/spidey.gif "[spidey] [spidey]")
Einstein47
(Love is like PI - natural, irrational, endless, and very important.)
But in theory that sure sounds fun
Einstein47(Love is like PI - natural, irrational, endless, and very important.)
- Thread starter
- #10
Thanks for the code, Boomerang. I'm having a wee bit of a problem though. I've set a test page up at Clicking on the button gives " in the address bar but you don't actually go anywhere! Am I missing something obvious? I've been through the code with a toothcomb but can't see what could be wrong.
Dave
Dave
Hi Dave,
For some reason tek-tips add an exra visible semisolon ( and an extra "unvisible" slash (/) to a row in your post that includes an URL.
So the row [ignore]var preURL = "[/ignore] I typed was changed to [ignore]var preURL = "[/ignore] shown in my post and changed to [ignore]var preURL = "[/ignore] when you do a copy and paste.
So this is the right code:
[ignore]var preURL = "[/ignore]
Now it should work,
Erik
p.s.
for all members who want to know how to avoid these extra characters in a post:
type [ignore][ignore]var preURL = "[/ignore][/ignore]
<!-- My sport: Boomerang throwing !!
This year I will participate at the World Championships in Germany. (!! Many Happy Returns !! -->
For some reason tek-tips add an exra visible semisolon (
and an extra "unvisible" slash (/) to a row in your post that includes an URL. So the row [ignore]var preURL = "[/ignore] I typed was changed to [ignore]var preURL = "[/ignore] shown in my post and changed to [ignore]var preURL = "[/ignore] when you do a copy and paste.
So this is the right code:
[ignore]var preURL = "[/ignore]
Now it should work,
Erik
p.s.
for all members who want to know how to avoid these extra characters in a post:
type [ignore][ignore]var preURL = "[/ignore][/ignore]
<!-- My sport: Boomerang throwing !!
This year I will participate at the World Championships in Germany. (!! Many Happy Returns !! -->
- Status
Similar threads
- Locked
- Question