Setting innerHTML

[Chris Moltisanti]

Hey,

I have a DIV and I want to dynamically set its innerHTML. I know I can
set it by doing the following myDiv.innerHTML = '<img
src=\"myImage.g if\">'
However, the html that I want to set in it is quite large so I dont
want to have to hard code the HTML like I just did.
My question is....is it possible to assign an existing html page to the
innerHTML.
e.g. myDiv.innerHTML = 'mytest.html'
So that the contents of the mytest.html would be set in myDiv's
innerHTML.

Thanks,

Chris

[Tony]

Chris Moltisanti wrote:

The previous post is not related to javascript so please ignore it.

Why are you telling me what to do?

What post are you referring to?

Please quote what you are replying to. If you don't want to play by the
rules, then go play somewhere else.
--
"The most convoluted explanation that fits all the available and made-up
facts is the most likely to be believed by conspiracy theorists"

[Eric Ryan Harrison]

andy baxter wrote:

On Wed, 07 Jun 2006 01:36:29 -0700, Eric Ryan Harrison wrote:

Another more simplistic option would be to have your javascript merely
use document.create Element to create an iframe, set the iframes src to
whatever page you want the div to contain and then appendChild on the
div. Maybe not as clever or web2.0'ish enough for you, but it
definitely will get the job done in the least amount of code.

-E

I tried this way first, but I didn't like the iframe - you have to set a
fixed height window with a scrollbar and it looked ugly in my layout.

I don't know exactly what you're reffering to here. I've seen some
darned pretty Iframes. Iframes are CSS-ready, and if the page coming
back in the iframe has any sort of style, it'll be properly rendered as
well.

Good luck,

-E

[Dr John Stockton]

JRS: In article <12************ *@corp.supernew s.com>, dated Thu, 8 Jun
2006 11:07:03 remote, seen in news:comp.lang. javascript, Tony <tony23@ds
lextreme.WHATIS THIS.com> posted :

Chris Moltisanti wrote:

The previous post is not related to javascript so please ignore it.

Why are you telling me what to do?

What post are you referring to?

Please quote what you are replying to. If you don't want to play by the
rules, then go play somewhere else.

He's a Google user, so don't assume intelligence; tell him to read the
newsgroup FAQ.

--
© John Stockton, Surrey, UK. ?@merlyn.demon. co.uk Turnpike v4.00 IE 4 ©
<URL:http://www.jibbering.c om/faq/> JL/RC: FAQ of news:comp.lang. javascript
<URL:http://www.merlyn.demo n.co.uk/js-index.htm> jscr maths, dates, sources.
<URL:http://www.merlyn.demo n.co.uk/> TP/BP/Delphi/jscr/&c, FAQ items, links.

[lofty00]

Eric Ryan Harrison wrote:

andy baxter wrote:

I tried this way first, but I didn't like the iframe - you have to set a
fixed height window with a scrollbar and it looked ugly in my layout.

I don't know exactly what you're reffering to here. I've seen some
darned pretty Iframes. Iframes are CSS-ready, and if the page coming
back in the iframe has any sort of style, it'll be properly rendered as
well.

Good luck,

As far as I know, an iframe has to have a fixed height and any overflow
is dealt with by putting a scrollbar in the window. I didn't want that
- I just wanted the html included in the page like any other html text.

