activating function

@vogonpoetFeb 28.2005

Hello, I’m pretty new to javascript and I was wondering how to activate a certain function based on what I have selected in a drop down menu. I’m trying to make a page that will have a drop down menu of catagories to choose from, then a search box, then a go button. When you select a catagory, it will activate a certain function that will search in that catagory for what you typed. So far, I have everything except a way to select the function.
Thanks,
Vogonpoet

to post a comment

JavaScript

@JPnycMar 01.2005 — #Search what? The page? A database? A function is "activated" by an event. Most often, a user triggered event. These are called "event handlers". If you want a button, as you said, then the event handler is onclick="functionName()", which would go inside the HTML tag for that button. Well it can go other places too, but we'll start with that.

@vogonpoetauthorMar 01.2005 — #I'm trying to make an "enhanced" Google search page, mostly out of laziness and to try making something besides things in tutorials. I am trying to have a menu that will add either "filetype:", "site:", etc to the front of the query. So far, this is what I have:

<script>

function filetype(){

var name = document.query.q.value

endValue = ("filetype:" +name)
  document.query.q.value = endValue
  document.query.submit();
   }

function site(){

var name = document.query.q.value

endValue = ("site:" +name)
  document.query.q.value = endValue
  document.query.submit();
  }

</script>

</head>

<body>

<form name="query" method="get" target="_blank"

action="http://www.google.com/search">

<input type="text" name="q" size="12">

<select>

<option>--------------------</option>

<option>Search for file type</option>

<option>Search in site</option>

</select>

<input type="button" value="find" onClick="selection()">

<input type="reset" value="reset" name="B2">

</form>

The "selection()" will hopefully be where the menu selection will add "filetype:" or others to the beginning. I'm just not sure if there is an "onSelect" event handler for the menu or where to put it.

Thanks again,

Vogonpoet

@JPnycMar 01.2005 — #Yes, the onselect is an event of the select box (the drop down). But then you don't need a button. As soon as they select, that's it.

@ArsenalMar 01.2005 — #Please note that getElementById is alot better than form_name.object_name

@vogonpoetauthorMar 01.2005 — #Thank you very much for the help, JPnyc and Arsenal! Your advice really helped me get the page to work.

activating function

5 Comments(s) _↴

Also in #JavaScript _↴

Success!

Social

Version

activating function

5 Comments(s) ↴

Also in #JavaScript ↴

Success!

The web is an endless sea of information. Don't miss the boat... Subscribe!

Social

Version

5 Comments(s) _↴

Also in #JavaScript _↴