anoniem Geplaatst: 9 juni 2002 Delen Geplaatst: 9 juni 2002 Hoe geef je een knop automatisch focus zodat als je op enter drukt deze knop automatisch wordt gekozen. Het is een normale form knop [code:1:e781f2cb35]<INPUT TYPE="button" VALUE="Zoek" onClick="zoeken()">[/code:1:e781f2cb35] Quote Link naar reactie
anoniem Geplaatst: 9 juni 2002 Auteur Delen Geplaatst: 9 juni 2002 Als je de automatische submit bij een enkele textinput tegen wil gaan dan kan je de onsubmit van het form gebruiken. [code:1:179f86ce93] <form action="blaat.cgi" method="post" onsubmit="zoeken(); return false;"> <input type="text" name="foo" /> <input type="button" name="bar" onclick="zoeken()" /> </form>[/code:1:179f86ce93] Als je een [enter] altijd af wil vangen zal je iets moeten doen met de keyevents. bijv:[code:1:179f86ce93]<script type="text/javascript"> function doeIets(oEvent) { var bNetscape = (navigator.appName == 'Netscape'); var iKey = (bNetscape ? oEvent.which : event.keyCode); if (iKey == 13) { zoeken(); return false; } else { return true; } } if ((navigator.appName == "Netscape") && (document.layers)) { document.captureEvents(Event.KEYDOWN); } document.onkeydown = doeIets; </script>[/code:1:179f86ce93] Focus geven aan een element doe je overigens met [i:179f86ce93]oElement.focus()[/i:179f86ce93] (waarbij oElement een referentie is naar het object), maar m.i. heb je dat helemaal niet nodig. Quote Link naar reactie
anoniem Geplaatst: 9 juni 2002 Auteur Delen Geplaatst: 9 juni 2002 Ik bedoel het denk ik anders. Ik heb als code [code:1:904b597e27] <FORM NAME="zoekfrm" method="POST" action="javascript:zoeken()" > <SELECT NAME="zoek" onchange="chzoek(this)"> <OPTION SELECTED value="http://www.google.com/search?q=">google <OPTION value="http://www.ilse.nl/searchresults.dbl?search_for=">Ilse <OPTION value="http://www.webwereld.nl/cgi-bin/zoek/nph-go.cgi?resume=on&aantal=on&newwindow=YES&maxshow=20&in=">vindex <OPTION value="http://zoeken.track.nl/Raven?sm=1&st=1&pl=10&qr=">track <OPTION value="http://www.askjeeves.com/main/askJeeves.asp?origin=&qSource=0&ask=">ask jeeves <OPTION value="http://altavista.com/cgi-bin/query?pg=q&what=web&fmt=&q=">altavista <OPTION value="http://search.yahoo.com/bin/search?p=">yahoo <OPTION value="http://hotbot.lycos.com/?SM=MC&DV=0&LG=any&DC=10&DE=2&BT=H&MT=">hotbot <OPTION value="http://www.scoot.nl/start.asp?ce=">scoot vindservice <OPTION value="http://teletekst.nos.nl/cgi-bin/tt/nos/page/t/o/m/i/s3/h372/">teletekst <OPTION value="http://www.altavista.com/cgi-bin/query?pg=q&what=web&stype=simage&oprem=1&q=">plaatjes (altavista) <OPTION value="http://www.dejanews.com/dnquery.xp?QRY=">nieuwsgroep (dejanieuws) <OPTION value="http://astalavista3.box.sk/cgi-bin/robot/robot/?project=robot&gfx=robot&srch=">astalavista <OPTION value="http://search.excite.com/search.gw?search=">excite <OPTION value="http://www.northernlight.com/nlquery.fcg?cb=0&orl=&search.x=41&search.y=12&qr=">northernlight <OPTION value="http://www.alltheweb.com/cgi-bin/asearch?type=all&query=">alltheweb <OPTION value="http://www.altavista.nl/cgi-bin/query?pg=q&what=web&fmt=&q=">altavista (nl) <OPTION value="http://search.britannica.com/bcom/search/results/1,5843,,00.html?p_query0=">encyclopedie britannica <OPTION value="http://www.nieuwsbank.nl/zoek?index=%5Cindex%2Fpb%2Fpb&trefwoord=">persberichten </SELECT> <script language="JavaScript"> document.write('<INPUT NAME=\"query\" TYPE=\"text\" SIZE=\"17\" value=\"'+zoekinv+'\" onchange=\"Goquery(this.value)\">'); </script> <INPUT TYPE="button" VALUE="Zoek" onClick="zoeken()"> </form> [/code:1:904b597e27] en de functies [code:1:904b597e27] <SCRIPT LANGUAGE="JavaScript"> // globale variabelen zoekurl = "http://www.google.com/search?q="; zoekinv = ""; function chzoek(choice) { var item = choice.options[choice.selectedIndex].value; zoekurl = item; } function Goquery(choice) { zoekinv = choice; } function zoeken() { var naam = zoekurl+zoekinv; if (zoekinv == "") { window.alert("U dient een of meerdere zoekwoorden in te geven en op ZOEK te klikken!"); } else { mywin = window.open(zoekurl+zoekinv,"win",'toolbar=1,location=1,scrollbars=1,resizeable=1,resize=1,status=1,menubar=1,width=800,height=600'); } } </script> [/code:1:904b597e27] Als ik op ener druk komt altijd de window.alert uit de functie. En als ik netjes op de button klik gaat het wel goed. Quote Link naar reactie
anoniem Geplaatst: 9 juni 2002 Auteur Delen Geplaatst: 9 juni 2002 Nou nee, je bedoelt het niet anders, je gaf alleen niet genoeg (cq. de juiste) info. Ik kan natuurlijk niet weten dat je ook nog allerlei andere functies aanroept om variabelen te setten. ;) Anyway als je in jou code een [b:81cf5d6047]onsubmit="Goquery(this.query.value)"[/b:81cf5d6047] aan de form toevoegd zou het moeten werken. /off-topic: ik vind de constructie met de [color=darkred:81cf5d6047][i:81cf5d6047]chzoek()[/i:81cf5d6047][/color:81cf5d6047] en [color=darkred:81cf5d6047][i:81cf5d6047]Goquery()[/i:81cf5d6047][/color:81cf5d6047] functies niet geweldig en bovendien zijn ze overbodig imho. Bij het aanroepen van de zoeken functie kan je de waarden uit de form uitlezen en daar zijn geen globale vars en "onchange-functies" bij nodig. Quote Link naar reactie
Aanbevolen berichten
Om een reactie te plaatsen, moet je eerst inloggen