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?

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

Proving a function is onto where f(x)=|x|.

Is camera lens focus an exact point or a range?

Longest common substring in linear time

What linear sensor for a keyboard?

API Access HTML/Javascript

Ridge Regression with Gradient Descent Converges to OLS estimates

How must one send away the mother bird?

Global amount of publications over time

Wrapping Cryptocurrencies for interoperability sake

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

Constructing Group Divisible Designs - Algorithms?

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

Is XSS in canonical link possible?

Can I sign legal documents with a smiley face?

When quoting, must I also copy hyphens used to divide words that continue on the next line?

Can a significant change in incentives void an employment contract?

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

Find last 3 digits of this monster number

Bob has never been a M before

How will losing mobility of one hand affect my career as a programmer?

What major Native American tribes were around Santa Fe during the late 1850s?

How do ground effect vehicles perform turns?

Why is Arduino resetting while driving motors?

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?

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

edited 8 mins ago

Frank

1,117317

asked 5 hours ago

Lexxor

New contributor

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
5 mins ago

add a comment |

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

edited 8 mins ago

Frank

1,117317

asked 5 hours ago

Lexxor

New contributor

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
5 mins ago

add a comment |

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

edited 8 mins ago

Frank

1,117317

asked 5 hours ago

Lexxor

New contributor

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

edited 8 mins ago

Frank

1,117317

asked 5 hours ago

Lexxor

New contributor

edited 8 mins ago

Frank

1,117317

asked 5 hours ago

Lexxor

New contributor

edited 8 mins ago

Frank

1,117317

edited 8 mins ago

Frank

1,117317

edited 8 mins ago

Frank

1,117317

asked 5 hours ago

Lexxor

New contributor

asked 5 hours ago

Lexxor

asked 5 hours ago

Lexxor

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
5 mins ago

add a comment |

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
5 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
5 mins ago

add a comment |

2 Answers
2

active

oldest

votes

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);

edited 1 hour ago

answered 4 hours ago

Richard Ayotte

16416

add a comment |

OMG, it works perfectly.

Thank you a lot.

answered 4 hours ago

Lexxor

New contributor

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

add a comment |

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

Name

Required, but never shown

2 Answers
2

active

oldest

votes

2 Answers
2

active

oldest

votes

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);

edited 1 hour ago

answered 4 hours ago

Richard Ayotte

16416

add a comment |

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);

edited 1 hour ago

answered 4 hours ago

Richard Ayotte

16416

add a comment |

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);

edited 1 hour ago

answered 4 hours ago

Richard Ayotte

16416

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);

edited 1 hour ago

answered 4 hours ago

Richard Ayotte

16416

edited 1 hour ago

answered 4 hours ago

Richard Ayotte

16416

answered 4 hours ago

Richard Ayotte

16416

answered 4 hours ago

Richard Ayotte

16416

add a comment |

OMG, it works perfectly.

Thank you a lot.

answered 4 hours ago

Lexxor

New contributor

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

add a comment |

OMG, it works perfectly.

Thank you a lot.

answered 4 hours ago

Lexxor

New contributor

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

add a comment |

OMG, it works perfectly.

Thank you a lot.

answered 4 hours ago

Lexxor

New contributor

OMG, it works perfectly.

Thank you a lot.

answered 4 hours ago

Lexxor

New contributor

answered 4 hours ago

Lexxor

New contributor

answered 4 hours ago

Lexxor

answered 4 hours ago

Lexxor

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

add a comment |

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

add a comment |

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.

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

Post as a guest

Name

Required, but never shown

Name

Required, but never shown

Name

Required, but never shown

This page is only for reference, If you need detailed information, please check here

CX15FFN2ciLBP,BdFz0,kbzVZuG,jHF 2 EEW6JHl7XhJSkANvNxAReLnpodMArfO4d1D,Wwmr96SWlex sQC6u4

搜尋此網誌

Arsthbt