API Access HTML/JavascriptHow do I get a list of the transactions of an address using TzScan API v3?How do I get a list of all delegators of an address using TzScan API v3?

Freedom of speech and where it applies

Is it improper etiquette to ask your opponent what his/her rating is before the game?

What's the difference between 違法 and 不法?

How can "mimic phobia" be cured or prevented?

Why did the HMS Bounty go back to a time when whales are already rare?

Can I sign legal documents with a smiley face?

Reply 'no position' while the job posting is still there

Can a significant change in incentives void an employment contract?

Constructing Group Divisible Designs - Algorithms?

A Permanent Norse Presence in America

What (else) happened July 1st 1858 in London?

Divine apple island

Do the concepts of IP address and network interface not belong to the same layer?

Global amount of publications over time

What is the gram­mat­i­cal term for “‑ed” words like these?

Folder comparison

How to align and center standalone amsmath equations?

Greco-Roman egalitarianism

How do I repair my stair bannister?

Are lightweight LN wallets vulnerable to transaction withholding?

How to color a curve

How should I respond when I lied about my education and the company finds out through background check?

Is it possible to have a strip of cold climate in the middle of a planet?

What linear sensor for a keyboard?



API Access HTML/Javascript


How do I get a list of the transactions of an address using TzScan API v3?How do I get a list of all delegators of an address using TzScan API v3?













1















I have an issue trying to use javascript to get the circulating supply by requesting data from Tzscan API :



HTML code to request the circulating supply :



<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>JS Bin</title>
</head>
<body>
<h1>There Tezos Circulating : </h1>
<div id="getapi"></div>
</body>
</html>


Javascript Code to get the data from the API :



<script>
function createNode(element)
return document.createElement(element);


function append(parent, el)
return parent.appendChild(el);


const ul = document.getElementById('getapi');
const url = 'http://api6.tzscan.io/v3/supply';
fetch(url)
.then((resp) => resp.json())
.then(function(data)
let span = createNode('span');
span.innerHTML = `$data.circulating_supply/1000000`;
append(ul, span);
)
.catch(function(error)
console.log(error);
);
</script>


The problem is that somehow it works when I create a HTML file locally but not online :



https://codepen.io/anon/pen/LaqqpB










share|improve this question









New contributor




Lexxor is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.




















  • it'll help to also include the errors you are getting. I know we could probably look at your codepen but for the sake of the question, it's best include the errors in the question.

    – Frank
    4 mins ago















1















I have an issue trying to use javascript to get the circulating supply by requesting data from Tzscan API :



HTML code to request the circulating supply :



<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>JS Bin</title>
</head>
<body>
<h1>There Tezos Circulating : </h1>
<div id="getapi"></div>
</body>
</html>


Javascript Code to get the data from the API :



<script>
function createNode(element)
return document.createElement(element);


function append(parent, el)
return parent.appendChild(el);


const ul = document.getElementById('getapi');
const url = 'http://api6.tzscan.io/v3/supply';
fetch(url)
.then((resp) => resp.json())
.then(function(data)
let span = createNode('span');
span.innerHTML = `$data.circulating_supply/1000000`;
append(ul, span);
)
.catch(function(error)
console.log(error);
);
</script>


The problem is that somehow it works when I create a HTML file locally but not online :



https://codepen.io/anon/pen/LaqqpB










share|improve this question









New contributor




Lexxor is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.




















  • it'll help to also include the errors you are getting. I know we could probably look at your codepen but for the sake of the question, it's best include the errors in the question.

    – Frank
    4 mins ago













1












1








1








I have an issue trying to use javascript to get the circulating supply by requesting data from Tzscan API :



HTML code to request the circulating supply :



<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>JS Bin</title>
</head>
<body>
<h1>There Tezos Circulating : </h1>
<div id="getapi"></div>
</body>
</html>


Javascript Code to get the data from the API :



<script>
function createNode(element)
return document.createElement(element);


function append(parent, el)
return parent.appendChild(el);


const ul = document.getElementById('getapi');
const url = 'http://api6.tzscan.io/v3/supply';
fetch(url)
.then((resp) => resp.json())
.then(function(data)
let span = createNode('span');
span.innerHTML = `$data.circulating_supply/1000000`;
append(ul, span);
)
.catch(function(error)
console.log(error);
);
</script>


