Did you ever want to run an application from your local resource inside your HTML page? If so, you will face some issues. It will never run any application from local resource directly. It may ask you to download the file before running it. This is due to browser security issue as the code runs inside the browser sandbox.
So, what to do for this? In this post, I will describe the steps to do this. Read the complete post in order to learn the same.
As I mentioned above, you can't run an application from a browser window due to security reasons. To execute file, you need to use .HTA applications (which is an HTML application). HTA applications run outside the browser window just like a normal application and have full trust support.
If you are new to HTML application, read more about it here.
Let’s jump to create one HTML application to launch Notepad for you (without any security warnings). To do this, design your HTML page with a button, which will execute the Notepad once clicked. You can set some application specific properties using the <HTA:APPLICATION /> tag. This step is optional. Add the following JavaScript code inside your <head /> tag:
<script type="text/javascript" language="javascript">
function RunFile() {
WshShell = new ActiveXObject("WScript.Shell");
WshShell.Run("c:/windows/system32/notepad.exe", 1, false);
}
</script>
Here, you can see that first I am creating the instance of the “WScript.Shell” ActiveXObject and then calling the Run() method of the newly created object with proper parameters.
Now, from the button click event, give a call to the JavaScript method named “RunFile()”. Once you click on the button, it will execute the file mentioned in the Run() method.
If you run this code inside the browser, it will not work. To resolve this, just save the file with a .hta extension. You will see that the file icon has changed to an application icon. If you double click on this file, it will execute and open a Window having the button inside it. Click the button to open the notepad.exe file.
Here is the full code for that:
<html>
<head>
<title>Application Executer</title>
<HTA:APPLICATION ID="oMyApp"
APPLICATIONNAME="Application Executer"
BORDER="no"
CAPTION="no"
SHOWINTASKBAR="yes"
SINGLEINSTANCE="yes"
SYSMENU="yes"
SCROLL="no"
WINDOWSTATE="normal">
<script type="text/javascript" language="javascript">
function RunFile() {
WshShell = new ActiveXObject("WScript.Shell");
WshShell.Run("c:/windows/system32/notepad.exe", 1, false);
}
</script>
</head>
<body>
<input type="button" value="Run Notepad" onclick="RunFile();"/>
</body>
</html>
So, what is the purpose of it? You may need it for various reasons, but that will depend on your requirement. Recently, I needed it to do one ongoing R&D and this concept helped me a lot. Hence, I thought of sharing this with you so that you can also learn and use it as per your requirement.
