473,320 Members | 1,861 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,320 software developers and data experts.

Problems with an Iframe and the Browser's Back Button

Hello,
I'm very new in this forum and as I have the following problem,
the website is in http://new.vanara.com
----------------------------------------------------------------------------
--------------------------------------------
Here's how the site works:
You should press a button in the rollover area in order to load a source
file on an Iframe, this Iframe is actually hidden working as a Buffer. The
body of this loaded Iframe is transfered to a layer via the innerHTML method
..

----------------------------------------------------------------------------
--------------------------------------------
Here's the problem:
The problem starts when you press the back button of the browser and the
text transfered to the layer changes as the Iframe does.
It is supposed that the only text that will should change if you press the
back button, is the one loaded on the Iframe (that doesn't matter), but not
the one transfered to the layer.

Any help or suggestion would be very helpful.
Thanks,
Javier.
Jul 20 '05 #1
12 9731
DU
Javier wrote:
Hello,
I'm very new in this forum and as I have the following problem,
the website is in http://new.vanara.com
----------------------------------------------------------------------------
--------------------------------------------
Here's how the site works:
You should press a button in the rollover area in order to load a source
file on an Iframe, this Iframe is actually hidden working as a Buffer. The
body of this loaded Iframe is transfered to a layer via the innerHTML method
..

----------------------------------------------------------------------------
--------------------------------------------
Here's the problem:
The problem starts when you press the back button of the browser and the
text transfered to the layer changes as the Iframe does.
"transfered" means what exactly? New nodes being appended and
DOM-inserted into the DOM tree nodes? If so, then this can be verified
with a test page. My hunch is that the dynamically altered document will
replace the original document in the history and cache.
It is supposed that the only text that will should change if you press the
back button, is the one loaded on the Iframe (that doesn't matter), but not
the one transfered to the layer.

Let me assure you that if you want to control a behavior properly and
precisely in recent browsers, then your best chances are with using
validated markup code, validated CSS code and W3C DOM 2 attributes and
methods.
Here, I don't know for sure if what you're looking for is possible. I
have a demo page on a dynamically altered document in an iframe and
using the forward buttons loads the dynamically altered 2nd document
(not the original 2nd document) but that demo does not involve a 1st
document being modified.


Any help or suggestion would be very helpful.
Thanks,
Javier.


Your frameset uses invalid attributes, has no doctype declaration. Your
embedded stylesheet has several errors.
Non-zero length property value must have an unit.
4.2 Rules for handling parsing errors
"a unit must be specified for length values"
http://www.w3.org/TR/CSS2/syndata.html#parsing-errors
4.3.2 Lengths
"The format of a length value (denoted by <length> in this
specification) is an optional sign character ('+' or '-', with '+' being
the default) immediately followed by a <number> (with or without a
decimal point) immediately followed by a unit identifier (e.g., px, deg,
etc.). After the '0' length, the unit identifier is optional."
http://www.w3.org/TR/CSS2/syndata.html#length-units

You use "javascript:" pseudo-protocol in your href values: this is bound
to go wrong and cause problems.
http://jibbering.com/faq/#FAQ4_24

Your page is based on table design: that's not recommendable unless you
make use of tabular data... and here, it's not the case.

You also have a frameset hierarchy: 4 frames within 2 nested framesets.
Your
<frame src="fill.htm" name="leftFrame" scrolling="NO" noresize>
<frame src="fill.htm" name="rightFrame" scrolling="NO" noresize>
are empty documents also... maybe you're still building your website..
nevertheless..
I recommend you do not use frames like that. You may still use an iframe
for your webpage needs if it's the best solution for you.

The document never gets loaded in NS 7.1 because, most likely, of this
function:
function loadSourceFinish(id){
document.all[id].innerHTML = self.bufferFrame.document.body.innerHTML }

Your code should avoid everywhere use of document.all (for cross-browser
purposes) and innerHTML and eval() calls for many other reasons I won't
explain here.

One way to speed up rendering of your page is to minimize the number of
..js files: here, I wonder why you can not combine these 5 external
script files into 1 or 2 files.

Your style sheet could be optimized in many ways:

..content {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #666666;
font-weight: normal;
padding-left:0;
line-height: 15px;
}

..content
{
font: normal 9px/15px Verdana,Arial,Helvetica,sans-serif;
color:#666;
}

Note that color is an inheritable property while padding-left is not.
So, depending on your markup code, it might not be even necessary to
declare padding-left and color here.

etc..

I think you should first deal with the design of your page (many frames
and frames should always be avoided if possible), define a tableless
design, then validating the markup code and CSS stylesheets.

DU
--
Javascript and Browser bugs:
http://www10.brinkster.com/doctorunclear/
- Resources, help and tips for Netscape 7.x users and Composer
- Interactive demos on Popup windows, music (audio/midi) in Netscape 7.x
http://www10.brinkster.com/doctorunc...e7Section.html

Jul 20 '05 #2
DU
Javier wrote:
Hello,
I'm very new in this forum and as I have the following problem,
the website is in http://new.vanara.com
----------------------------------------------------------------------------
--------------------------------------------
Here's how the site works:
You should press a button in the rollover area in order to load a source
file on an Iframe, this Iframe is actually hidden working as a Buffer. The
body of this loaded Iframe is transfered to a layer via the innerHTML method
..

----------------------------------------------------------------------------
--------------------------------------------
Here's the problem:
The problem starts when you press the back button of the browser and the
text transfered to the layer changes as the Iframe does.
"transfered" means what exactly? New nodes being appended and
DOM-inserted into the DOM tree nodes? If so, then this can be verified
with a test page. My hunch is that the dynamically altered document will
replace the original document in the history and cache.
It is supposed that the only text that will should change if you press the
back button, is the one loaded on the Iframe (that doesn't matter), but not
the one transfered to the layer.

Let me assure you that if you want to control a behavior properly and
precisely in recent browsers, then your best chances are with using
validated markup code, validated CSS code and W3C DOM 2 attributes and
methods.
Here, I don't know for sure if what you're looking for is possible. I
have a demo page on a dynamically altered document in an iframe and
using the forward buttons loads the dynamically altered 2nd document
(not the original 2nd document) but that demo does not involve a 1st
document being modified.


Any help or suggestion would be very helpful.
Thanks,
Javier.


Your frameset uses invalid attributes, has no doctype declaration. Your
embedded stylesheet has several errors.
Non-zero length property value must have an unit.
4.2 Rules for handling parsing errors
"a unit must be specified for length values"
http://www.w3.org/TR/CSS2/syndata.html#parsing-errors
4.3.2 Lengths
"The format of a length value (denoted by <length> in this
specification) is an optional sign character ('+' or '-', with '+' being
the default) immediately followed by a <number> (with or without a
decimal point) immediately followed by a unit identifier (e.g., px, deg,
etc.). After the '0' length, the unit identifier is optional."
http://www.w3.org/TR/CSS2/syndata.html#length-units

You use "javascript:" pseudo-protocol in your href values: this is bound
to go wrong and cause problems.
http://jibbering.com/faq/#FAQ4_24

Your page is based on table design: that's not recommendable unless you
make use of tabular data... and here, it's not the case.

You also have a frameset hierarchy: 4 frames within 2 nested framesets.
Your
<frame src="fill.htm" name="leftFrame" scrolling="NO" noresize>
<frame src="fill.htm" name="rightFrame" scrolling="NO" noresize>
are empty documents also... maybe you're still building your website..
nevertheless..
I recommend you do not use frames like that. You may still use an iframe
for your webpage needs if it's the best solution for you.

The document never gets loaded in NS 7.1 because, most likely, of this
function:
function loadSourceFinish(id){
document.all[id].innerHTML = self.bufferFrame.document.body.innerHTML }

Your code should avoid everywhere use of document.all (for cross-browser
purposes) and innerHTML and eval() calls for many other reasons I won't
explain here.

One way to speed up rendering of your page is to minimize the number of
..js files: here, I wonder why you can not combine these 5 external
script files into 1 or 2 files.

Your style sheet could be optimized in many ways:

..content {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #666666;
font-weight: normal;
padding-left:0;
line-height: 15px;
}

..content
{
font: normal 9px/15px Verdana,Arial,Helvetica,sans-serif;
color:#666;
}

Note that color is an inheritable property while padding-left is not.
So, depending on your markup code, it might not be even necessary to
declare padding-left and color here.

etc..

I think you should first deal with the design of your page (many frames
and frames should always be avoided if possible), define a tableless
design, then validating the markup code and CSS stylesheets.

DU
--
Javascript and Browser bugs:
http://www10.brinkster.com/doctorunclear/
- Resources, help and tips for Netscape 7.x users and Composer
- Interactive demos on Popup windows, music (audio/midi) in Netscape 7.x
http://www10.brinkster.com/doctorunc...e7Section.html

Jul 20 '05 #3
DU <dr*******@hotREMOVEmail.com> writes:
Your code should avoid everywhere .... innerHTML .... for many other reasons I won't explain here.


While I support using standard methods as much as possible, I have not
been able to find a good argument for using DOM node creation instead of
the innerHTML property in practice. That is, I don't know of a browser
that supports .appendChild but not .innerHTML.

Can you expand on the problem with innerHTML?

Apart from that, I concur with your comments.
/L
--
Lasse Reichstein Nielsen - lr*@hotpop.com
Art D'HTML: <URL:http://www.infimum.dk/HTML/randomArtSplit.html>
'Faith without judgement merely degrades the spirit divine.'
Jul 20 '05 #4
DU <dr*******@hotREMOVEmail.com> writes:
Your code should avoid everywhere .... innerHTML .... for many other reasons I won't explain here.


While I support using standard methods as much as possible, I have not
been able to find a good argument for using DOM node creation instead of
the innerHTML property in practice. That is, I don't know of a browser
that supports .appendChild but not .innerHTML.

Can you expand on the problem with innerHTML?

Apart from that, I concur with your comments.
/L
--
Lasse Reichstein Nielsen - lr*@hotpop.com
Art D'HTML: <URL:http://www.infimum.dk/HTML/randomArtSplit.html>
'Faith without judgement merely degrades the spirit divine.'
Jul 20 '05 #5
DU
DU wrote:
Javier wrote:
Hello,
I'm very new in this forum and as I have the following problem,
the website is in http://new.vanara.com
----------------------------------------------------------------------------

--------------------------------------------
Here's how the site works:
You should press a button in the rollover area in order to load a source
file on an Iframe, this Iframe is actually hidden working as a Buffer.
The
body of this loaded Iframe is transfered to a layer via the innerHTML
method
..

----------------------------------------------------------------------------

--------------------------------------------
Here's the problem:
The problem starts when you press the back button of the browser and the
text transfered to the layer changes as the Iframe does.

"transfered" means what exactly? New nodes being appended and
DOM-inserted into the DOM tree nodes? If so, then this can be verified
with a test page. My hunch is that the dynamically altered document will
replace the original document in the history and cache.
It is supposed that the only text that will should change if you press
the
back button, is the one loaded on the Iframe (that doesn't matter),
but not
the one transfered to the layer.


Let me assure you that if you want to control a behavior properly and
precisely in recent browsers, then your best chances are with using
validated markup code, validated CSS code and W3C DOM 2 attributes and
methods.
Here, I don't know for sure if what you're looking for is possible. I
have a demo page on a dynamically altered document in an iframe and
using the forward buttons loads the dynamically altered 2nd document
(not the original 2nd document) but that demo does not involve a 1st
document being modified.


I created a quick testpage

http://www10.brinkster.com/doctorunc...nDocument.html

and the original document remains in the history in MSIE 6 for windows
and Mozilla 1.4final but the altered document comes back in Opera 7.11
when you hit the back button. I'm not sure which behavior is according
to standards. Need to research this.
Maybe someone could point out what is the correct behavior here.

In any case, I know a "trick" which you could do to save, memorise the
info regarding the altered document.
DU
--
Javascript and Browser bugs:
http://www10.brinkster.com/doctorunclear/
- Resources, help and tips for Netscape 7.x users and Composer
- Interactive demos on Popup windows, music (audio/midi) in Netscape 7.x
http://www10.brinkster.com/doctorunc...e7Section.html

Jul 20 '05 #6
DU
DU wrote:
Javier wrote:
Hello,
I'm very new in this forum and as I have the following problem,
the website is in http://new.vanara.com
----------------------------------------------------------------------------

--------------------------------------------
Here's how the site works:
You should press a button in the rollover area in order to load a source
file on an Iframe, this Iframe is actually hidden working as a Buffer.
The
body of this loaded Iframe is transfered to a layer via the innerHTML
method
..

----------------------------------------------------------------------------

--------------------------------------------
Here's the problem:
The problem starts when you press the back button of the browser and the
text transfered to the layer changes as the Iframe does.

"transfered" means what exactly? New nodes being appended and
DOM-inserted into the DOM tree nodes? If so, then this can be verified
with a test page. My hunch is that the dynamically altered document will
replace the original document in the history and cache.
It is supposed that the only text that will should change if you press
the
back button, is the one loaded on the Iframe (that doesn't matter),
but not
the one transfered to the layer.


Let me assure you that if you want to control a behavior properly and
precisely in recent browsers, then your best chances are with using
validated markup code, validated CSS code and W3C DOM 2 attributes and
methods.
Here, I don't know for sure if what you're looking for is possible. I
have a demo page on a dynamically altered document in an iframe and
using the forward buttons loads the dynamically altered 2nd document
(not the original 2nd document) but that demo does not involve a 1st
document being modified.


I created a quick testpage

http://www10.brinkster.com/doctorunc...nDocument.html

and the original document remains in the history in MSIE 6 for windows
and Mozilla 1.4final but the altered document comes back in Opera 7.11
when you hit the back button. I'm not sure which behavior is according
to standards. Need to research this.
Maybe someone could point out what is the correct behavior here.

In any case, I know a "trick" which you could do to save, memorise the
info regarding the altered document.
DU
--
Javascript and Browser bugs:
http://www10.brinkster.com/doctorunclear/
- Resources, help and tips for Netscape 7.x users and Composer
- Interactive demos on Popup windows, music (audio/midi) in Netscape 7.x
http://www10.brinkster.com/doctorunc...e7Section.html

Jul 20 '05 #7
DU
Lasse Reichstein Nielsen wrote:
DU <dr*******@hotREMOVEmail.com> writes:

Your code should avoid everywhere
....
innerHTML


....
for many other reasons I won't explain here.

While I support using standard methods as much as possible, I have not
been able to find a good argument for using DOM node creation instead of
the innerHTML property in practice. That is, I don't know of a browser
that supports .appendChild but not .innerHTML.


I think the reasoning should be reversed here: if a browser supports
innerHTML, then is there another method or attribute which would be more
specific to the task I want to achieve, like a W3C DOM 2 method? And
they (recent browsers) usually have.
And appendChild is sometimes general and not the most specific and
appropriate attribute or method.
Can you expand on the problem with innerHTML?

Apart from that, I concur with your comments.
/L


Good arguments for using DOM node creation instead of innerHTML, you ask?

1) innerHTML is not a W3C DOM 2 attribute
2) innerHTML is general, not geared for a specific task; therefore it is
likely slower than other methods... although this has not been
demonstrated in a convincing manner ... it depends
"test page intended to find out which method of generating large amounts
of content is fastest in the browsers."
http://www.xs4all.nl/~ppk/js/innerhtml.html
3) Specifically purposed methods aiming at achieving specific tasks
should be more robust, more reliable. Ie.: insertRow[index] has to be
more appropriate than
document.createElement("tr") and objRefTable.appendChild(objTrow)
and much more appropriate than
var str = "<tr><td>asdf<\/td><\/tr>";
(...)
document.body.innerHTML += str;

