Contact Info

Crumbtrail

ActiveXperts.com » Network Component » How to Use Network Component » WOL (Wake-On-LAN) » HTML/Javascript

HTML Form WOL Sample Source Code

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: Download and install the 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:

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:

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 object:

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

var objWol;
 
objWol  = new ActiveXObject ( "AxNetwork.Wol" );

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 - Wake On LAN</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 objWOL                = new ActiveXObject("AxNetwork.WOL");

function getInfo()
{
   document.getElementById("fldAxNetworkInfo").innerHTML = "Build: " + objWOL.Build + "; Module: " + objWOL.Module   
}  
  
function WakeUp()
{
  var objForm               = document.forms["AXForm"];

  var numLastError          = 0;
  var strLastError          = "";

  objWOL.Clear();
  // objWOL.LogFile = "c:\wol.log";    //Optional: set LogFile property for troubleshooting purposes
  objWOL.WakeUp( objForm.CTL_MAC.value );
  
  numLastError             =  objWOL.LastError;
  strLastError             =  objWOL.GetErrorDescription( numLastError );  
  
  objForm.CTL_RESULTS.value = numLastError + " : " + strLastError;
}
	 
//-->
</script>

</head>

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

<form name="AXForm">
<table class ="clbody">
   <tr>
       <td valign="top">Component:</td>
       <td valign="top"><span id="fldAxNetworkInfo"></span></td>
   </tr>

   <tr>
      <td valign="top">MAC Address:</td>
       <td valign="top"><input style="width: 300px" type="text" name="CTL_MAC" value="00-10-4B-BA-7A-51"></td>
   </tr>
   <tr>
      <td valign="top"> </td>
      <td valign="top"><input size="25" type="button" onclick="WakeUp()" value="Wake Up!" 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_RESULTS" disabled="true" style="border:0px;width:500px;"></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.