The problem is that somehow it works when I create a HTML file locally but not online :



https://codepen.io/anon/pen/LaqqpB










share|improve this question









New contributor




Lexxor is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.












I have an issue trying to use javascript to get the circulating supply by requesting data from Tzscan API :



HTML code to request the circulating supply :



<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>JS Bin</title>
</head>
<body>
<h1>There Tezos Circulating : </h1>
<div id="getapi"></div>
</body>
</html>


Javascript Code to get the data from the API :



<script>
function createNode(element)
return document.createElement(element);


function append(parent, el)
return parent.appendChild(el);


const ul = document.getElementById('getapi');
const url = 'http://api6.tzscan.io/v3/supply';
fetch(url)
.then((resp) => resp.json())
.then(function(data)
let span = createNode('span');
span.innerHTML = `$data.circulating_supply/1000000`;
append(ul, span);
)
.catch(function(error)
console.log(error);
);
</script>


The problem is that somehow it works when I create a HTML file locally but not online :



https://codepen.io/anon/pen/LaqqpB







api javascript circulating-supply






share|improve this question









New contributor




Lexxor is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.











share|improve this question









New contributor




Lexxor is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.









share|improve this question




share|improve this question








edited 7 mins ago









Frank

1,117317




1,117317






New contributor




Lexxor is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.









asked 5 hours ago









LexxorLexxor

83




83




New contributor




Lexxor is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.





New contributor





Lexxor is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.






Lexxor is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.












  • it'll help to also include the errors you are getting. I know we could probably look at your codepen but for the sake of the question, it's best include the errors in the question.

    – Frank
    4 mins ago

















  • it'll help to also include the errors you are getting. I know we could probably look at your codepen but for the sake of the question, it's best include the errors in the question.

    – Frank
    4 mins ago
















it'll help to also include the errors you are getting. I know we could probably look at your codepen but for the sake of the question, it's best include the errors in the question.

– Frank
4 mins ago





it'll help to also include the errors you are getting. I know we could probably look at your codepen but for the sake of the question, it's best include the errors in the question.

– Frank
4 mins ago










2 Answers
2






active

oldest

votes


















2














You've encountered a mixed content error. Requests can't be a mixture of http and https, they need to be all of the same, preferably https. Just change the const url = 'http://api6.tzscan.io/v3/supply'; to be https





const url = 'https://api6.tzscan.io/v3/supply';

fetch(url)
.then(resp => resp.json())
.then((dls) =>
let span = createNode('span');
span.innerHTML = dls;
append(ul, span);
)
.catch(console.log);





