sanity check: onClick not loading frame? (IE/NS)

Alexandra · Aug 17, 2006

Not sure why none of these permutations are working. I appreciate a
second set of eyes!

Code:

....
<form id="form1" name="form1" >
....
<input name="Submit1" type="submit" tabindex="10"
onClick="parent.mainFrame.location.href='SelectSystem.html';"
value="Done" />
<input name="Submit2" type="submit" tabindex="10"
onClick="parent.mainFrame.location='SelectSystem.html';" value="Done"
/>
<input name="Submit3" type="submit" tabindex="10"
onClick="parent.frames['mainFrame'].location.href='SelectSystem.html';"
value="Done" />

The frameset is defined as such:

Code:

<frameset rows="161,*" cols="*" frameborder="no" border="0"
framespacing="0">
<frame src="TitleBarContent.html" name="topFrame" scrolling="No"
noresize="noresize" id="topFrame" title="TopFrame" />
<frameset rows="*" cols="164,*" framespacing="0" frameborder="no"
border="0">
<frame src="LeftNavContent.html" name="leftFrame" scrolling="No"
noresize="noresize" id="leftFrame" title="LeftFrame" />
<frame src="SelectSystem.html" name="mainFrame" id="mainFrame"
title="MainFrame" />
</frameset>
</frameset>

Many thanks to those with a sharp eye!

--Alexandra

Bart Van der Donck · Aug 17, 2006

Alexandra said:
Not sure why none of these permutations are working. I appreciate a
second set of eyes!
[snip code]

Your code should work, though it's not ideally constructed. Please
consider using <input type="button"> in stead of <input
type="submit"> . Also, the closing </form> tag is missing.

But you can keep this more down to earth; I'ld do something like

<form method="get" action="SelectSystem.html" target="mainFrame">
<input type="submit" value="Done">
</form>

Alexandra · Aug 17, 2006

Thank you Bart!