Except item 1), I can't substantiate my opinion but one day I'll examine
all this.

DU
--
Javascript and Browser bugs:
http://www10.brinkster.com/doctorunclear/
- Resources, help and tips for Netscape 7.x users and Composer
- Interactive demos on Popup windows, music (audio/midi) in Netscape 7.x
http://www10.brinkster.com/doctorunc...e7Section.html

Jul 20 '05 #8
DU
Lasse Reichstein Nielsen wrote:
DU <dr*******@hotREMOVEmail.com> writes:

Your code should avoid everywhere
....
innerHTML


....
for many other reasons I won't explain here.

While I support using standard methods as much as possible, I have not
been able to find a good argument for using DOM node creation instead of
the innerHTML property in practice. That is, I don't know of a browser
that supports .appendChild but not .innerHTML.


I think the reasoning should be reversed here: if a browser supports
innerHTML, then is there another method or attribute which would be more
specific to the task I want to achieve, like a W3C DOM 2 method? And
they (recent browsers) usually have.
And appendChild is sometimes general and not the most specific and
appropriate attribute or method.
Can you expand on the problem with innerHTML?

Apart from that, I concur with your comments.
/L


Good arguments for using DOM node creation instead of innerHTML, you ask?

1) innerHTML is not a W3C DOM 2 attribute
2) innerHTML is general, not geared for a specific task; therefore it is
likely slower than other methods... although this has not been
demonstrated in a convincing manner ... it depends
"test page intended to find out which method of generating large amounts
of content is fastest in the browsers."
http://www.xs4all.nl/~ppk/js/innerhtml.html
3) Specifically purposed methods aiming at achieving specific tasks
should be more robust, more reliable. Ie.: insertRow[index] has to be
more appropriate than
document.createElement("tr") and objRefTable.appendChild(objTrow)
and much more appropriate than
var str = "<tr><td>asdf<\/td><\/tr>";
(...)
document.body.innerHTML += str;

