We Keep Coding

Https reqest to get Gift card balance with JavaScript

I want to build a balance checker for Paysafecards for my own site. (JavaScript and HTML) https://www.paysafecard.com/en/balance-check/ has the function that i would need, but i want the function on my own site.
I testet a little bit with Codex and the best was this:
var paysafecard = document.createElement('div');
paysafecard.innerHTML = '<input type="text" id="paysafecard" placeholder="Enter your PaysafeCard PIN" />';
paysafecard.innerHTML += '<button id="checkBalance">Check Balance</button>';
paysafecard.innerHTML += '<div id="balance"></div>';
document.body.appendChild(paysafecard);
document.getElementById('checkBalance').addEventListener('click', function() {
var pin = document.getElementById('paysafecard').value;
var xhr = new XMLHttpRequest();
xhr.open('GET', 'https://www.paysafecard.com/en/balance-check/' + pin, true);
xhr.onreadystatechange = function() {
if (xhr.readyState == 4) {
var balance = xhr.responseText.match(/<span class="amount">(.*?)<\/span>/);
if (balance) {
document.getElementById('balance').innerHTML = 'Balance: ' + balance[1];
} else {
document.getElementById('balance').innerHTML = 'Invalid PIN';
}
}
};
xhr.send();
});
but it dosent really work.

Microsoft Dynamics 2016 - Javascript Banner

I would like to utilize Xrm.Page.ui.setFormNotification to display a banner at the top of a Shipment record. This banner would only appear for Shipments where the related entity Account is classified as "Service Watch".
I'm pretty new to Javascript so I'm a bit lost how to pull values from related entities of a record to use.
Xrm.Page.ui.setFormNotification("This Account is currently under Service Watch", "WARNING")
EDIT: Code working;
function checkServiceWatch() {
try{
var account = Xrm.Page.getAttribute("cmm_account").getValue();
var accountid = account[0].id;
var formattedGuid = accountid.replace("}", "");
accountid = formattedGuid.replace("{", "");
"/api/data/v8.2/accounts(" + accountid + ")?
$select=cmm_servicewatch");
var req = new XMLHttpRequest();
req.open("GET", Xrm.Page.context.getClientUrl() + "/api/data/v8.2/accounts(" + accountid + ")?$select=cmm_servicewatch", true);
req.setRequestHeader("OData-MaxVersion", "4.0");
req.setRequestHeader("OData-Version", "4.0");
req.setRequestHeader("Accept", "application/json");
req.setRequestHeader("Content-Type", "application/json; charset=utf-8");
req.onreadystatechange = function()
{
if (this.readyState === 4)
{
req.onreadystatechange = null;
if (this.status === 200)
{
var result = JSON.parse(this.response);
var serviceWatch = result["cmm_servicewatch"];
// alert("serviceWatch: " + serviceWatch);
if(serviceWatch) //set notification
{
Xrm.Page.ui.setFormNotification("This Account is currently under Service Watch","WARNING","1");
} // else
// {
// //Xrm.Page.ui.clearFormNotification("1");
// }
}
else
{
Xrm.Utility.alertDialog("Status: " + this.status + ", Text: " + this.statusText);
}
}
};
req.send();
}
catch (err) {
alert("ServiceWatchCheckRibbon | checkServiceWatch " + err.message);
}
}

You have to query the Account lookup record on form load to pull the extra attribute which says "Service watch" and show the notification banner if so.
You can refer this community thread & use the sample code as is or Xrm.Webapi method to do it based on your CRM version.
function checkAccount(){
var accountid = Xrm.Page.data.entity.attributes.get("new_parentaccount").getValue()[0].id;
if (accountid.startsWith("{") && accountid.endsWith("}"))
{
accountid = accountid.slice(1, accountid.length - 1);
}
var req = new XMLHttpRequest();
req.open("GET", Xrm.Page.context.getClientUrl() + "/api/data/v8.2/accounts(" + accountid + ")?$select=new_servicewatch", true);
req.setRequestHeader("OData-MaxVersion", "4.0");
req.setRequestHeader("OData-Version", "4.0");
req.setRequestHeader("Accept", "application/json");
req.setRequestHeader("Content-Type", "application/json; charset=utf-8");
req.onreadystatechange = function() {
if (this.readyState === 4) {
req.onreadystatechange = null;
if (this.status === 200)
{
var result = JSON.parse(this.response);
var serviceWatch = result["new_servicewatch"];
if(serviceWatch) //set notification
{
Xrm.Page.ui.setFormNotification("This Account is currently under Service Watch","WARNING","1");
} else
{
//Xrm.Page.ui.clearFormNotification("1");
}
}
else
{
Xrm.Utility.alertDialog(this.statusText);
}
}
};
req.send();
}

