Skip to content Skip to sidebar Skip to footer
Home / Button / Html / Javascript / New Operator / Window

Open Button In New Window?

Post a Comment
How would I go about making the button open in a new window, emulating 'a href, target = _blank'? I currently have:

hope that helps :)

Solution 2:

I couldn't get your method to work @Damien-at-SF...

So I resorted to my old knowledge.

By encasing the input type="button" within a hyperlink element, you can simply declare the target property as so:

<ahref="http://www.site.org"target="_blank"><inputtype="button"class="button"value="Open" /></a>

The 'target="_blank"' is the property which makes the browser open the link within a new tab. This attribute has other properties, See: http://www.w3schools.com/tags/att_a_target.asp for further details.

Since the 'value=""' attribute on buttons will write the contained string to the button, a span is not necessary.

Instead of writing:

<element></element>

for most HTML elements you can simply close them with a trailing slash, like so:

<element />

Oh, and finally... a 'button' element has a refresh trigger within it, so I use an 'input type[button]' to avoid triggering the form.

Good Luck Programmers.

Due to StackOverflow's policy I had to change the domain in the example: https://meta.stackexchange.com/questions/208963/why-are-certain-example-urls-like-http-site-com-and-http-mysite-com-blocke

Solution 3: 

<inputtype="button" onclick="window.open(); return false;" value="click me" />

http://www.javascript-coder.com/window-popup/javascript-window-open.phtml

Solution 4:

You can acheive this using window.open() method, passing _blank as one of the parameter. You can refer the below links which has more information on this.

http://www.w3schools.com/jsref/met_win_open.asp

http://msdn.microsoft.com/en-us/library/ms536651(v=vs.85).aspx

Hope this will help you.

Solution 5:

If you strictly want to stick to using button,Then simply create an open window function as follows:

<script>functionmyfunction() {
    window.open("mynewpage.html");
}
</script>

Then in your html do the following with your button:

Join

So you would have something like this:

<body><script>functionjoinfunction() {
    window.open("mynewpage.html");
}
</script><buttononclick="myfunction()"type="button"class="btn btn-default subs-btn">Join</button>

Post a Comment for "Open Button In New Window?"