Except item 1), I can't substantiate my opinion but one day I'll examine
all this.

DU
--
Javascript and Browser bugs:
http://www10.brinkster.com/doctorunclear/
- Resources, help and tips for Netscape 7.x users and Composer
- Interactive demos on Popup windows, music (audio/midi) in Netscape 7.x
http://www10.brinkster.com/doctorunc...e7Section.html

Jul 20 '05 #9
Hello DU and Lasse
When I say transfered I mean :

document.all[id].innerHTML = window.bufferFrame.document.body.innerHTML

being
id = my actual layer
bufferFrame = the Iframe

the body content of bufferFrame is being transfered to the layer, I'm not
sure if this is the most suitable term to use in this case.

Thank you very, very much for your time and recommendations, as a newbee I
had thought that my code was perfect and now I'm realizing that is not
(experience counts).

"DU" <dr*******@hotREMOVEmail.com> wrote in message
news:bh**********@news.eusc.inter.net...
Javier wrote:
Hello,
I'm very new in this forum and as I have the following problem,
the website is in http://new.vanara.com


--------------------------------------------------------------------------

--
--------------------------------------------
Here's how the site works:
You should press a button in the rollover area in order to load a source
file on an Iframe, this Iframe is actually hidden working as a Buffer. The body of this loaded Iframe is transfered to a layer via the innerHTML method ..


