How to use ICMP in an HTML Javascript web page

Network Component provides an easy-to-use development interface to a variety of IP protocols. By using Network Component, you can very easily create or enhance applications with network features.

Network Component features the following: DNS, FTP, HTTP, HTTPs, ICMP Ping, IP-to-Country, MSN, NTP, RSH, SCP, SFTP, SNMP v1/v2c (Get, GetNext, Set), SNMP Traps, SNMP MIB, SSH, TCP, Telnet, TFTP, UDP, Telnet, Wake-On-LAN and more.

Network Component can be well integrated into any development platform that supports ActiveX objects.

Step 1: Installation of Network Component

Download Network Component from the ActiveXperts Download Site and start the installation. The installation guides you through the installation process.

When using HTML, there are two ways to install the Network Component on a client PC:

Automatically using HTML code;
Using the Network Component InstallShield installation.

Automatic installation using HTML code

You can install the Network Component automatically using the following HTML code on top of the HTML page:

<head>
  <object codebase="https://www.activexperts.com/files/network-component/3.1/AxNetwork32.cab" 
           classid="CLSID:B52B14BA-244B-4006-86E0-2923CB69D881" ></object>
</head>

The Network Component will be installated automatically. The user will be asked to confirm the installation, because the DLL is coming from an untrusted site (www.activexperts.com).

There are two ways to avoid prompting:

Add the ActiveX/COM location to the user's trusted sites. You can manage trusted manually (by using the Internet Explorer), through a logon script (by appyling the registry change from the logon script) or by using Active Directory Group Policies;
OR use a trusted location for the DLL. For instance your Intranet site, because most probably this site has already been added to the list of trusted sites for all users.

Manual installation using the Network Component installation procedure

On each client PC, download the Network Component from the ActiveXperts Download Site and start the installation. The installation guides you through the installation process.

Step 2: Create the Network Component object in HTML

You must use Javascript to declare and create the objects.

Use the following Javascript code to declare and create the object:

var objIcmp;
objIcmp = new ActiveXObject ( "AxNetwork.Icmp" );

Appendix: Full source code

<object codebase="https://www.activexperts.com/files/network-component/cab/4.4/axnetwork32.cab" 
  classid="CLSID:B52B14BA-244B-4006-86E0-2923CB69D881" style="visibility: hidden;"></object>

<html>

<head>
<title>ActiveXperts Network Component Sample - ICMP</title>
<style>
   .clbody {
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:9pt;
   font-weight:normal;
}
.clfooter {
   font-family:Verdana;
   font-size:7pt;
   font-weight:normal;
}
h1, .h1 {
   width:100%;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:18px;
   font-weight:bold;
}
hr, .hr {
   color:#b0b0b0;
}
</style>

<script language="JavaScript" type="text/javascript">
<!--

var objIcmp      = new ActiveXObject( "AxNetwork.Icmp" );

 function getInfo()
 {
     document.getElementById("fldAxNetworkInfo").innerHTML = "Build: " + objIcmp.Build + "; Module: " + objIcmp.Module  
 }
   
function getReply()
{ 
   var objForm      = document.forms["AXForm"];
   var numLastError = 0;
   var strLastError = "";
   var strReply     = "";

   objIcmp.Ttl = objForm.CTL_TTL.value;
   // objIcmp.LogFile = "c:\icmp.log";    // Optional: set LogFile property for troubleshooting purposes
   objIcmp.Ping( objForm.CTL_HOST.value, objForm.CTL_TIMEOUT.value );
      
   numLastError = objIcmp.LastError;
   strLastError = objIcmp.GetErrorDescription( numLastError );  
   if( numLastError == 0 ){
      strReply = "Reply from " + objForm.CTL_HOST.value + ": time=" + objIcmp.LastDuration + "ms TTL=" + objIcmp.LastTtl 
   }
	 
   objForm.CTL_RESULT.value = numLastError + " : " + strLastError;
	 objForm.CTL_REPLY.value  = strReply;
}

//-->
</script>

</head>

<body onload="getInfo()">
<h1>ActiveXperts Network Component Sample - ICMP</h1>
<hr size="1">


<form name="AXForm">
<table class ="clbody">
   <tr>

   <tr>
      <td valign="top">Component:</td>
       <td valign="top"><span id="fldAxNetworkInfo"></span></td>
   </tr>
   <tr>
      <td valign="top">Host:</td>
       <td valign="top"><input style="width: 300px" type="text" name="CTL_HOST" value="www.activexperts.com"></td>
   </tr>
   <tr>
      <td valign="top">Timeout (msecs):</td>
       <td valign="top"><input style="width: 300px" type="text" name="CTL_TIMEOUT" value="5000"></td>
   </tr>
   <tr>
      <td valign="top">TTL:</td>
       <td valign="top"><input style="width: 300px" type="text" name="CTL_TTL" value="255"></td>
   </tr>
   <tr>
      <td valign="top"> </td>
      <td valign="top"><input size="25" type="button" onclick="getReply()" value="Ping" name="CTL_SUBMIT" style="height: 23px; width: 300px"></td>
   </tr>
   <tr>
      <td valign="top"> </td>
      <td valign="top"> </td>
   </tr>
      <tr>
      <td valign="top">Result code:</td>
      <td valign="top"><input type="text" name="CTL_RESULT" disabled="true" style="border: 0px;"></td>
   </tr>
      
   <tr>
      <td valign="top">Reply:</td>
       <td valign="top"><input style="width: 500px" type="text" name="CTL_REPLY" value=""></td>
   </tr>
</table>
<br>
<br>
</form>

<hr size="1">
<div>
This sample is based on ActiveXperts Network Component, an <a target="_blank" href="https://www.activexperts.com">ActiveXperts Software</a> product.<br>
<a href="../Index.htm">Click here</a> to return to the HTML sample menu page.<br>

</div>

</body>
</html>

You can download the complete samples here. There are many other working Network Component scripts on our site and shipped with the product.

Contact Info

ActiveXperts Network Component