share|improve this answer
































    0














    OMG, it works perfectly.



    Thank you a lot.






    share|improve this answer








    New contributor




    Lexxor is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
    Check out our Code of Conduct.




















    • You're welcome. Better to mark the correct answer and just put comments under it instead of creating new answers to comment.

      – Richard Ayotte
      1 hour ago












    • Please don't add "thank you" as an answer. Instead, accept the answer that you found most helpful. - From Review

      – Tom
      1 hour ago










    Your Answer








    StackExchange.ready(function()
    var channelOptions =
    tags: "".split(" "),
    id: "698"
    ;
    initTagRenderer("".split(" "), "".split(" "), channelOptions);

    StackExchange.using("externalEditor", function()
    // Have to fire editor after snippets, if snippets enabled
    if (StackExchange.settings.snippets.snippetsEnabled)
    StackExchange.using("snippets", function()
    createEditor();
    );

    else
    createEditor();

    );

    function createEditor()
    StackExchange.prepareEditor(
    heartbeatType: 'answer',
    autoActivateHeartbeat: false,
    convertImagesToLinks: false,
    noModals: true,
    showLowRepImageUploadWarning: true,
    reputationToPostImages: null,
    bindNavPrevention: true,
    postfix: "",
    imageUploader:
    brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
    contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
    allowUrls: true
    ,
    noCode: true, onDemand: true,
    discardSelector: ".discard-answer"
    ,immediatelyShowMarkdownHelp:true
    );



    );






    Lexxor is a new contributor. Be nice, and check out our Code of Conduct.









    draft saved

    draft discarded


















    StackExchange.ready(
    function ()
    StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2ftezos.stackexchange.com%2fquestions%2f897%2fapi-access-html-javascript%23new-answer', 'question_page');

    );

    Post as a guest















    Required, but never shown

























    2 Answers
    2






    active

    oldest

    votes








    2 Answers
    2






    active

    oldest

    votes









    active

    oldest

    votes






    active

    oldest

    votes









    2














    You've encountered a mixed content error. Requests can't be a mixture of http and https, they need to be all of the same, preferably https. Just change the const url = 'http://api6.tzscan.io/v3/supply'; to be https





    const url = 'https://api6.tzscan.io/v3/supply';

    fetch(url)
    .then(resp => resp.json())
    .then((dls) =>
    let span = createNode('span');
    span.innerHTML = dls;
    append(ul, span);
    )
    .catch(console.log);





    share|improve this answer





























      2














      You've encountered a mixed content error. Requests can't be a mixture of http and https, they need to be all of the same, preferably https. Just change the const url = 'http://api6.tzscan.io/v3/supply'; to be https





      const url = 'https://api6.tzscan.io/v3/supply';

      fetch(url)
      .then(resp => resp.json())
      .then((dls) =>
      let span = createNode('span');
      span.innerHTML = dls;
      append(ul, span);
      )
      .catch(console.log);





      share|improve this answer



























        2












        2








        2







        You've encountered a mixed content error. Requests can't be a mixture of http and https, they need to be all of the same, preferably https. Just change the const url = 'http://api6.tzscan.io/v3/supply'; to be https





        const url = 'https://api6.tzscan.io/v3/supply';

        fetch(url)
        .then(resp => resp.json())
        .then((dls) =>
        let span = createNode('span');
        span.innerHTML = dls;
        append(ul, span);
        )
        .catch(console.log);





        share|improve this answer















        You've encountered a mixed content error. Requests can't be a mixture of http and https, they need to be all of the same, preferably https. Just change the const url = 'http://api6.tzscan.io/v3/supply'; to be https





        const url = 'https://api6.tzscan.io/v3/supply';

        fetch(url)
        .then(resp => resp.json())
        .then((dls) =>
        let span = createNode('span');
        span.innerHTML = dls;
        append(ul, span);
        )
        .catch(console.log);






        share|improve this answer














        share|improve this answer



        share|improve this answer








        edited 1 hour ago

























        answered 4 hours ago









        Richard AyotteRichard Ayotte

        16416




        16416





















            0














            OMG, it works perfectly.



            Thank you a lot.






            share|improve this answer








            New contributor




            Lexxor is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
            Check out our Code of Conduct.




















            • You're welcome. Better to mark the correct answer and just put comments under it instead of creating new answers to comment.

              – Richard Ayotte
              1 hour ago












            • Please don't add "thank you" as an answer. Instead, accept the answer that you found most helpful. - From Review

              – Tom
              1 hour ago















            0














            OMG, it works perfectly.



            Thank you a lot.






            share|improve this answer








            New contributor




            Lexxor is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
            Check out our Code of Conduct.




















            • You're welcome. Better to mark the correct answer and just put comments under it instead of creating new answers to comment.

              – Richard Ayotte
              1 hour ago












            • Please don't add "thank you" as an answer. Instead, accept the answer that you found most helpful. - From Review

              – Tom
              1 hour ago













            0












            0








            0







            OMG, it works perfectly.



            Thank you a lot.






            share|improve this answer








            New contributor




            Lexxor is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
            Check out our Code of Conduct.










            OMG, it works perfectly.



            Thank you a lot.







            share|improve this answer








            New contributor




            Lexxor is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
            Check out our Code of Conduct.









            share|improve this answer



            share|improve this answer






            New contributor




            Lexxor is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
            Check out our Code of Conduct.









            answered 4 hours ago









            LexxorLexxor

            83




            83




            New contributor




            Lexxor is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
            Check out our Code of Conduct.





            New contributor





            Lexxor is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
            Check out our Code of Conduct.






            Lexxor is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
            Check out our Code of Conduct.












            • You're welcome. Better to mark the correct answer and just put comments under it instead of creating new answers to comment.

              – Richard Ayotte
              1 hour ago












            • Please don't add "thank you" as an answer. Instead, accept the answer that you found most helpful. - From Review

              – Tom
              1 hour ago

















            • You're welcome. Better to mark the correct answer and just put comments under it instead of creating new answers to comment.

              – Richard Ayotte
              1 hour ago












            • Please don't add "thank you" as an answer. Instead, accept the answer that you found most helpful. - From Review

              – Tom
              1 hour ago
















            You're welcome. Better to mark the correct answer and just put comments under it instead of creating new answers to comment.

            – Richard Ayotte
            1 hour ago






            You're welcome. Better to mark the correct answer and just put comments under it instead of creating new answers to comment.

            – Richard Ayotte
            1 hour ago














            Please don't add "thank you" as an answer. Instead, accept the answer that you found most helpful. - From Review

            – Tom
            1 hour ago





            Please don't add "thank you" as an answer. Instead, accept the answer that you found most helpful. - From Review

            – Tom
            1 hour ago










            Lexxor is a new contributor. Be nice, and check out our Code of Conduct.









            draft saved

            draft discarded


















            Lexxor is a new contributor. Be nice, and check out our Code of Conduct.












            Lexxor is a new contributor. Be nice, and check out our Code of Conduct.











            Lexxor is a new contributor. Be nice, and check out our Code of Conduct.














            Thanks for contributing an answer to Tezos Stack Exchange!


            • Please be sure to answer the question. Provide details and share your research!

            But avoid


            • Asking for help, clarification, or responding to other answers.

            • Making statements based on opinion; back them up with references or personal experience.

            To learn more, see our tips on writing great answers.




            draft saved


            draft discarded














            StackExchange.ready(
            function ()
            StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2ftezos.stackexchange.com%2fquestions%2f897%2fapi-access-html-javascript%23new-answer', 'question_page');

            );

            Post as a guest















            Required, but never shown





















































            Required, but never shown














            Required, but never shown












            Required, but never shown







            Required, but never shown

































            Required, but never shown














            Required, but never shown












            Required, but never shown







            Required, but never shown







            Popular posts from this blog

            Disable / Remove link to Product Items in Cart Planned maintenance scheduled April 23, 2019 at 23:30 UTC (7:30pm US/Eastern) Announcing the arrival of Valued Associate #679: Cesar Manara Unicorn Meta Zoo #1: Why another podcast?How can I limit products that can be bought / added to cart?Remove item from cartHide “Add to Cart” button if specific products are already in cart“Prettifying” the custom options in cart pageCreate link in cart sidebar to view all added items After limit reachedLink products together in checkout/cartHow to Get product from cart and add it againHide action-edit on cart page if simple productRemoving Cart items - ObserverRemove wishlist items when added to cart

            Helsingin valtaus Sisällysluettelo Taustaa | Yleistä sotatoimista | Osapuolet | Taistelut Helsingin ympäristössä | Punaisten antautumissuunnitelma | Taistelujen kulku Helsingissä | Valtauksen jälkeen | Tappiot | Muistaminen | Kirjallisuutta | Lähteet | Aiheesta muualla | NavigointivalikkoTeoksen verkkoversioTeoksen verkkoversioGoogle BooksSisällissota Helsingissä päättyi tasan 95 vuotta sittenSaksalaisten ylivoima jyräsi punaisen HelsinginSuomalaiset kuvaavat sotien jälkiä kaupungeissa – katso kuvat ja tarinat tutuilta kulmiltaHelsingin valtaus 90 vuotta sittenSaksalaiset valtasivat HelsinginHyökkäys HelsinkiinHelsingin valtaus 12.–13.4. 1918Saksalaiset käyttivät ihmiskilpiä Helsingin valtauksessa 1918Teoksen verkkoversioTeoksen verkkoversioSaksalaiset hyökkäävät Etelä-SuomeenTaistelut LeppävaarassaSotilaat ja taistelutLeppävaara 1918 huhtikuussa. KapinatarinaHelsingin taistelut 1918Saksalaisten voitonparaati HelsingissäHelsingin valtausta juhlittiinSaksalaisten Helsinki vuonna 1918Helsingin taistelussa kaatuneet valkokaartilaisetHelsinkiin haudatut taisteluissa kaatuneet punaiset12.4.1918 Helsingin valtauksessa saksalaiset apujoukot vapauttavat kaupunginVapaussodan muistomerkkejä Helsingissä ja pääkaupunkiseudullaCrescendo / Vuoden 1918 Kansalaissodan uhrien muistomerkkim

            Adjektiivitarina Tarinan tekeminen | Esimerkki: ennen | Esimerkki: jälkeen | Navigointivalikko