--------------------------------------------------------------------------

--
--------------------------------------------
Here's the problem:
The problem starts when you press the back button of the browser and the
text transfered to the layer changes as the Iframe does.


"transfered" means what exactly? New nodes being appended and
DOM-inserted into the DOM tree nodes? If so, then this can be verified
with a test page. My hunch is that the dynamically altered document will
replace the original document in the history and cache.
It is supposed that the only text that will should change if you press the back button, is the one loaded on the Iframe (that doesn't matter), but not the one transfered to the layer.


Let me assure you that if you want to control a behavior properly and
precisely in recent browsers, then your best chances are with using
validated markup code, validated CSS code and W3C DOM 2 attributes and
methods.
Here, I don't know for sure if what you're looking for is possible. I
have a demo page on a dynamically altered document in an iframe and
using the forward buttons loads the dynamically altered 2nd document
(not the original 2nd document) but that demo does not involve a 1st
document being modified.


Any help or suggestion would be very helpful.
Thanks,
Javier.


Your frameset uses invalid attributes, has no doctype declaration. Your
embedded stylesheet has several errors.
Non-zero length property value must have an unit.
4.2 Rules for handling parsing errors
"a unit must be specified for length values"
http://www.w3.org/TR/CSS2/syndata.html#parsing-errors
4.3.2 Lengths
"The format of a length value (denoted by <length> in this
specification) is an optional sign character ('+' or '-', with '+' being
the default) immediately followed by a <number> (with or without a
decimal point) immediately followed by a unit identifier (e.g., px, deg,
etc.). After the '0' length, the unit identifier is optional."
http://www.w3.org/TR/CSS2/syndata.html#length-units