How to add Node.js result in my HTML project?

this is my project: http://cryptotipsitalia.sytes.net/.
I want add Ethereum value down to "Valore BTC" with Node.js: https://www.npmjs.com/package/crypto-price.
How can I add it?
That's my code:
function getValueBTC() { <!-- chiamata API --> /
var xmlhttp = new XMLHttpRequest();
var url = "https://api.coindesk.com/v1/bpi/currentprice.json";
var output;
console.log(url);
xmlhttp.onreadystatechange = function () {
if (this.readyState == 4 && this.status == 200) {
output = this.responseText;
var obj = JSON.parse(output);
var rightValue = (obj.bpi.EUR.rate).substring(0,obj.bpi.EUR.rate.length-2); /* eliminazione ultime due cifre */
document.getElementById("cellaValoreBTC").innerHTML= obj.bpi.EUR.symbol + " " + rightValue;
}
};
xmlhttp.open("GET", url, true);
xmlhttp.setRequestHeader("Content-type", "text/plain");
xmlhttp.send();
}
let price = require('crypto-price');
price.getCryptoPrice('EUR', 'ETH').then(obj => {
console.log(obj.price); // It will print ETH rate per BTC
document.getElementById("cellaValoreETH").innerHTML = obj.price;
}).catch(err => {
console.log(err);
});
table><tr><td width="75%">VALORE BTC:</td></tr><tr id="cellaValoreBTC" width="75%"></tr><tr><td width="75%">VALORE ETH:</td></tr><tr id="cellaValoreETH" width="75%"></table>
Why "document.getElementById("cellaValoreBTC").innerHTML = obj.price;" doesnt' work?
How can I add obj.price in my HTML code?
Thanks

JS search returned xhr.responseText for div then remove div

