zoekmachine

[mmatteman]

Ik weet niet of dit de juiste categorie is voor mijn vraag, maar goed.
Voor mijn website wil ik een zoekfunctie inbouwen, die zal bestaan uit een dropdown box met daarin de populairste zoek-websites, daaronder een tekstveld waar je je zoekterm kunt invullen en dan een submit knop. Ik heb alleen geen idee hoe en waar ik moet beginnen, dus als iemand mij op weg zou kunnen helpen

 

[nds]

je zal effe moeten google naar scripts

zoals zoekfunctie script

 

[Eagle Creek]

Dit iets: http://www.google.nl/cse/ ?

 

[ErikBooy007]

Het makkelijkst is waarschijnlijk om de "gewone" search-engine van Google te gebruiken.

Je maakt dan een form, daarin een invulveld (name="q") en een zoekknop. Je formulier moet je dan posten naar http://www.google.nl/search .

Voorbeeld:

<form method="get" action"http://www.google.nl/search">

  <input type="text" name="q" />
  <input type="submit" name="submit" value="Zoek" />

</form>

 

[mmatteman]

Ok bedankt, dat snap ik nu. Ik wil alleen de gebruikers laten kiezen uit meerdere zoekmachines, zoals yahoo en bing enz. Die wil ik in een

<select>

zetten, en dan de optie die gekozen wordt moet dan op de een of andere manier de

action

veranderen in de desbetreffende zoekoptie, google is dan

action="http://www.google.nl/search"

en yahoo is

action="http://search.yahoo.com/search"

Moet ik dat via javascript doen ofzo? wat ik nu geprobeerd heb werkt niet, dus heeft iemand een idee?

 

[That Guy]

Je kan met javascript met de window.location werken:[JS]function zoek(engine, query)
{
var loc;

switch(engine)
{
case 'google': loc = "http://www.google.nl/search"; break;
case 'yahoo': loc = "http://search.yahoo.com/search"; break;
/* meer */
}
window.location = loc + "?q=" + query;
}
[/JS]
Je html:

<input type='text' id='query' />

   <select id="zoekmachine"> 
      <option value="google">google</option>
      <option value="yahoo">yahoo</option>
   </select>

<button onclick="zoek(document.getElementById('zoekmachine'), document.getElementById('query'));">zoek</button>

zoiets :thumb:

 

[mmatteman]

Hmm heb je dat zelf geprobeerd? Want bij mij werkt dat niet.

 

[That Guy]

Nee, dat komt omdat het een voorbeeld was en ik aannam dat je het zelf kon testen & verbeteren.

Anywho, verander de button-code naar dit:

<button onclick="zoek(document.getElementById('zoekmachine').value, document.getElementById('query').value);">zoek</button>

en het zou moeten werken.