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?

How do you respond to a colleague from another team when they're wrongly expecting that you'll help them?

Should I stop contributing to retirement accounts?

Can the Supreme Court overturn an impeachment?

Has Darkwing Duck ever met Scrooge McDuck?

Do Legal Documents Require Signing In Standard Pen Colors?

Are lightweight LN wallets vulnerable to transaction withholding?

Can a significant change in incentives void an employment contract?

How must one send away the mother bird?

Customize circled numbers

Greco-Roman egalitarianism

A social experiment. What is the worst that can happen?

My friend sent me a screenshot of a transaction hash, but when I search for it I find divergent data. What happened?

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

Can I use my Chinese passport to enter China after I acquired another citizenship?

Can someone explain how this makes sense electrically?

Is possible to search in vim history?

Greatest common substring

Freedom of speech and where it applies

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

Indicating multiple different modes of speech (fantasy language or telepathy)

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

We have a love-hate relationship

Difference between -| and |- in TikZ

Translation of Scottish 16th century church stained glass



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
    22 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
    22 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 25 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
    22 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
    22 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
22 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
22 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
      2 hours 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
              2 hours 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
              2 hours 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
              2 hours 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
              2 hours 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
            2 hours 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
            2 hours 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

            Are there any AGPL-style licences that require source code modifications to be public? 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?Force derivative works to be publicAre there any GPL like licenses for Apple App Store?Do you violate the GPL if you provide source code that cannot be compiled?GPL - is it distribution to use libraries in an appliance loaned to customers?Distributing App for free which uses GPL'ed codeModifications of server software under GPL, with web/CLI interfaceDoes using an AGPLv3-licensed library prevent me from dual-licensing my own source code?Can I publish only select code under GPLv3 from a private project?Is there published precedent regarding the scope of covered work that uses AGPL software?If MIT licensed code links to GPL licensed code what should be the license of the resulting binary program?If I use a public API endpoint that has its source code licensed under AGPL in my app, do I need to disclose my source?

            2013 GY136 Descoberta | Órbita | Referências Menu de navegação«List Of Centaurs and Scattered-Disk Objects»«List of Known Trans-Neptunian Objects»

            Mortes em março de 2019 Referências Menu de navegação«Zhores Alferov, Nobel de Física bielorrusso, morre aos 88 anos - Ciência»«Fallece Rafael Torija, o bispo emérito de Ciudad Real»«Peter Hurford dies at 88»«Keith Flint, vocalista do The Prodigy, morre aos 49 anos»«Luke Perry, ator de 'Barrados no baile' e 'Riverdale', morre aos 52 anos»«Former Rangers and Scotland captain Eric Caldow dies, aged 84»«Morreu, aos 61 anos, a antiga lenda do wrestling King Kong Bundy»«Fallece el actor y director teatral Abraham Stavans»«In Memoriam Guillaume Faye»«Sidney Sheinberg, a Force Behind Universal and Spielberg, Is Dead at 84»«Carmine Persico, Colombo Crime Family Boss, Is Dead at 85»«Dirigent Michael Gielen gestorben»«Ciclista tricampeã mundial e prata na Rio 2016 é encontrada morta em casa aos 23 anos»«Pagan Community Notes: Raven Grimassi dies, Indianapolis pop-up event cancelled, Circle Sanctuary announces new podcast, and more!»«Hal Blaine, Wrecking Crew Drummer, Dies at 90»«Morre Coutinho, que editou dupla lendária com Pelé no Santos»«Cantor Demétrius, ídolo da Jovem Guarda, morre em SP»«Ex-presidente do Vasco, Eurico Miranda morre no Rio de Janeiro»«Bronze no Mundial de basquete de 1971, Laís Elena morre aos 76 anos»«Diretor de Corridas da F1, Charlie Whiting morre aos 66 anos às vésperas do GP da Austrália»«Morreu o cardeal Danneels, da Bélgica»«Morreu o cartoonista Augusto Cid»«Morreu a atriz Maria Isabel de Lizandra, de "Vale Tudo" e novelas da Tupi»«WS Merwin, prize-winning poet of nature, dies at 91»«Atriz Márcia Real morre em São Paulo aos 88 anos»«Mauritanie: décès de l'ancien président Mohamed Mahmoud ould Louly»«Morreu Dick Dale, o rei da surf guitar e de "Pulp Fiction"»«Falleció Víctor Genes»«João Carlos Marinho, autor de 'O Gênio do Crime', morre em SP»«Legendary Horror Director and SFX Artist John Carl Buechler Dies at 66»«Morre em Salvador a religiosa Makota Valdina»«مرگ بازیکن‌ سابق نساجی بر اثر سقوط سنگ در مازندران»«Domingos Oliveira morre no Rio»«Morre Airton Ravagniani, ex-São Paulo, Fla, Vasco, Grêmio e Sport - Notícias»«Morre o escritor Flavio Moreira da Costa»«Larry Cohen, Writer-Director of 'It's Alive' and 'Hell Up in Harlem,' Dies at 77»«Scott Walker, experimental singer-songwriter, dead at 76»«Joseph Pilato, Day of the Dead Star and Horror Favorite, Dies at 70»«Sheffield United set to pay tribute to legendary goalkeeper Ted Burgin who has died at 91»«Morre Rafael Henzel, sobrevivente de acidente aéreo da Chapecoense»«Morre Valery Bykovsky, um dos primeiros cosmonautas da União Soviética»«Agnès Varda, cineasta da Nouvelle Vague, morre aos 90 anos»«Agnès Varda, cineasta francesa, morre aos 90 anos»«Tania Mallet, James Bond Actress and Helen Mirren's Cousin, Dies at 77»e