Langkau tajuk talian

Kod terbenam

Halaman ini mengandungi maklumat terperinci tentang struktur kod terbenam untuk widget yang berbeza.

cTrader Web, Strategi Anda, Strategi Tunggal, Pelbagai Strategi, Carta Pasaran

Kod terbenam untuk widget cTrader Web, Carta Pasaran, Strategi Anda, Strategi Tunggal dan Pelbagai Strategi kelihatan seperti berikut:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
<div id="ctrader-plugin-root" style="width: 100%, height: 100%"></div>
<script id="init" type="text/javascript" defer src="https://app.ctrader.com/widget.js"></script>
<script type="text/javascript">
    const script = document.getElementById('init');

    script.onload = () => {
        putInitScript('runPlugin');
        runPlugin('ctrader-plugin-root', {"route":"/?lang=en&theme=light&u=letstrade747","appConfig":{"chart":{"initialChartLayout":"Single"}}});
    };
</script>

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
<div id="ctrader-plugin-root" style="width: 100%, height: 100%"></div>
<script id="init" type="text/javascript" defer src="https://app.ctrader.com/widget.js"></script>
<script type="text/javascript">
    const script = document.getElementById('init');

    script.onload = () => {
        putInitScript('runPlugin');
        runPlugin('ctrader-plugin-root', {"route":"/copy-provider/?lang=en&theme=dark&providerNickname=letstrade747&u=letstrade747","appConfig":{"strategy":{"showStrategyPromotion":true}}});
    };
</script>

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
<div id="ctrader-plugin-root" style="width: 100%, height: 100%"></div>
<script id="init" type="text/javascript" defer src="https://app.ctrader.com/widget.js"></script>
<script type="text/javascript">
    const script = document.getElementById('init');

    script.onload = () => {
        putInitScript('runPlugin');
        runPlugin('ctrader-plugin-root', {"route":"/esp/2082/?lang=en&theme=dark&u=letstrade747","appConfig":{"strategy":{"showStrategyPromotion":false}}});
    };
</script>

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
<div id="ctrader-plugin-root" style="width: 100%; height: 100%; position: relative"></div>
<script id="init" type="text/javascript" defer src="https://app.ctrader.com/widget.js"></script>
<script type="text/javascript">
    const script = document.getElementById('init');

    script.onload = () => {
        putInitScript('runPlugin');
        runPlugin('ctrader-plugin-root', {"route":"/multiple-strategies/?lang=en&theme=dark&u=letstrade747&strategyIdList=2082%2C2203","appConfig":{"strategy":{"showStrategyPromotion":true}}});
    };
</script>

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
<div id="ctrader-plugin-root" style="width: 830px; height: 700px; position: relative"></div>
<script id="init" type="text/javascript" defer src="https://ct.spotware.com/widget.js"></script>
<script type="text/javascript">
    const script = document.getElementById('init');

    script.onload = () => {
        putInitScript('runPlugin');
        runPlugin('ctrader-plugin-root', {"route":"/market-chart/?s=EURUSD&period=H1&charttype=candlestick&palettename=dark&lang=en&w=830&h=700"});
    };
</script>

Setiap parameter dan argumen fungsi ditakrifkan seperti berikut.

Nama Takrifan dan nilai
div id "ctrader-root". Ini ialah pengenal unik untuk membenamkan widget dalam sumber web.
style "width: {number}%, height: {number}%". Lebar dan ketinggian relatif blok terbenam (relatif kepada saiz bekas induk). Perhatikan bahawa sifat display elemen induk perlu ditetapkan kepada display: block.
type...defer "text/javascript". Arahan yang menyatakan bahawa blok terbenam mengandungi JavaScript dalam format teks. Atribut defer menyatakan bahawa skrip hanya boleh dilaksanakan selepas pelayar selesai menghuraikan keseluruhan HTML sumber di mana blok terbenam.
'runPlugin' Nama skrip yang akan dilaksanakan.
'ctrader-plugin-root Nama elemen yang akan dibenamkan.
"route" URL elemen yang akan dibenamkan relatif kepada URL asas cTrader Web.
"appConfig" Konfigurasi elemen terbenam. Untuk nilai yang mungkin, lihat baris berikut.
"chart":{"initialChartLayout":"Single"}" Mod carta awal widget cTrader Web. "initialChartLayout" boleh ditetapkan kepada "Single", "Multi", atau "Free".
"strategy":{"showStrategyPromotion":false} Konfigurasi yang menentukan sama ada blok Promosi Strategi ditunjukkan untuk widget Strategi Anda atau Mana-mana Strategi.

Amaran

Menetapkan parameter style widget ini adalah wajib sebelum membenamkannya pada sumber web anda; jika tidak, widget tidak akan dipaparkan. Anda hanya boleh menentukan width dan height widget dan membiarkan semua atribut lain kosong.