You use "javascript:" pseudo-protocol in your href values: this is bound
to go wrong and cause problems.
http://jibbering.com/faq/#FAQ4_24

Your page is based on table design: that's not recommendable unless you
make use of tabular data... and here, it's not the case.

You also have a frameset hierarchy: 4 frames within 2 nested framesets.
Your
<frame src="fill.htm" name="leftFrame" scrolling="NO" noresize>
<frame src="fill.htm" name="rightFrame" scrolling="NO" noresize>
are empty documents also... maybe you're still building your website..
nevertheless..
I recommend you do not use frames like that. You may still use an iframe
for your webpage needs if it's the best solution for you.

The document never gets loaded in NS 7.1 because, most likely, of this
function:
function loadSourceFinish(id){
document.all[id].innerHTML = self.bufferFrame.document.body.innerHTML }

Your code should avoid everywhere use of document.all (for cross-browser
purposes) and innerHTML and eval() calls for many other reasons I won't
explain here.

One way to speed up rendering of your page is to minimize the number of
.js files: here, I wonder why you can not combine these 5 external
script files into 1 or 2 files.

Your style sheet could be optimized in many ways:

.content {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #666666;
font-weight: normal;
padding-left:0;
line-height: 15px;
}

.content
{
font: normal 9px/15px Verdana,Arial,Helvetica,sans-serif;
color:#666;
}

