Call javascript function with an href

Question

i'm developing a website, but i'm not an expert when it comes to javascript. I'm using a script that i found on the internet for searching the page for a text string. To call this function i use the following code:

  <div class="pesquisa" id="pesquisa"><form name="f1" action=""
  onSubmit="if(this.t1.value!=null && this.t1.value!='')
  findString(this.t1.value);return false">
  <input name="t1" type="text" /></form>
  </div>

this is working well, when i enter text and click enter he finds it on the page. Now i have a "button" next to it that is represented by:

<a href='javaScript:document.f1.findString(this.t1.value)'>
<div class="enviar" id="enviar">Pesquisar</div></a></div>

I want this "button" to call the same function with the value inserted in the form. But it is not working this way. Any ideas on how this can be made ?

Thanks in advance, Cláudio

FishBasketGordo · Accepted Answer · 2011-07-02 13:58:49Z

1

First, add an id attribute to the textbox:

<input id="t1" name="t1" type="text" />

Then, in your <a> tag, you can do this:

<a href="#" onclick="findString(document.getElementById('t1').value); return false;">Click Me</a>

edited Jul 2, 2011 at 13:58

answered Jul 2, 2011 at 13:52

FishBasketGordo

23.2k4 gold badges60 silver badges92 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Cláudio Ribeiro Over a year ago

I did that you told me to do, but i get a "document.f1.findString is not a function" error.

FishBasketGordo Over a year ago

Sorry about that. That was a copy-paste mistake on my part. See my edit.

Kon · Accepted Answer · 2011-07-02 13:53:44Z

0

Try this.. Add an id attribute to t1 (also called "t1"), and then reference it like this:

<a onclick="javaScript:findString(document.getElementById('t1').value)">

answered Jul 2, 2011 at 13:53

Kon

27.5k12 gold badges64 silver badges87 bronze badges

1 Comment

Kon Over a year ago

The main difference here over FishBasketGordo's answer is that you don't even need the href attribute, and therefore don't need to include return false to prevent the navigation from firing.

Collectives™ on Stack Overflow

Call javascript function with an href

2 Answers 2

2 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related