How to render HTML text to be placed inside third party webpage`s div without iframe?

Question

0.00/5 (No votes)

See more:

I want to generate html as well as SVG code based on my Subsciber`s any of the position of on web page (or you can say any of the div).

I want to give some javascript code to be put in side of that page`s div so at that div whole my code place.

I don`t want to use iframe because height and width is not defined its automated.

here what i have tried and i am still trying.

What I have tried:

JavaScript

<html>
    <head>
    <title>TODO supply a title</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    </head>
    <body>
    <div>TODO write content</div>        
    <div>
    <script>
        (function(){
            var xhr=new XMLHttpRequest();xhr.open("get","request Url of my side",true);xhr.send();
            xhr.onreadystatechange=function(){ if(xhr.readyState==4 && xhr.status==200){document.write(xhr.responseText);}}
             }());

    </script>
    </div>   
</body>
    </html>

But what happening here is before response came whole page was loaded and document.write() erase existing content and place my responseText .

Any Help will be appreciated.

Posted 5-May-16 1:01am

Nisarg Desai

Updated 5-May-16 2:01am

Add a Solution

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

F-ES Sitecore · Answer 1 · 2016-05-05T01:24:00

Solution 1

Define where on the page you want to inject the content

HTML

<div id="myContent"></div>

Then rather than response.write you use;

JavaScript

document.getElementById('myContent').innerHTML = xhr.responseText;

Posted 5-May-16 1:24am

F-ES Sitecore

Comments

Nisarg Desai 5-May-16 7:28am

well the problem is that selector can be anything because subscriber page is not under my control. so i want to render my text without specified a selector

F-ES Sitecore 5-May-16 7:39am

The div to inject the code goes on your page with the javascript

Nisarg Desai 5-May-16 7:53am

No not on my page its on subscribers page. i am serving response through web service. just like facebook flike, google plus index and pinit indexer.

Nisarg Desai 5-May-16 7:59am

Okay I did solve this. Updating my Answer Here.