How to Embed html code with javascript, into my webpage?

Question

1.00/5 (1 vote)

See more:

Hi all.
I am trying to figure out a way to embed a code in my plain html page. It takes the code from the user for example

XML

<!-- TradingView Chart BEGIN -->
<script type="text/javascript" src="https://s3.amazonaws.com/tradingview/tv.js"></script>
<script type="text/javascript">
var tradingview_embed_options = {};
tradingview_embed_options.width = 640;
tradingview_embed_options.height = 400;
tradingview_embed_options.chart = 'vkcQRj1Z';
new TradingView.chart(tradingview_embed_options);
</script>
<p><a href="https://www.tradingview.com/chart/XOM/vkcQRj1Z-Consolidate/">Consolidate</a> by <a href="https://www.tradingview.com/u/lvn2007/">lvn2007</a> on <a href="https://www.tradingview.com/">TradingView.com</a></p>
<!-- TradingView Chart END -->

and inject it into my webpage, to show the chart which this code represent as you can see its in javascript, so i am looking for a solution where i don't have to refresh or go to the new page to trigger this javascript, which right now is not working.
Thanks.

Posted 31-May-15 8:27am

SohaibX

Add a Solution

2 solutions

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)

Sergey Alexandrovich Kryukov · Answer 1 · 2015-05-31T09:11:00

I have no idea why would you use some Amazon library (or whatever it is; you can ask them how to use it), but the problem of "embedding" any HTML code in the current page is ridiculously simple. Try, for example, this:

JavaScript

document.body.innerHTML = "<h1>Write here any content you want!</h1>

Naturally, you can "embed" anything in any given HTML element. If you don't know how to locate the element you need, you can use document.getElementById, in particular. To transform HTML instead of just writing it, you can read the value of the innerHTML property, analyze it and write a new value. So, ultimately, you can write anything your want.

There are many more fine-grain method of transforming your document DOM, but I would rather recommend jQuery: http://api.jquery.com/category/manipulation[^].

If you need to learn jQuery (highly recommended), please see:
http://en.wikipedia.org/wiki/JQuery,
http://jquery.com,
http://learn.jquery.com,
http://learn.jquery.com/using-jquery-core,
http://learn.jquery.com/about-jquery/how-jquery-works (start from here).

—SA

CH Rashid Ebad · Answer 2 · 2015-05-31T09:49:00

HI.

Here is your solution.

I did following changes to your code

1). Add reference to jquery library.

2). Save a reference chart class
var c1=new TradingView.chart(tradingview_embed_options);

3). Call render method
c1.render();

4). Remove extra link using jquery

$("div.tradingview-widget a").remove();

Changed code is as under.

$(document).ready(function()
{
var tradingview_embed_options = {};
tradingview_embed_options.width = 640;
tradingview_embed_options.height = 400;
tradingview_embed_options.chart = 'vkcQRj1Z';
var c1=new TradingView.chart(tradingview_embed_options);
c1.render();

$("div.tradingview-widget a").remove(); });

Below is Jsfiddle link

https://jsfiddle.net/0tnm1bar/1/[^]

How to Embed html code with javascript, into my webpage?

2 solutions

Solution 1

Solution 2

Add your solution here

Preview 0