admin管理员组

文章数量:1022804

Here is my code

File external.js: 

var TRange=null;

function findString (str) {
 if (parseInt(navigator.appVersion)<4) return;
 var strFound;
 if (window.find) {

  // CODE FOR BROWSERS THAT SUPPORT window.find

  strFound=self.find(str);
  if (!strFound) {
   strFound=self.find(str,0,1);
   while (self.find(str,0,1)) continue;
  }
 }
 else if (navigator.appName.indexOf("Microsoft")!=-1) {

  // EXPLORER-SPECIFIC CODE

  if (TRange!=null) {
   TRange.collapse(false);
   strFound=TRange.findText(str);
   if (strFound) TRange.select();
  }
  if (TRange==null || strFound==0) {
   TRange=self.document.body.createTextRange();
   strFound=TRange.findText(str);
   if (strFound) TRange.select();
  }
 }
 else if (navigator.appName=="Opera") {
  alert ("Opera browsers not supported, sorry...")
  return;
 }
 if (!strFound) alert ("String '"+str+"' not found!")
 return;
}

File Search.html:

<html>
<head></head>
<title>Search</title>
<body>
<form name="input" action = "external.js">
Search for: <input type="text" name="keytext" /><br />
</form>
<p> You can search this text. Search the text again</p>
</body>
</html>

I am looking for a method to modify the form part of the HTML file such that it can make a call to the external JavaScript (external.js) and pass the parameters. The parameter will be the text in the input box.

Here is my code

File external.js: 

var TRange=null;

function findString (str) {
 if (parseInt(navigator.appVersion)<4) return;
 var strFound;
 if (window.find) {

  // CODE FOR BROWSERS THAT SUPPORT window.find

  strFound=self.find(str);
  if (!strFound) {
   strFound=self.find(str,0,1);
   while (self.find(str,0,1)) continue;
  }
 }
 else if (navigator.appName.indexOf("Microsoft")!=-1) {

  // EXPLORER-SPECIFIC CODE

  if (TRange!=null) {
   TRange.collapse(false);
   strFound=TRange.findText(str);
   if (strFound) TRange.select();
  }
  if (TRange==null || strFound==0) {
   TRange=self.document.body.createTextRange();
   strFound=TRange.findText(str);
   if (strFound) TRange.select();
  }
 }
 else if (navigator.appName=="Opera") {
  alert ("Opera browsers not supported, sorry...")
  return;
 }
 if (!strFound) alert ("String '"+str+"' not found!")
 return;
}

File Search.html:

<html>
<head></head>
<title>Search</title>
<body>
<form name="input" action = "external.js">
Search for: <input type="text" name="keytext" /><br />
</form>
<p> You can search this text. Search the text again</p>
</body>
</html>

I am looking for a method to modify the form part of the HTML file such that it can make a call to the external JavaScript (external.js) and pass the parameters. The parameter will be the text in the input box.

  • javascript
  • html
  • css
Share Improve this question asked Jul 19, 2012 at 18:20 gUgUgUgU 753 silver badges8 bronze badges 3
  • 3 This is such a basic, fundamental question, that I suggest you do some reading on basic web development with html and javascript. It will do you a lot more good than trying to piece together stuff like this with Q&A. – kakridge Commented Jul 19, 2012 at 18:28
  • Take @kakridge's advice as constructive criticism. :) – Abhishek Mehta Commented Jul 19, 2012 at 18:55
  • Thanks @Abhishek. I think I rushed that ment. I certainly meant it to be constructive. I applaud anyone who wants to improve their ability to program. – kakridge Commented Jul 19, 2012 at 19:01
Add a ment  | 

1 Answer 1

Reset to default 4

in your search.html add a reference to the javascript file. like so

<script src="external.js" type="text/javascript"></script>

you can then call functions within the javascript file like so

<input type="text" name="keytext" onClick='findString("test")'/>

in this example you'd be passing the string "test" to your function findString

Edit: you can use other events like onblur as well, it all depends when you want to fire the event.

Hope this helps.

Here is my code

File external.js: 

var TRange=null;

