Hello everyone,
New to Xojo and I’m directly starting with a question about how to integrate Javascript into a web application.
So far, I’ve done a custom HTMLViewer in which I’ve put the method LoadPage.
Inside that method, my whole html & javascript is written.
However, when I had that customer HTMLViewer into the webpage and “Run” it, I can’t see anything.
Here is the Xojo view : https://prnt.sc/p6st79
The code I’m trying to run is a code that will get information from a cardreader.
here is the javascript:
[code]<script language="“javascript”">
function getIDData()
{
var strTemp;
var strTemp2;
var strTemp3;
strTemp = document.BEIDApplet.getCardNumber() + "" "";
document.getElementById('cardNumberField').innerHTML = strTemp;
strTemp = document.BEIDApplet.getChipNumber() + "" "";
document.getElementById('chipNumberField').innerHTML = strTemp;
strTemp = document.BEIDApplet.getValidityDateBegin() + "" "";
document.getElementById('valBeginField').innerHTML = strTemp;
strTemp = document.BEIDApplet.getValidityDateEnd() + "" "";
document.getElementById('valEndField').innerHTML = strTemp;
strTemp = document.BEIDApplet.getIssMunicipality() + "" "";
document.getElementById('issMunicField').innerHTML = strTemp;
strTemp = document.BEIDApplet.getNationalNumber() + "" "";
document.getElementById('natNumberField').innerHTML = strTemp;
strTemp = document.BEIDApplet.getName() + "" "";
document.getElementById('nameField').innerHTML = strTemp;
strTemp = document.BEIDApplet.getFirstName1();
strTemp2 = document.BEIDApplet.getFirstName2();
strTemp3 = document.BEIDApplet.getFirstName3();
document.getElementById('firstNamesField').innerHTML = strTemp + "" "" + strTemp2 + "" "" + strTemp3 + "" "";
strTemp = document.BEIDApplet.getNationality() + "" "";
document.getElementById('natField').innerHTML = strTemp;
strTemp = document.BEIDApplet.getBirthLocation() + "" "";
document.getElementById('birthLocField').innerHTML = strTemp;
strTemp = document.BEIDApplet.getBirthDate() + "" "";
document.getElementById('birthDateField').innerHTML = strTemp;
strTemp = document.BEIDApplet.getSex() + "" "";
document.getElementById('sexField').innerHTML = strTemp;
document.BEIDApplet.getNobleCondition();
document.BEIDApplet.getWhiteCane();
document.BEIDApplet.getYellowCane();
document.BEIDApplet.getExtendedMinority();
}
function getAddressData()
{
var strTemp;
var strTemp2;
var strTemp3;
strTemp = document.BEIDApplet.getStreet();
strTemp2 = document.BEIDApplet.getStreetNumber();
strTemp3 = document.BEIDApplet.getBoxNumber();
document.getElementById('streetField').innerHTML = strTemp + "" "" + strTemp2 + "" "" + strTemp3 + "" "";
strTemp = document.BEIDApplet.getZip();
strTemp2 = document.BEIDApplet.getMunicipality();
document.getElementById('municField').innerHTML = strTemp + "" "" + strTemp2 + "" "";
strTemp = document.BEIDApplet.getCountry();
if(strTemp == """" && strTemp2 != """")
{
strTemp = ""be"";
}
document.getElementById('countryField').innerHTML = strTemp + "" "";
}
function EmptyScreen()
{
var strTemp = "" "";
document.getElementById('cardNumberField').innerHTML = strTemp;
document.getElementById('chipNumberField').innerHTML = strTemp;
document.getElementById('valBeginField').innerHTML = strTemp;
document.getElementById('valEndField').innerHTML = strTemp;
document.getElementById('issMunicField').innerHTML = strTemp;
document.getElementById('natNumberField').innerHTML = strTemp;
document.getElementById('nameField').innerHTML = strTemp;
document.getElementById('firstNamesField').innerHTML = strTemp;
document.getElementById('natField').innerHTML = strTemp;
document.getElementById('birthLocField').innerHTML = strTemp;
document.getElementById('birthDateField').innerHTML = strTemp;
document.getElementById('sexField').innerHTML = strTemp;
document.getElementById('streetField').innerHTML = strTemp;
document.getElementById('municField').innerHTML = strTemp;
document.getElementById('countryField').innerHTML = strTemp;
document.getElementById('StatusField').innerHTML = strTemp;
}
function ReadCard()
{
var retval;
EmptyScreen();
document.getElementById('StatusField').innerHTML = ""Reading Card, please wait..."";
retval = document.BEIDApplet.InitLib(null);
if(retval == 0)
{
document.getElementById('StatusField').innerHTML = ""Reading Identity, please wait..."";
getIDData();
document.getElementById('StatusField').innerHTML = ""Reading Address, please wait..."";
getAddressData();
document.getElementById('StatusField').innerHTML = ""Reading Picture, please wait..."";
document.BEIDApplet.GetPicture();
document.BEIDApplet.ExitLib();
document.getElementById('StatusField').innerHTML = ""Done"";
}
else
{
document.getElementById('StatusField').innerHTML = ""Error Reading Card"";
}
}
[/code]
And I have a button that will launch the code when pressed:
<td> <input type=""button"" name=""IDButton"" onclick=""javascript:ReadCard()"" value=""Read Card ""title=""Read Card""/> </td>
Can you give me a hint about what I should be doing in order to make it work?
Regards,
Charley