Note that color is an inheritable property while padding-left is not.
So, depending on your markup code, it might not be even necessary to
declare padding-left and color here.

etc..

I think you should first deal with the design of your page (many frames
and frames should always be avoided if possible), define a tableless
design, then validating the markup code and CSS stylesheets.

DU
--
Javascript and Browser bugs:
http://www10.brinkster.com/doctorunclear/
- Resources, help and tips for Netscape 7.x users and Composer
- Interactive demos on Popup windows, music (audio/midi) in Netscape 7.x
http://www10.brinkster.com/doctorunc...e7Section.html

Jul 20 '05 #10
Hello DU and Lasse
When I say transfered I mean :

document.all[id].innerHTML = window.bufferFrame.document.body.innerHTML

being
id = my actual layer
bufferFrame = the Iframe

the body content of bufferFrame is being transfered to the layer, I'm not
sure if this is the most suitable term to use in this case.

Thank you very, very much for your time and recommendations, as a newbee I
had thought that my code was perfect and now I'm realizing that is not
(experience counts).

"DU" <dr*******@hotREMOVEmail.com> wrote in message
news:bh**********@news.eusc.inter.net...
Javier wrote:
Hello,
I'm very new in this forum and as I have the following problem,
the website is in http://new.vanara.com


--------------------------------------------------------------------------

--
--------------------------------------------
Here's how the site works:
You should press a button in the rollover area in order to load a source
file on an Iframe, this Iframe is actually hidden working as a Buffer. The body of this loaded Iframe is transfered to a layer via the innerHTML method ..


--------------------------------------------------------------------------

--
--------------------------------------------
Here's the problem:
The problem starts when you press the back button of the browser and the
text transfered to the layer changes as the Iframe does.


"transfered" means what exactly? New nodes being appended and
DOM-inserted into the DOM tree nodes? If so, then this can be verified
with a test page. My hunch is that the dynamically altered document will
replace the original document in the history and cache.
It is supposed that the only text that will should change if you press the back button, is the one loaded on the Iframe (that doesn't matter), but not the one transfered to the layer.


Let me assure you that if you want to control a behavior properly and
precisely in recent browsers, then your best chances are with using
validated markup code, validated CSS code and W3C DOM 2 attributes and
methods.
Here, I don't know for sure if what you're looking for is possible. I
have a demo page on a dynamically altered document in an iframe and
using the forward buttons loads the dynamically altered 2nd document
(not the original 2nd document) but that demo does not involve a 1st
document being modified.


Any help or suggestion would be very helpful.
Thanks,
Javier.


Your frameset uses invalid attributes, has no doctype declaration. Your
embedded stylesheet has several errors.
Non-zero length property value must have an unit.
4.2 Rules for handling parsing errors
"a unit must be specified for length values"
http://www.w3.org/TR/CSS2/syndata.html#parsing-errors
4.3.2 Lengths
"The format of a length value (denoted by <length> in this
specification) is an optional sign character ('+' or '-', with '+' being
the default) immediately followed by a <number> (with or without a
decimal point) immediately followed by a unit identifier (e.g., px, deg,
etc.). After the '0' length, the unit identifier is optional."
http://www.w3.org/TR/CSS2/syndata.html#length-units

You use "javascript:" pseudo-protocol in your href values: this is bound
to go wrong and cause problems.
http://jibbering.com/faq/#FAQ4_24

Your page is based on table design: that's not recommendable unless you
make use of tabular data... and here, it's not the case.

You also have a frameset hierarchy: 4 frames within 2 nested framesets.
Your
<frame src="fill.htm" name="leftFrame" scrolling="NO" noresize>
<frame src="fill.htm" name="rightFrame" scrolling="NO" noresize>
are empty documents also... maybe you're still building your website..
nevertheless..
I recommend you do not use frames like that. You may still use an iframe
for your webpage needs if it's the best solution for you.

The document never gets loaded in NS 7.1 because, most likely, of this
function:
function loadSourceFinish(id){
document.all[id].innerHTML = self.bufferFrame.document.body.innerHTML }

Your code should avoid everywhere use of document.all (for cross-browser
purposes) and innerHTML and eval() calls for many other reasons I won't
explain here.

One way to speed up rendering of your page is to minimize the number of
.js files: here, I wonder why you can not combine these 5 external
script files into 1 or 2 files.

Your style sheet could be optimized in many ways:

