iFrame HTML Guide-bottom

<script type="text/JavaScript">
  var hpciCCFrameHost = "https://ccframe.hostedpci.com";
  var hpciCCFrameFullUrl = "https://ccframe.hostedpci.com/iSynSApp/showPxyPage!ccFrame.action?pgmode1=prod..............";
  var hpciCCFrameName = "ccframe"; // use the name of the frame containing the credit card
  
  var hpciSiteErrorHandler = function(errorCode, errorMsg) {
    // Place the following alert to properly display the error message
    //alert("Error while processing credit card code:" + errorCode + "; msg:"+ errorMsg);
  }
  
  var hpciSiteSuccessHandlerV8 = function(hpciMsgSrcFrameName, hpciMappedCCValue, hpciMappedCVVValue, hpciCCBINValue, hpciGtyTokenValue, hpciCCLast4Value, hpciReportedFormFieldsObj, 
        hpciGtyTokenAuthRespValue, hpciTokenRespEncrypt, threeDSValuesObj, hpciCCTypeValue){

    var ccNumInput = document.getElementById("ccNum");
    ccNumInput.value = hpciMappedCCValue;
    
    console.log("hpciCCTypeValue: " + hpciCCTypeValue);
    
    var pendingForm = document.getElementById("CCAcceptForm");
    pendingForm.submit;
    
  }
  
  var hpciCCPreliminarySuccessHandlerV6 = function(hpciMsgSrcFrameName, hpciCCTypeValue, hpciCCBINValue, hpciCCValidValue, hpciCCLengthValue, hpciCCEnteredLengthValue, 
  hpciMappedCCValue, hpciMappedCVVValue, hpciGtyTokenValue, hpciCCLast4Value, hpciReportedFormFieldsObj, hpciGtyTokenAuthRespValue, hpciTokenRespEncrypt, hpciCCTypeValue){
    
     //this will be initiated when the user leaves the ccnum field

    var ccNumInput = document.getElementById("ccNum");
    ccNumInput.value = hpciMappedCCValue;
    var ccCVVInput = document.getElementById("ccCVV");
    ccCVVInput.value = hpciMappedCVVValue;
    var ccBINInput = document.getElementById("ccBIN");
    ccBINInput.value = hpciCCBINValue;
    
    if(hpciMappedCCValue != ""){ ///if hpciMappedCCValue (hpci token) is generated then make the fields green background
      sendHPCIChangeStyleMsg("ccNum", "background-color", "green");
      sendHPCIChangeStyleMsg("ccNum", "color", "white");
      sendHPCIChangeStyleMsg("ccCVV", "background-color", "green");
      sendHPCIChangeStyleMsg("ccCVV", "color", "white");
    }
  }

  var hpciCVVPreliminarySuccessHandlerV6 = function (hpciMsgSrcFrameName, hpciCVVLengthValue, hpciCVVValidValue,hpciMappedCCValue, hpciMappedCVVValue, hpciCCBINValue, 
      hpciGtyTokenValue, hpciCCLast4Value, hpciReportedFormFieldsObj, hpciGtyTokenAuthRespValue, hpciTokenRespEncrypt, hpciCCTypeValue){
    
     //this will be initiated when the user leaves the cvv field

    var ccNumInput = document.getElementById("ccNum");
    ccNumInput.value = hpciMappedCCValue;
    var ccCVVInput = document.getElementById("ccCVV");
    ccCVVInput.value = hpciMappedCVVValue;
    var ccBINInput = document.getElementById("ccBIN");
    ccBINInput.value = hpciCCBINValue;
    
    if(hpciMappedCCValue != ""){ //if hpciMappedCCValue (hpci token) is generated then make the fields green background
      sendHPCIChangeStyleMsg("ccNum", "background-color", "green");
      sendHPCIChangeStyleMsg("ccNum", "color", "white");
      sendHPCIChangeStyleMsg("ccCVV", "background-color", "green");
      sendHPCIChangeStyleMsg("ccCVV", "color", "white");
    }
    
  }
  
  var hpciCCDigitsSuccessHandlerV2 = function (hpciCCTypeValue, hpciCCBINValue, hpciCCValidValue, hpciCCLengthValue, hpciCCEnteredLengthValue){
    
    // check the card type and show the corresponding icon
    if(hpciCCTypeValue == "amex"){ 
      //add code to show the AMEX icon
    }
    else if(hpciCCTypeValue == "visa"){
      //add code to show the VISA icon
    }
    else if(hpciCCTypeValue == "mastercard"){
      //add code to show the MC icon
    }//and more card brands
  }

  var hpciCVVDigitsSuccessHandler = function(hpciCVVLengthValue, hpciCVVValidValue){
          //add code to be initiated when the user is entering digit in cvv field
  }

  var hpciInitCompleteSuccessHandlerV2 = function(hpciMsgSrcFrameName){
          //add code to be initiated when the iFrame is Initiated
  }
</script>