I would like to search a xhr.responseText for a div with an id like "something" and then remove all the content from the xhr.responseText contained within that div.
Here is my xhr code:
function getSource(source) {
var url = source[0];
var date = source[1];
/****DEALS WITH CORS****/
var cors_api_host = 'cors-anywhere.herokuapp.com';
var cors_api_url = 'https://' + cors_api_host + '/';
var slice = [].slice;
var origin = self.location.protocol + '//' + self.location.host;
var open = XMLHttpRequest.prototype.open;
XMLHttpRequest.prototype.open = function () {
var args = slice.call(arguments);
var targetOrigin = /^https?:\/\/([^\/]+)/i.exec(args[1]);
if (targetOrigin && targetOrigin[0].toLowerCase() !== origin &&
targetOrigin[1] !== cors_api_host) {
args[1] = cors_api_url + args[1];
}
return open.apply(this, args);
};
/****END DEALS WITH CORS****/
var xhr = new XMLHttpRequest();
xhr.open("GET", cors_api_url+url, true);
xhr.onreadystatechange = function() {
if (xhr.readyState == 4) {
var resp = xhr.responseText;
var respWithoutDiv = removeErroneousData(resp);
}
else{
return "Failed to remove data.";
}
}
xhr.send();
}
remove div here:
/*This must be in JS not JQUERY, its in a web worker*/
function removeErroneousData(resp) {
var removedDivResp = "";
/*pseudo code for removing div*/
if (resp.contains(div with id disclosures){
removedDivResp = resp.removeData(div, 'disclosures');
}
return removedDivResp;
}

You can dump the response in a div and then search for that div you want empty its content.
xhr.onreadystatechange = function() {
if (xhr.readyState == 4) {
var resp = xhr.responseText;
$('div').attr('id', 'resp').html(resp);
$('#resp').find('disclosures').html('');
//var respWithoutDiv = removeErroneousData(resp);
}
else{
return "Failed to remove data.";
}
}

Not able to view specific information. Click events. Javascript

I've been able to collect a list of companies which are able to be clicked to reveal company data. There are 10 companies total. The problem is, when I click one link to view the data for that specific company, all of the data (for all 10 companies) appear.
Here's a picture of my problem. Click here. As you can see, Topsome was clicked, but all the information was shown.
Here is the javascript code I'm using.
This function (findCompanies.js) collects the list of companies.
function findCompanies()
{
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (xhttp.readyState == 4 && xhttp.status == 200) {
var companies = JSON.parse(xhttp.responseText);
var list = "<p>There are totally "+companies.totalResults+" companies of which the 10 first are listed here.</p>";
for (i=0;i<10;i++)
{
company = companies.results[i].name;
list = list + "<a href='#/' onclick='findCompanyData(company);'>"+company + "</a><br/>";
}
document.getElementById("ansver").innerHTML = list;
}
}
url = "http://avoindata.prh.fi:80/tr/v1?totalResults=true&maxResults=10&resultsFrom=0&companyRegistrationFrom="+document.input.start.value+"&companyRegistrationTo="+document.input.end.value;
xhttp.open("GET", url, true);
xhttp.send();
}
This function provides the details of the companies.
function findCompanyData(company)
{
var xhttp2 = new XMLHttpRequest();
xhttp2.onreadystatechange = function() {
if (xhttp2.readyState == 4 && xhttp2.status == 200) {
var companydata = JSON.parse(xhttp2.responseText);
var list = "<h6>Company Information: </h6>";
for (i=0;i<10;i++)
{
var name = "<p>Company Name: "+companydata.results[i].name +" </p>";
var companyId = "<p>Company ID#: "+companydata.results[i].businessId +" </p>";
var registrationDate = "<p>Registration Date: "+companydata.results[i].registrationDate +" </p>";
var companyType = "<p>Company Type: "+companydata.results[i].companyForm +" </p>";
list = list + name + companyId + registrationDate + companyType;
}
document.getElementById("companydata").innerHTML = list;
}
}
url = "http://avoindata.prh.fi:80/tr/v1?totalResults=true&maxResults=10&resultsFrom=0&companyRegistrationFrom="+document.input.start.value+"&companyRegistrationTo="+document.input.end.value;
xhttp2.open("GET", url, true);
xhttp2.send();
}
Any advice or recommendations? Thanks in advance!

Try this.
function findCompanies()
{
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (xhttp.readyState == 4 && xhttp.status == 200) {
var companies = JSON.parse(xhttp.responseText);
var list = "<p>There are totally "+companies.totalResults+" companies of which the 10 first are listed here.</p>";
for (i=0;i<10;i++)
{
company = companies.results[i].name; // Without quotes, 'company' will be treated as a var
company = '"'+company+'"'; // ADDED THIS LINE to quote the company
list = list + "<a href='#/' onclick='findCompanyData("+company+");'>"+company + "</a><br/>";
}
document.getElementById("ansver").innerHTML = list;
}
}
url = "http://avoindata.prh.fi:80/tr/v1?totalResults=true&maxResults=10&resultsFrom=0&companyRegistrationFrom="+document.input.start.value+"&companyRegistrationTo="+document.input.end.value;
xhttp.open("GET", url, true);
xhttp.send();
}
And second function
function findCompanyData(company)
{
var xhttp2 = new XMLHttpRequest();
xhttp2.onreadystatechange = function() {
if (xhttp2.readyState == 4 && xhttp2.status == 200) {
var companydata = JSON.parse(xhttp2.responseText);
var list = "<h6>Company Information: </h6>";
for (i=0;i<10;i++)
{
// Only add info to be shown if this was the company clicked.
if (companydata.results[i].name === company) { // ADDED THIS LINE
var name = "<p>Company Name: "+companydata.results[i].name +" </p>";
var companyId = "<p>Company ID#: "+companydata.results[i].businessId +" </p>";
var registrationDate = "<p>Registration Date: "+companydata.results[i].registrationDate +" </p>";
var companyType = "<p>Company Type: "+companydata.results[i].companyForm +" </p>";
list = list + name + companyId + registrationDate + companyType;
}
}
document.getElementById("companydata").innerHTML = list;
}
}
url = "http://avoindata.prh.fi:80/tr/v1?totalResults=true&maxResults=10&resultsFrom=0&companyRegistrationFrom="+document.input.start.value+"&companyRegistrationTo="+document.input.end.value;
xhttp2.open("GET", url, true);
xhttp2.send();
}