How to create a checkbox that will open a website in a new window

**RainAway** · 02-24-2011, 08:19 PM

I want to know how to create a check box that will load websites in a new window. Thanks for any help that you can give.

**JMRKER** · 02-24-2011, 09:28 PM

Something like this ...

Code:

<html>
<head>
<title> Untitled </title>
<script type="text/javascript">
// From: http://www.webdeveloper.com/forum/showthread.php?t=242793

function OpenWindow(info) {
  window.open(info,'WinName','height=400,width=600,resizable=yes,scrollbars=yes');
}
</script>
</head>
<body>

<input type="checkbox" name="CBox0" value="http://www.webdeveloper.com" 
 onclick="if(this.checked){OpenWindow(this.value)}"> Webdeveloper
<br>
<input type="checkbox" name="CBox1" value="http://www.google.com" 
  onclick="if(this.checked){OpenWindow(this.value)}"> Google

</body>
</html>

**RainAway** · 02-24-2011, 09:34 PM

Cool. Thanks. How do you reload it to another page when it is unchecked?

**JMRKER** · 02-24-2011, 09:57 PM

Originally Posted by RainAway

Cool. Thanks. How do you reload it to another page when it is unchecked?

How are you going to use this?
Clicking a checkbox on/off to show a page doesn't make a lot of sense to me.
Would be easier just to program a link and not worry about checkbox status.

But if you really think you need this function, then try ...

Code:

<html>
<head>
<title> Checkbox Redirect</title>
<script type="text/javascript">
// From: http://www.webdeveloper.com/forum/showthread.php?t=242793

function OpenWindow(info) {
  window.open(info,'WinName','height=400,width=600,resizable=yes,scrollbars=yes');
}
</script>
</head>
<body>

<input type="checkbox" name="CBox0" value="http://www.webdeveloper.com" 
 onclick="if(this.checked){OpenWindow(this.value)}else{OpenWindow('http://www.webdeveloper.com/forum/forumdisplay.php?f=3&order=desc&daysprune=30')}"
 > Webdeveloper / Javascript
<br>
<input type="checkbox" name="CBox1" value="http://www.google.com" 
 onclick="if(this.checked){OpenWindow(this.value)}else{OpenWindow('http://www.codingforums.com/forumdisplay.php?f=2')}"
 > Google / CodeingForums

</body>
</html>

**RainAway** · 02-24-2011, 09:58 PM

It is for a class and the assignment requires it. However, I don't think we need it and my entire class is stuck. I tried different ways and I got it to work with a button and a check box.

**JMRKER** · 02-24-2011, 10:06 PM

Originally Posted by RainAway

I want to know how to create a check box that will load websites in a new window. Thanks for any help that you can give.

Originally Posted by RainAway

It is for a class and the assignment requires it. However, I don't think we need it and my entire class is stuck. I tried different ways and I got it to work with a button and a check box.

Funny class if you are allowed to change the requirements specified in original post

**RainAway** · 02-24-2011, 10:13 PM

Here is what the book says for the assignment:

Create a web page with a list of your favorite links. At the top of the page, include a check box with the text "Open link in a new window." If a user click the check box then the links of the page should open in a new window. Otherwise the links should be loaded into current window.

I dont think this is the best method.

**RainAway** · 02-24-2011, 10:14 PM

Originally Posted by JMRKER

Funny class if you are allowed to change the requirements specified in original post

That is why I am confused and so is the rest of my class.

**JMRKER** · 02-24-2011, 10:20 PM

Originally Posted by RainAway

That is why I am confused and so is the rest of my class.

Then you should contact the instructor and request further clarification for both you and the class.

In the real world you would never design a process without fully understanding the requirements of the process