function findString (str) {
 if (parseInt(navigator.appVersion)<4) return;
 var strFound;
 if (window.find) {

  // CODE FOR BROWSERS THAT SUPPORT window.find

  strFound=self.find(str);
  if (!strFound) {
   strFound=self.find(str,0,1);
   while (self.find(str,0,1)) continue;
  }
 }
 else if (navigator.appName.indexOf("Microsoft")!=-1) {

  // EXPLORER-SPECIFIC CODE

  if (TRange!=null) {
   TRange.collapse(false);
   strFound=TRange.findText(str);
   if (strFound) TRange.select();
  }
  if (TRange==null || strFound==0) {
   TRange=self.document.body.createTextRange();
   strFound=TRange.findText(str);
   if (strFound) TRange.select();
  }
 }
 else if (navigator.appName=="Opera") {
  alert ("Opera browsers not supported, sorry...")
  return;
 }
 if (!strFound) alert ("String '"+str+"' not found!")
 return;
}

File Search.html:

<html>
<head></head>
<title>Search</title>
<body>
<form name="input" action = "external.js">
Search for: <input type="text" name="keytext" /><br />
</form>
<p> You can search this text. Search the text again</p>
</body>
</html>

I am looking for a method to modify the form part of the HTML file such that it can make a call to the external JavaScript (external.js) and pass the parameters. The parameter will be the text in the input box.

Here is my code

File external.js: 

var TRange=null;

function findString (str) {
 if (parseInt(navigator.appVersion)<4) return;
 var strFound;
 if (window.find) {

  // CODE FOR BROWSERS THAT SUPPORT window.find

  strFound=self.find(str);
  if (!strFound) {
   strFound=self.find(str,0,1);
   while (self.find(str,0,1)) continue;
  }
 }
 else if (navigator.appName.indexOf("Microsoft")!=-1) {

  // EXPLORER-SPECIFIC CODE

  if (TRange!=null) {
   TRange.collapse(false);
   strFound=TRange.findText(str);
   if (strFound) TRange.select();
  }
  if (TRange==null || strFound==0) {
   TRange=self.document.body.createTextRange();
   strFound=TRange.findText(str);
   if (strFound) TRange.select();
  }
 }
 else if (navigator.appName=="Opera") {
  alert ("Opera browsers not supported, sorry...")
  return;
 }
 if (!strFound) alert ("String '"+str+"' not found!")
 return;
}

File Search.html:

<html>
<head></head>
<title>Search</title>
<body>
<form name="input" action = "external.js">
Search for: <input type="text" name="keytext" /><br />
</form>
<p> You can search this text. Search the text again</p>
</body>
</html>

I am looking for a method to modify the form part of the HTML file such that it can make a call to the external JavaScript (external.js) and pass the parameters. The parameter will be the text in the input box.

  • javascript
  • html
  • css
Share Improve this question asked Jul 19, 2012 at 18:20 gUgUgUgU 753 silver badges8 bronze badges 3
  • 3 This is such a basic, fundamental question, that I suggest you do some reading on basic web development with html and javascript. It will do you a lot more good than trying to piece together stuff like this with Q&A. – kakridge Commented Jul 19, 2012 at 18:28
  • Take @kakridge's advice as constructive criticism. :) – Abhishek Mehta Commented Jul 19, 2012 at 18:55
  • Thanks @Abhishek. I think I rushed that ment. I certainly meant it to be constructive. I applaud anyone who wants to improve their ability to program. – kakridge Commented Jul 19, 2012 at 19:01
Add a ment  | 

1 Answer 1

Reset to default 4

in your search.html add a reference to the javascript file. like so

<script src="external.js" type="text/javascript"></script>

you can then call functions within the javascript file like so

<input type="text" name="keytext" onClick='findString("test")'/>

in this example you'd be passing the string "test" to your function findString

Edit: you can use other events like onblur as well, it all depends when you want to fire the event.

Hope this helps.

本文标签： javascriptHow to pass a variable from a html form to a js fileStack Overflow

版权声明：本文标题：javascript - How to pass a variable from a html form to a .js file? - Stack Overflow 内容由热心网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://it.en369.cn/questions/1745571613a2156770.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。