Bij activeren een van meerdere buttons, verwijzen naar link+formvalue

Status
Niet open voor verdere reacties.

rolfohtar

Gebruiker
Lid geworden
23 aug 2008
Berichten
136
Ik ben al tijden op zoek naar een mogelijkheid om meerdere zoekbuttons te gebruiken met slechts 1 zoekveld. Een soort van persoonlijke zoekmachine zeg maar.

Ik zou graag willen dat ik het zoekwoord kan invullen in een veld en dat ik dan op een van de zoekbuttons (Google, Wikipedia, etc.) kan klikken die het woord gebruiken om te zoeken.

De volgende actie moet dan ondernomen worden: [1] bij het klikken op een button moet een bepaald script lopen, [2] dat script moet (bijvoorbeeld) de url http:www.google.nl/search?q= koppelen aan het ingevulde woord.

Het onderstaande script heb ik al gevonden op een pagina, maar nu wil ik dus niet naar een .aspx pagina gaan, maar naar wat ik net vertelde. Als ik bij document.Form1.action de url invoer, dan ga ik alleen naar die pagina (als link) zonder dat het zoekwoord erachter wordt geplakt; wat dus nodig is.

Kan iemand mij hiermee helpen?

HTML:
<html>
<head>
<script language="Javascript">
<!--
function OnButton1()
{
    document.Form1.action = "Page1.aspx"
    document.Form1.target = "_blank";    // Open in a new window

    document.Form1.submit();             // Submit the page

    return true;
}

function OnButton2()
{
    document.Form1.action = "Page2.aspx"
    document.Form1.target = "_blank";    // Open in a new window

    document.Form1.submit();             // Submit the page

    return true;
}

-->
</script>
<noscript>You need Javascript enabled for this to work</noscript>
</head>

<body>


<!-- create the form -->
<form name="Form1" method="post">

<!-- Add the data entry bits -->
Your name <input type="text" name="text1" size="10" /><br />

<!-- Add some buttons -->
<INPUT type="button" value="Button1" name=button1 onclick="return OnButton1();">
<INPUT type="button" value="Button2" name=button2 onclick="return OnButton2();">

<!-- close the form -->
</form>


</body>
</html>
 
Redelijk simplel;
HTML:
<input type='text' id='query' />

<button onclick="gaNaar('google');">google</button>
<button onclick="gaNaar('wikipedia');">wikipedia</button>
[JS]function gaNaar(waar)
{
var query = document.getElementById('query').value;

switch(waar)
{
case 'google': location = "http://www.google.com/search?q=" + query; break;
case 'wikipedia': location = "http://wikipedia.org/search=" + query; break;
}
}[/JS]:thumb:
 
:shocked::D:thumb:

Ontzettend bedankt! Dat lijkt inderdaad veel simpeler dan wat ik allemaal in mijn hoofd haalde. Ik heb het toegepast en het werkt perfect!!!!

Bedankt!!!
 
Status
Niet open voor verdere reacties.
Steun Ons

Nieuwste berichten

Terug
Bovenaan Onderaan