«

The following form (which I copied from somewhere) consists of one
button only:

<form>
<input type=button value="Solution" style="background-color: d7dcc5"
onClick="window . open ('solution.html', '',
'width=300,height=450');">
</form>

My questions are:
1. How do I set the font size and color?
2. The pop-up window appears at the top left corner of the screen. Is
it possible to set a different location?

Cogito wrote:

> The following form (which I copied from somewhere) consists of one
> button only:
>
> <form>
> <input type=button value="Solution" style="background-color: d7dcc5"
> onClick="window . open ('solution.html', '',
> 'width=300,height=450');">
> </form>

A very nasty, inaccessible way of doing:

<a href="solution.html"
onclick="if(window.open){window.open(this.href,'my Window',width=300,height=450');return
false;}else{return true;}">Solution</a>

The code you provided also happens to have a number of syntax errors.

> My questions are:
> 1. How do I set the font size and color?

Same as any other element:
http://www.w3.org/TR/CSS2/fonts.html#font-size-props
http://www.w3.org/TR/CSS2/colors.html#colors

> 2. The pop-up window appears at the top left corner of the screen. Is
> it possible to set a different location?

In ordef or preference:

(1) Don't use a popup window
(2) Don't use a popup window (Yes, I know I put this one twice. It is a VERY
good solution to the problem)
(3) Get a better windowing system that places the window somewhere you're
happier with
(4) Muck about with the "moveto()" function in the onload event of the
document you are loading in to the new window.

--
David Dorward http://dorward.me.uk/

Cogito wrote:
> The following form (which I copied from somewhere) consists of one
> button only:
>
> <form>
> <input type=button value="Solution" style="background-color: d7dcc5"
> onClick="window . open ('solution.html', '',
> 'width=300,height=450');">
> </form>
>
> My questions are:
> 1. How do I set the font size and color?
> 2. The pop-up window appears at the top left corner of the screen. Is
> it possible to set a different location?

Funny... in the last couple days we've had a lot of really newbie form
styling questions. Is this some school assignment, and the teacher sent
you here for a free helpdesk, or is it just coincidence?


Matthias

On Thu, 04 Sep 2003 07:33:09 +0100, David Dorward <>
wrote:

>Cogito wrote:
>
>> The following form (which I copied from somewhere) consists of one
>> button only:
>>
>> <form>
>> <input type=button value="Solution" style="background-color: d7dcc5"
>> onClick="window . open ('solution.html', '',
>> 'width=300,height=450');">
>> </form>
>
>A very nasty, inaccessible way of doing:
>
><a href="solution.html"
>onclick="if(window.open){window.open(this.href,'m yWindow',width=300,height=450');return
>false;}else{return true;}">Solution</a>
>
>The code you provided also happens to have a number of syntax errors.
>
>> My questions are:
>> 1. How do I set the font size and color?
>
>Same as any other element:
>http://www.w3.org/TR/CSS2/fonts.html#font-size-props
>http://www.w3.org/TR/CSS2/colors.html#colors
>
>> 2. The pop-up window appears at the top left corner of the screen. Is
>> it possible to set a different location?
>
>In ordef or preference:
>
>(1) Don't use a popup window
>(2) Don't use a popup window (Yes, I know I put this one twice. It is a VERY
>good solution to the problem)
>(3) Get a better windowing system that places the window somewhere you're
>happier with
>(4) Muck about with the "moveto()" function in the onload event of the
>document you are loading in to the new window.

Thanks for your reply.
I'm always eager to learn new and better ways of coding.
When I incorporate your code sample it create a simple hyperlink to
the solution page… nothing fancy despite the apparent 'complexity' of
the code. Was it meant to create a pop-up or not? It seems as though
the 'onclick' code does not do much..

Cogito wrote:

>><a href="solution.html"
>>onclick="if(window.open){window.open(this.href,' myWindow',width=300,height=450');return
>>false;}else{return true;}">Solution</a>

> When I incorporate your code sample it create a simple hyperlink to
> the solution page… nothing fancy despite the apparent 'complexity' of
> the code. Was it meant to create a pop-up or not? It seems as though
> the 'onclick' code does not do much..

I missed off a "'" immediately before 'width', add it and it creates an
annoying popup.

--
David Dorward http://dorward.me.uk/

On Thu, 04 Sep 2003 11:59:41 +0100, David Dorward <>
wrote:

>Cogito wrote:
>
>>><a href="solution.html"
>>>onclick="if(window.open){window.open(this.href, 'myWindow',width=300,height=450');return
>>>false;}else{return true;}">Solution</a>
>
>
>I missed off a "'" immediately before 'width', add it and it creates an
>annoying popup.

But it still does not pop.

Cogito wrote:

> But it still does not pop.

It does here, what's your URI?

--
David Dorward http://dorward.me.uk/

ok, a new window now pops-up AND the main window changes as well.

Cogito wrote:

> ok, a new window now pops-up AND the main window changes as well.

Not here. That's what all the return false stuff is about.

URI?

--
David Dorward http://dorward.me.uk/

>> ok, a new window now pops-up AND the main window changes as well.
>
>Not here. That's what all the return false stuff is about.

The moment you said, "That's what all the return false stuff is
about." I figured it out.
In your first reply the word "return" was at the end of the line and
the word "false" was in a new line immediately following it without a
space in between. Now that I have added the space it works fine.

Thanks for showing me how to do it. (What was wrong with my old code?
it worked well too.).
Now I feel guilty about using pop-ups and will probably not use it…

>
>URI?

It's not online yet. Just playing with it on my machine.