Button coding?

[MrPinkPanther]

What code would I give to a button so that when I click it it launches lol.html in a new window at a fixed size of 900x440. A bit like habbo does with their launch the hotel button. +Rep to whoever knows it.

[Hayd93]

What code would I give to a button so that when I click it it launches lol.html in a new window at a fixed size of 900x440. A bit like habbo does with their launch the hotel button. +Rep to whoever knows it.
I am pretty sure on the lol.html page you would have to enter some code on that so it opens at 900x440.

[Decode]

http://javascript.internet.com/generators/popup-window.html

[MrPinkPanther]

http://javascript.internet.com/generators/popup-window.html
Cool site but I want to apply it to a button I have already made not generate another button.

[Pawf]

Put this in the head section:


<script language="JavaScript">
function popUpWindow(URL) {
day = new Date();
id = day.getTime();
eval("page" + id + " = window.open(URL, '" + id + "', 'toolbar=0,scrollbars=0,location=0,statusbar=0,men ubar=0,resizable=0,width=900,height=440');");
}
</script>

and this around the image of your button:


<a href="javascript:popUpWindow('lol.html')"></a>

[MrPinkPanther]

Put this in the head section:


<script language="JavaScript">
function popUpWindow(URL) {
day = new Date();
id = day.getTime();
eval("page" + id + " = window.open(URL, '" + id + "', 'toolbar=0,scrollbars=0,location=0,statusbar=0,men ubar=0,resizable=0,width=900,height=440');");
}
</script>

and this around the image of your button:


<a href="javascript:popUpWindow('lol.html')"></a>
Doesnt work, just misaligns all the buttons verticall :( Thanks anyway.

[Pawf]

:S Should work :S

I tested it before I posted it, what browser are you using?

[DeejayMachoo$]

:S Should work :S

I tested it before I posted it, what browser are you using?

No use if it doesnt work in all browsers...

[Pawf]

No use if it doesnt work in all browsers...

I'm perfectly aware of that, don't insult my intelligence. I was just asking which browser so I could try it out when I get home.

Obviously it's a very weird thing to happen as a result of the code I gave, so I was going to have a look and see why it did that.

Permission to continue doing so, sir?

[Decode]

Cool site but I want to apply it to a button I have already made not generate another button.
Just use css to apply the style to the button so it looks like the one you allready made.

[MrCraig]

use Smifflas method but add an onclick="popUp("lol.htm");" to your button instead of the <a href> bit.

[MrPinkPanther]

use Smifflas method but add an onclick="popUp("lol.htm");" to your button instead of the <a href> bit.
So what would be the code I would put instead? Im crap at HTML JS etc

[Independent]

Add onclick="popUp("lol.htm");"

to the end of your button, E.G: <button script="somethingjustusingthistofillspaceetc" onclick="popUp("lol.htm");">

[Blob]

Or use

<a href="lol.html" onclick="popUp('lol.htm') return false;">Button Code</a>

[DUB]

heres an easier way

<a href="#" onClick="chw=window.open('file.html','NewWindow','resizable =no,scrollbars=yes,status=no,width=900,height=440' ); if (chw != null) chw.focus(); return false"> BUTTON </a>

If you dont wish it to scroll just change scrollbars to no :)

[Independent]

Or use

<a href="lol.html" onclick="popUp('lol.htm') return false;">Button Code</a>


heres an easier way

<a href="#" onClick="chw=window.open('file.html','NewWindow','resizable =no,scrollbars=yes,status=no,width=900,height=440' ); if (chw != null) chw.focus(); return false"> BUTTON </a>

If you dont wish it to scroll just change scrollbars to no :)

I was answering the question to MrCraig's one, but hey.. Fair enough looks a lot better code in an a thing.

[MrPinkPanther]

Or use

<a href="lol.html" onclick="popUp('lol.htm') return false;">Button Code</a>
What do I put for 'the button code'? As I said I really am a n00b

[MrCraig]

hm i can never remember window.open javascript parameters tbh

EDIT:

In head:


<script language="JavaScript">
function popUpWindow(URL) {
day = new Date();
id = day.getTime();
eval("page" + id + " = window.open(URL, '" + id + "', 'toolbar=0,scrollbars=0,location=0,statusbar=0,men ubar=0,resizable=0,width=900,height=440');");
}
</script>


For your button

<input type="button" value="Button Text" onclick="popUp("lol.html");" />

Try that :)

[DUB]

What do I put for 'the button code'? As I said I really am a n00b


<a href="#" onClick="chw=window.open('file.html','NewWindow',' resizable=no,scrollbars=yes,status=no,width=900,he ight=440'); if (chw != null) chw.focus(); return false"> <img src="linktobuttonimage" border="0" /> </a>

Mine or what craig said above do basically the same thing

[MrCraig]

Yeah, only diff is i use an actual button as opposed to a button image..

[DUB]

could easily do that for the one i posted as well, just thought using an image would be alot easier.

[MrCraig]

i know you could..

Just you used an anchor as well instead of a straight onclick event.

[MrPinkPanther]

So whats wrong with this?



<td rowspan="2>
<a href="#" onClick="chw=window.open('file.html','NewWindow',' resizable=no,scrollbars=yes,status=no,width=900,he ight=440'); if (chw != null) chw.focus(); return false"> <img src="images/index_r3_c6.png" border="0" /> </a></a>
</a>

Oh wait it works!!! +rep all

[Blob]

hm i can never remember window.open javascript parameters tbh

EDIT:

In head:


<script language="JavaScript">
function popUpWindow(URL) {
day = new Date();
id = day.getTime();
eval("page" + id + " = window.open(URL, '" + id + "', 'toolbar=0,scrollbars=0,location=0,statusbar=0,men ubar=0,resizable=0,width=900,height=440');");
}
</script>


For your button

<input type="button" value="Button Text" onclick="popUp("lol.html");" />

Try that :)

When using onclick, you need to use ' instead of " (so onclick="popup('lol.html')") so it doesnt end the tag.

[MrCraig]

Oh yeah, didnt notice that. Thanks ryan :)