Op deze website gebruiken we cookies om content en advertenties te personaliseren, om functies voor social media te bieden en om ons websiteverkeer te analyseren. Ook delen we informatie over uw gebruik van onze site met onze partners voor social media, adverteren en analyse. Deze partners kunnen deze gegevens combineren met andere informatie die u aan ze heeft verstrekt of die ze hebben verzameld op basis van uw gebruik van hun services. Meer informatie.

Akkoord

Vraag & Antwoord

Webprogrammeren & scripting

knop focus geven

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
    obot
    obot/?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
    esults/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.