I knew I was forgetting something VERY fundamental, and that was it.
(Haven't done JS in about 3 years.) Changing the type from "submit" to
"button" was exactly the solution.

I would put the link in the action, but have 5 buttons each going to a
different place (mockup purposes).

Thanks again!

--Alexx

Alexandra said:
Alexandra said:

Not sure why none of these permutations are working. I appreciate a
second set of eyes!
[snip code]

Click to expand...

Your code should work, though it's not ideally constructed. Please
consider using <input type="button"> in stead of <input
type="submit"> . Also, the closing </form> tag is missing.

But you can keep this more down to earth; I'ld do something like

<form method="get" action="SelectSystem.html" target="mainFrame">
<input type="submit" value="Done">
</form>

Bart Van der Donck · Aug 17, 2006

Alexandra said:
Thank you Bart!
I knew I was forgetting something VERY fundamental, and that was it.
(Haven't done JS in about 3 years.) Changing the type from "submit" to
"button" was exactly the solution.

I would put the link in the action, but have 5 buttons each going to a
different place (mockup purposes).

No problem, but maybe you're referring to line breaks that may appear
between different <form>..</form> calls. One workaround:

<table>
<tr>
<form method="get" action="fileONE.html" target="mainFrame">
<td>
<input type="submit" value="Done">
</td>
</form>
<form method="get" action="fileTWO.html" target="mainFrame">
<td>
<input type="submit" value="Done">
</td>
</form>
</tr>

Thanks again!

My pleasure !

RobG · Aug 17, 2006

Bart said:
No problem, but maybe you're referring to line breaks that may appear
between different <form>..</form> calls. One workaround:

<table>
<tr>
<form method="get" action="fileONE.html" target="mainFrame">

A form can't be a child of a TR element, the HTML is invalid.

[...]

Bart Van der Donck · Aug 18, 2006

RobG said:
[...]
A form can't be a child of a TR element, the HTML is invalid.

Depends on how your document defines "invalid HTML". Using something
like

<!DOCTYPE HTML SYSTEM "http://www.dotinternet.be/temp/my.dtd">

should be okay (= the HTML 4.0 Transitional DTD with altered lines 655
and 843 in order to allow FORM between TR and TD).

RobG · Aug 18, 2006

Bart said:
RobG said:

[...]
A form can't be a child of a TR element, the HTML is invalid.

Click to expand...

Depends on how your document defines "invalid HTML". Using something
like

<!DOCTYPE HTML SYSTEM "http://www.dotinternet.be/temp/my.dtd">

should be okay (= the HTML 4.0 Transitional DTD with altered lines 655
and 843 in order to allow FORM between TR and TD).

Look again at the code the OP posted - a munge of faux XHTML with
mixed-case attribute names. I can pretty much guarantee that the
inference of a bespoke transitional DTD slipped by completely unoticed.

Bart Van der Donck · Aug 18, 2006

RobG said:
[...]
Look again at the code the OP posted - a munge of faux XHTML with
mixed-case attribute names. I can pretty much guarantee that the
inference of a bespoke transitional DTD slipped by completely unoticed.

Very true. But since we're dealing with a beautiful lady here, I
formulated that in another post as "not ideally constructed"

Michael Winter · Aug 18, 2006

Depends on how your document defines "invalid HTML".

[snip]

Theoretically, yes, but before even thinking about custom DTDs, it's
important to consider how browsers really behave. After all, they work
to their own idea of HTML - trying to create your own definition is
pointless - and triggering error correction in a case such as this might
be disastrous.

The reasoning behind adopting valid HTML 4.01 is that no browser should
deem it necessary to perform error correction, therefore the document
tree is predictable. This is important for both scripting, and in cases
where elements should have a specific relationship with other elements
(such as form controls and their containing form). For instance, the
document tree in Firefox is thoroughly distorted: the form elements are
siblings of the table cells, and the form controls don't have a form
ancestor at all. Luckily for you, the controls are still associated with
the right form.

There's no justification here for not inserting the form elements in the
right place - within the table cells. An alternative is to use just a
single form, and have the server determine the destination based upon
the submitted data (the name/value pair of the activated submit button).

Mike

Bart Van der Donck · Aug 18, 2006

Michael said:
[...]
The reasoning behind adopting valid HTML 4.01 is that no browser should
deem it necessary to perform error correction, therefore the document
tree is predictable. This is important for both scripting, and in cases
where elements should have a specific relationship with other elements
(such as form controls and their containing form). For instance, the
document tree in Firefox is thoroughly distorted: the form elements are
siblings of the table cells, and the form controls don't have a form
ancestor at all. Luckily for you, the controls are still associated with
the right form.

There's no justification here for not inserting the form elements in the
right place - within the table cells. An alternative is to use just a
single form, and have the server determine the destination based upon
the submitted data (the name/value pair of the activated submit button).

Yes. Just putting <form></form> inside each <td></td> is the solution
here. My suggestion was rather an academic exercise; you can validate
almost anything with bespoke DTD's.

Check forms With JavaScript	1	Mar 28, 2023
Uncaught ReferenceError: item is not defined at HTMLButtonElement.onclick in the: <button onclick="item.inserir()">Inserir dados</button>	1	Apr 22, 2023
Trying to access a JavaScript variable in one frame from another frame.	11	May 16, 2006
Help! Javascript DOM problem	3	Jun 3, 2007
Getting the width of a frame	4	Sep 21, 2004
onload and/or readystate==4 on IE 5	1	Jun 5, 2005
Cnhge form action attribute in framesets	1	Nov 2, 2005
target a frame from a form list/menu	0	Mar 9, 2007

sanity check: onClick not loading frame? (IE/NS)

Alexandra

Bart Van der Donck

Alexandra

Bart Van der Donck

RobG

Bart Van der Donck

RobG

Bart Van der Donck

Michael Winter

Bart Van der Donck

Ask a Question

Similar Threads

Members online

Forum statistics

Latest Threads