andy baxter (lofty00 while I'm away)

[Eric Ryan Harrison]

lo*****@fastmai l.fm wrote:

Eric Ryan Harrison wrote:

andy baxter wrote:

I tried this way first, but I didn't like the iframe - you have to set a
fixed height window with a scrollbar and it looked ugly in my layout.
I don't know exactly what you're reffering to here. I've seen some
darned pretty Iframes. Iframes are CSS-ready, and if the page coming
back in the iframe has any sort of style, it'll be properly rendered as
well.

Good luck,

As far as I know, an iframe has to have a fixed height and any overflow
is dealt with by putting a scrollbar in the window. I didn't want that
- I just wanted the html included in the page like any other html text.

Huh? I personally don't know what your source is for this. It may be
that this is true and I've just been using browsers that don't have
this behavior. I use IFrames in a few different places and have seen
this working on IE6, FF 1.0-1.5, Netscape 7, and Mozilla 1.6.

<h2>Default (Non-Pretty) Iframe</h2>
<iframe name="nonpretty " id="nonpretty"
src="javascript :void(0);"> </iframe>

<hr />

<h2>CSS Styled (Pretty) Iframe</h2>

<iframe name="pretty" id="pretty" src="javascript :void(0);"
style="backgrou nd-color:#fca;heig ht:300px;width: 600px;overflow: auto;border:1px
dashed #777;"> </iframe>

( I always add the   so that XML doesn't gak up on <iframe>
auto-closing the empty element when I do ajax stuff. &nbsp; isn't
recognized as a valid XML entity, so I use   which works like a
charm. )

Take a look. Should see beautiful iframes. Let me know if anything
crazy happens.

-E
andy baxter (lofty00 while I'm away)

[Randy Webb]

Dr John Stockton said the following on 6/9/2006 12:23 PM:

JRS: In article <12************ *@corp.supernew s.com>, dated Thu, 8 Jun
2006 11:07:03 remote, seen in news:comp.lang. javascript, Tony <tony23@ds
lextreme.WHATIS THIS.com> posted :

Chris Moltisanti wrote:

The previous post is not related to javascript so please ignore it. Why are you telling me what to do?

What post are you referring to?

Please quote what you are replying to. If you don't want to play by the
rules, then go play somewhere else.

He's a Google user, so don't assume intelligence;

Being a "Google user" applies to many more people that what you thought
you intended to say. "Google Group user" isn't any better though. The
user of an interface is as much a reflection of intelligence as the
color of the sun - it isn't and it's irrelevant.

The only time you see problems with Google Groups is when a new person
is using it. You don't pay attention to the people who use it without
problems because you only pay attention to where they post from if there
is a problem in quoting.
tell him to read the newsgroup FAQ.

And nothing in that FAQ deals specifically with how to quote using
Google Groups so pointing a user to that FAQ doesn't help the problem
any at all.

A better reference would be somewhere that deals with that particular
piece of software. It is no different than pointing an un-patched OE
user to an OE-fix page, or do you point them to the FAQ as well in a
round of futility?

--
Randy
comp.lang.javas cript FAQ - http://jibbering.com/faq & newsgroup weekly
Javascript Best Practices - http://www.JavascriptToolbox.com/bestpractices/

[lofty00]

Eric Ryan Harrison wrote:

Huh? I personally don't know what your source is for this. It may be
that this is true and I've just been using browsers that don't have
this behavior. I use IFrames in a few different places and have seen
this working on IE6, FF 1.0-1.5, Netscape 7, and Mozilla 1.6.

<h2>Default (Non-Pretty) Iframe</h2>
<iframe name="nonpretty " id="nonpretty"
src="javascript :void(0);"> </iframe>

<hr />

<h2>CSS Styled (Pretty) Iframe</h2>

<iframe name="pretty" id="pretty" src="javascript :void(0);"
style="backgrou nd-color:#fca;heig ht:300px;width: 600px;overflow: auto;border:1px
dashed #777;"> </iframe>

( I always add the   so that XML doesn't gak up on <iframe>
auto-closing the empty element when I do ajax stuff. &nbsp; isn't
recognized as a valid XML entity, so I use   which works like a
charm. )

Take a look. Should see beautiful iframes. Let me know if anything
crazy happens.

I does look better that way, but if I include a document in the iframe
that's longer than the height of the frame, it makes a scrollbar on the
right hand side to deal with the overflow. This isn't what I want - I
want it to expand to the full length of the included document, with any
scrolling being through the scrollbar on the main window. I don't think
there's a way to do this with iframes.

andy

[Dr John Stockton]

JRS: In article <Rq************ *************** ***@comcast.com >, dated
Sat, 10 Jun 2006 13:14:55 remote, seen in news:comp.lang. javascript,
Randy Webb <Hi************ @aol.com> posted :

tell him to read the newsgroup FAQ.

And nothing in that FAQ deals specifically with how to quote using
Google Groups so pointing a user to that FAQ doesn't help the problem
any at all.

You should read the newsgroup FAQ.

comp.lang.javas cript FAQ - 8.1 - 2005-11-05
Section 2.3, paragraph 7, which cites paragraph 6, refers.

(6) When replying to a message on the group quote the minimum of the
preceding messages post that is sufficient to provide context for the
reply but trim the remainder, and add your comments below the pertinent
section of quoted material, as per FYI28/RFC1855 (never top post).

(7) If posting through groups.google.c om don't use the "Reply" link at
the bottom of the article, instead use "Show Options" at the top of the
article and than click the "Reply" option exposed there. This
automatically includes the quote of the preceding message to be edited
down as described above.
I leave the following in HTML for the convenience of those who might
wish to put something similar on their sites :-

<p>Also see <a
href="http://groups.google.c om/support/bin/answer.py?answe r=14213">How
can I automatically quote the previous message when I post a reply?</a>
in Google Groups Help.</p>
<FAQENTRY> In the first line of 2.3 para 6, suggest inserting ", with
'>', " in the first line.

--
© John Stockton, Surrey, UK. ?@merlyn.demon. co.uk Turnpike v4.00 MIME. ©
Web <URL:http://www.merlyn.demo n.co.uk/> - FAQish topics, acronyms, & links.
For more on our news hierarchy news:uk.*, see newsgroups news:uk.answers and
news:uk.net.new s.*, and <URL:http://www.usenet.org. uk/>.

[Randy Webb]

Dr John Stockton said the following on 6/10/2006 5:42 PM:

JRS: In article <Rq************ *************** ***@comcast.com >, dated
Sat, 10 Jun 2006 13:14:55 remote, seen in news:comp.lang. javascript,
Randy Webb <Hi************ @aol.com> posted :

tell him to read the newsgroup FAQ.

And nothing in that FAQ deals specifically with how to quote using
Google Groups so pointing a user to that FAQ doesn't help the problem
any at all.

You should read the newsgroup FAQ.

comp.lang.javas cript FAQ - 8.1 - 2005-11-05
Section 2.3, paragraph 7, which cites paragraph 6, refers.

I did, and the version at <URL: http://jibbering.com/faq/> that I get is :

comp.lang.javas cript FAQ - 8.0 - 2004-03-15

Which is obviously wrong but it is the same version that anybody else
would get unless a URL to a post of it in the archives is given instead.
I got tired of messing with Google Groups to try to find a URL to the
last FAQ Poster posted FAQ article. Does anybody have one?

--
Randy
comp.lang.javas cript FAQ - http://jibbering.com/faq & newsgroup weekly
Javascript Best Practices - http://www.JavascriptToolbox.com/bestpractices/

[Eric Ryan Harrison]

lo*****@fastmai l.fm wrote:

Eric Ryan Harrison wrote:

Huh? I personally don't know what your source is for this. It may be
that this is true and I've just been using browsers that don't have
this behavior. I use IFrames in a few different places and have seen
this working on IE6, FF 1.0-1.5, Netscape 7, and Mozilla 1.6.

<h2>Default (Non-Pretty) Iframe</h2>
<iframe name="nonpretty " id="nonpretty"
src="javascript :void(0);"> </iframe>

<hr />

<h2>CSS Styled (Pretty) Iframe</h2>

<iframe name="pretty" id="pretty" src="javascript :void(0);"
style="backgrou nd-color:#fca;heig ht:300px;width: 600px;overflow: auto;border:1px
dashed #777;"> </iframe>

( I always add the   so that XML doesn't gak up on <iframe>
auto-closing the empty element when I do ajax stuff. &nbsp; isn't
recognized as a valid XML entity, so I use   which works like a
charm. )

Take a look. Should see beautiful iframes. Let me know if anything
crazy happens.
I does look better that way, but if I include a document in the iframe
that's longer than the height of the frame, it makes a scrollbar on the
right hand side to deal with the overflow. This isn't what I want - I
want it to expand to the full length of the included document, with any
scrolling being through the scrollbar on the main window. I don't think
there's a way to do this with iframes.

Have you tried this: ( note: I haven't tested this, so if it doesn't
work, let me know )

<iframe name="pretty" id="pretty" src="http://google.com"
style="backgrou nd-color:#fca;heig ht:300px;width: 600px;overflow: visible;border: 1px
dashed #777;"> </iframe>

CSS's overflow:visibl e property is supposed to do just that. Anything
bigger than your defined size will cause the element to expand to show
the containing data.

Give this a try.

-E andy