.content {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #666666;
font-weight: normal;
padding-left:0;
line-height: 15px;
}

.content
{
font: normal 9px/15px Verdana,Arial,Helvetica,sans-serif;
color:#666;
}

Note that color is an inheritable property while padding-left is not.
So, depending on your markup code, it might not be even necessary to
declare padding-left and color here.

etc..

I think you should first deal with the design of your page (many frames
and frames should always be avoided if possible), define a tableless
design, then validating the markup code and CSS stylesheets.

DU
--
Javascript and Browser bugs:
http://www10.brinkster.com/doctorunclear/
- Resources, help and tips for Netscape 7.x users and Composer
- Interactive demos on Popup windows, music (audio/midi) in Netscape 7.x
http://www10.brinkster.com/doctorunc...e7Section.html

Jul 20 '05 #11
DU
Javier wrote:
Hello DU and Lasse
When I say transfered I mean :

document.all[id].innerHTML = window.bufferFrame.document.body.innerHTML

being
id = my actual layer
bufferFrame = the Iframe

the body content of bufferFrame is being transfered to the layer, I'm not
sure if this is the most suitable term to use in this case.

Thank you very, very much for your time and recommendations, as a newbee I
had thought that my code was perfect and now I'm realizing that is not
(experience counts).


[snipped]

Are there any problems with using frames?
http://www.htmlhelp.com/faq/html/fra...frame-problems

What are frames, and why are they evil?
http://homepage.ntlworld.com/l_vajzo...eb/frames.html

Why Frames Are A Bad Idea
http://www.iso.port.ac.uk/~mike/whynoframes.html

Why Frames Suck (Most of the Time)
"For new or inexperienced Web designers, I stand by my original
recommendation. Frames: Just Say No.(...)
Fundamental Problems with Frames"
J. Nielsen
http://www.useit.com/alertbox/9612.html

Aren't frames bad?
http://html.tucows.com/webmaster/int...framesbad.html

You should absolutely avoid empty frames and weird frames like:
<frameset border=0 rows="100%,*" frameborder="no" marginleft=0
margintop=0 marginright=0 marginbottom=0>
<frame src="http://161.184.245.22/public/troconis/newsite/index.htm"
scrolling=auto frameborder="no" border=0 noresize>
<frame topmargin="0" marginwidth=0 scrolling=no marginheight=0
frameborder="no" border=0 noresize>
....when the bottom frame has no existence really, no src and invalid
attributes.

IMO, usage of frames is very questionable. Iframe might be different: it
depends on the page requirements, context, etc..

You should first try to find a good design, a tableless design. These
are highly recommendable sites:

Open Source Web Design
http://www.oswd.org/

CSS Layout Techniques: Look Ma, No Tables:
http://glish.com/css/

CSS Tableless Sites
http://www.meryl.net/css/

and then you should use a full doctype declaration (choose preferably a
strict DTD) and you should strive to validate your markup page and CSS
code.

DU
--
Javascript and Browser bugs:
http://www10.brinkster.com/doctorunclear/
- Resources, help and tips for Netscape 7.x users and Composer
- Interactive demos on Popup windows, music (audio/midi) in Netscape 7.x
http://www10.brinkster.com/doctorunc...e7Section.html

Jul 20 '05 #12
DU
Javier wrote:
Hello DU and Lasse
When I say transfered I mean :

document.all[id].innerHTML = window.bufferFrame.document.body.innerHTML

being
id = my actual layer
bufferFrame = the Iframe

the body content of bufferFrame is being transfered to the layer, I'm not
sure if this is the most suitable term to use in this case.

Thank you very, very much for your time and recommendations, as a newbee I
had thought that my code was perfect and now I'm realizing that is not
(experience counts).


[snipped]

Are there any problems with using frames?
http://www.htmlhelp.com/faq/html/fra...frame-problems

What are frames, and why are they evil?
http://homepage.ntlworld.com/l_vajzo...eb/frames.html

Why Frames Are A Bad Idea
http://www.iso.port.ac.uk/~mike/whynoframes.html

Why Frames Suck (Most of the Time)
"For new or inexperienced Web designers, I stand by my original
recommendation. Frames: Just Say No.(...)
Fundamental Problems with Frames"
J. Nielsen
http://www.useit.com/alertbox/9612.html

Aren't frames bad?
http://html.tucows.com/webmaster/int...framesbad.html

