Customizing the nano-10 webpage

[StefanA]

Having some trouble with customizing the nano-10 webpages. I want to add more "clickable boxes" for controlling internal relay bit 137 and upwards.

I managed to display some boxes on the webpage and I can turn them on and off from the plc program. But how do I toggle them from the webpage? If I understand the comments in javascript file M, 512 internal relays are accessable.

[support]

Note that customization of the JavaScript file (M.JS) is currently not supported and is only recommended for experienced JavaScript programmers.

If you have already added more boxes linked to relay bits in the PLC, then you have probably updated the drawRelay() function.

You also need to edit the doClick() function, which is used in the drawRelay() function. You will need to repeat the code in the If statement but modify the repeated code to write to the next 8 relay bits (assuming those are the bits you want to add). The following line of code from that function is what dictates which bits are written to in the PLC:

    cmd="HOSTLINK/WR11"+d2h(rly)+timestamp()

[StefanA]

To bad that customization is not supported. This stuff isn't easy for a average joe like me. I'm not quite sure what I did exactly when I added more boxes. I changed one
thing in the drawrelay() function (as you pointed out in your replay). Have been fiddeling with the doclick() function aswell but got stuck.




function drawRelay(){
  var el
  var ioname;      // replace space with " "
  var value = RELAY[9]  // Internal Relay #129 to 140
  for (i=0;i<14;i++) { //-------------------------I changed this line
    el = document.getElementById("IO"+(i+1))
    if (el==null) {
      ioname=""
      for (j=0;j<IOname.length;j++) {
           ch=IOname.charAt(j)
           if (ch==' ') ioname += "&nbsp;"
           else ioname += ch
      }



function doClick(el) {
  var xmlhttpClick= createXMLhttp()
  clickBusy =1
  clearInterval(intervalID);
  if ((el.id).substring(0,2)=="IO") {  
    var rly = RELAY[9]

    var pos = el.id.substring(2)-1
    rly ^= bitMask[pos]          // toggles bit
    cmd="HOSTLINK/WR10"+d2h(rly)+timestamp()
    clearInterval(intervalID);
    xmlhttpClick.open("GET",cmd,true);
    try {
      xmlhttpClick.onreadystatechange=function() {
       if (xmlhttpClick.readyState==4) {
         checkSvrResp(xmlhttpClick,"doClick")
         clickBusy=0        
         doUpdate()
         getRelay()


Is Relay[9] the same as relay channel 10, as in cmd="HOSTLINK/WR10"+d2h(rly)+timestamp()

Repeat code? Please explain.

[support]

RELAY[n] are 16-bit variables used to represent internal relay bits 1-512. RELAY[1] is for relay bit #1 to #16, RELAY[2] is for relay bit #17 to #32, and so on.

The reason web control programming are not supported is because these are all Javascript programming questions and not the PLC programming questions and we at tech support are not that familiar with Javascript. We can advise how to configure the 0.htm document based on the standard template without changing the core M.JS javascript files.

You can try to post your Javascript related questions to the web programming community and get help from (possibly) millions of Javascript programming experts on the web.

[StefanA]

Ok, thank you for the info.