Vraag & Antwoord

Webprogrammeren & scripting

knop focus geven

Anoniem
Annie
3 antwoorden
  • 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]
  • 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.
  • 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.

Beantwoord deze vraag

Dit is een gearchiveerde pagina. Antwoorden is niet meer mogelijk.