using insertAdjacentHTML and innerHTML in tandem.

I am currently using a script that writes everything in a div tag to a seperate frame's div tag using the innerHTML property. Instead of writing redundant information over and over I would prefer to use the insertAdjacentHTML command.  So basically I would have a function I could use similar to this.

parent.frames.frame1.document.getElementById("text").insertAdjacentHTML("beforebegin", innerhtmlhere);

where innerhtmlhere would refer to the current page's division tag and then it would be sent to the other frame's division tag, but would not overwrite the html code that was already inside.  It's somewhat tough to explain what I am looking for and Im still quite new to javascript so I am not sure who else to ask or where else to look.  Any help would be greatly appreciated.
SaF3RAsked:
Who is Participating?

[Product update] Infrastructure Analysis Tool is now available with Business Accounts.Learn More

x
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

XxavierCommented:
Does'nt this do it?

parent.frames.frame1.document.getElementById("text").innertHTML+=innerHTML of the div tag to be sent over.

i.e.
 parent.frames.frame1.document.getElementById("text").innertHTML+= document.getElementById(innerhtmlhere).innerHTML
NetGrooveCommented:
The adjacent method goes like this:

rfd=parent.frames.frame1.document.getElementById('text');
rfd.insertAdjacentHTML('beforebegin', document.getElementById('senderDiv').innerHTML);

But that will work only in IE.

Recomanded version simmelar to Xxavier proposal is:
rfd=parent.frames.frame1.document.getElementById('text');
rfd.innerHTML=document.getElementById('senderDiv').innerHTML+rfd.innerHTML;

Only difference is that my proposal puts the sender div html Before reciver text html, and not appended.


Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
XxavierCommented:
Netscape does not include the innerText or outerHTML properties as part of the Object Model  either. By usung the assignment operator you can out the innerHTML at either end of the receiver HTML as NetGroove has pointed out., bt simply ordering the stringexpession appropriately
Determine the Perfect Price for Your IT Services

Do you wonder if your IT business is truly profitable or if you should raise your prices? Learn how to calculate your overhead burden with our free interactive tool and use it to determine the right price for your IT services. Download your free eBook now!

SaF3RAuthor Commented:
Thanks to both of you for your help on this.  As I said I'm still quite new at this  and I did try using the concatenation method that you both proposed, but somewhere down the line I must have tripped myself up.  Im not sure who to give the points to on this one because both of you did add helpful pointers so I'll split'em.  It's amazing how much better this forum is than others, and Im grateful I tried here first.
NetGrooveCommented:
Thanks for the points.

And I would like to encourage you to do the points splits also in the future.
From my point of view is this not a quiz who gives the fastest and best answer to catch the points.
It is more a way for you to say Thank You to those experts who invested their valuable time to help you to find your solution.

Of course is on experts side still the competition who plays best the game :-)

See you,
NetGroove

SaF3RAuthor Commented:
To anyone interested, it turns out that for my situation the insertadjacenthtml method was the only one to fully solve the problem I was having.  If you have image tags in the section you want to append to, they will reload each time you send information, which for me was undesirable due to a large number of images(also for security purposes they are coming from a db which is extra slow and can cause a serious slowdown if you're constantly loading and reloading images).  So when I used the insertadjacenthtml method, the images did not reload and everything works fine(for IE that is).
NetGrooveCommented:
Thanks for sharing this information with us.
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
JavaScript

From novice to tech pro — start learning today.