You should absolutely avoid empty frames and weird frames like:
<frameset border=0 rows="100%,*" frameborder="no" marginleft=0
margintop=0 marginright=0 marginbottom=0>
<frame src="http://161.184.245.22/public/troconis/newsite/index.htm"
scrolling=auto frameborder="no" border=0 noresize>
<frame topmargin="0" marginwidth=0 scrolling=no marginheight=0
frameborder="no" border=0 noresize>
....when the bottom frame has no existence really, no src and invalid
attributes.

IMO, usage of frames is very questionable. Iframe might be different: it
depends on the page requirements, context, etc..

You should first try to find a good design, a tableless design. These
are highly recommendable sites:

Open Source Web Design
http://www.oswd.org/

CSS Layout Techniques: Look Ma, No Tables:
http://glish.com/css/

CSS Tableless Sites
http://www.meryl.net/css/

and then you should use a full doctype declaration (choose preferably a
strict DTD) and you should strive to validate your markup page and CSS
code.

DU
--
Javascript and Browser bugs:
http://www10.brinkster.com/doctorunclear/
- Resources, help and tips for Netscape 7.x users and Composer
- Interactive demos on Popup windows, music (audio/midi) in Netscape 7.x
http://www10.brinkster.com/doctorunc...e7Section.html

Jul 20 '05 #13

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

0
by: Dan Popa | last post by:
Check out the following 2 links: http://www.batisdev.com/admin/test_1images.asp http://www.batisdev.com/admin/test_2images.asp First page contain 4 IFRAMES and 1 IMG tags. Second page contain 4...
4
by: Marina Ferguson | last post by:
Hi, I have a document with an iframe. The main doc has a "Print" button. The idea is that when the user clicks it, the contents of the iframe is printed. For some reason instead of the iframe...
0
by: Vince | last post by:
I have a generic page that I use for printing content, and it contains an iframe into which I put the url for the page to be printed. I dynamically size the iframe so that it correctly displays...
2
by: swathi | last post by:
----------------------------------------------------------------------- A poll associated with this post was created, to vote and see th results, please visit...
6
by: gsb | last post by:
Don't know if this is the right place to post this JavaScript issue. If not, could someone point me in the right direction please. I am trying to make a "cross browser compliant" floating...
4
by: Richard St?en | last post by:
Hi! We are experiencing a problem with running an .aspx page inside an iframe. The .aspx page is loading perfectly the first time (on load), but when we try to interact/navigate within the .aspx...
3
by: laredotornado | last post by:
Hi, Does anyone know a cross-browser way of making an iframe just as big as the HTML content of its source, but no bigger, either width or height wise. Using 100% attributes for iframe width...
4
by: Mugs321 | last post by:
Hey all, Here's the deal... I have an iframe which I am using a to print a certain page without displaying said page. I've use this technique in other areas of my site and they work like a...
0
by: DolphinDB | last post by:
The formulas of 101 quantitative trading alphas used by WorldQuant were presented in the paper 101 Formulaic Alphas. However, some formulas are complex, leading to challenges in calculation. Take...
0
by: ryjfgjl | last post by:
ExcelToDatabase: batch import excel into database automatically...
0
isladogs
by: isladogs | last post by:
The next Access Europe meeting will be on Wednesday 6 Mar 2024 starting at 18:00 UK time (6PM UTC) and finishing at about 19:15 (7.15PM). In this month's session, we are pleased to welcome back...
1
isladogs
by: isladogs | last post by:
The next Access Europe meeting will be on Wednesday 6 Mar 2024 starting at 18:00 UK time (6PM UTC) and finishing at about 19:15 (7.15PM). In this month's session, we are pleased to welcome back...
0
by: jfyes | last post by:
As a hardware engineer, after seeing that CEIWEI recently released a new tool for Modbus RTU Over TCP/UDP filtering and monitoring, I actively went to its official website to take a look. It turned...
0
by: ArrayDB | last post by:
The error message I've encountered is; ERROR:root:Error generating model response: exception: access violation writing 0x0000000000005140, which seems to be indicative of an access violation...
0
by: CloudSolutions | last post by:
Introduction: For many beginners and individual users, requiring a credit card and email registration may pose a barrier when starting to use cloud servers. However, some cloud server providers now...
0
by: Defcon1945 | last post by:
I'm trying to learn Python using Pycharm but import shutil doesn't work
0
by: Faith0G | last post by:
I am starting a new it consulting business and it's been a while since I setup a new website. Is wordpress still the best web based software for hosting a 5 page website? The webpages will be...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.