[html] knop laten reageren op enter toets

[Verwijderd]

hoi, mijn vraag is:

Hoe kan ik in een pagina met verscheide forms een knop toewijzen aan de enter toets ?
net als bijvoorbeeld bij google...ik tik iets in, ros op de enter knop en hij gaat zoeken...
nu doet ie dat op de een of andere manier niet, en ik denk dat dat komt omdat er meer dan 1 form op dezelfde pagina geladen worden.
is dit dus toe te wijzen op de een of andere manier ?

thanks !

[sig69]

javascript onkeydown functie ofzo? weet de precieze term even niet meer

[Janoz]

Dit is een html probleem (neem ik aan). Die horen bij onze buren

PW -> WG

[Verwijderd]

sig69 schreef op 09 maart 2004 @ 13:25:
javascript onkeydown functie ofzo? weet de precieze term even niet meer

me neither

[Verwijderd]

Janoz schreef op 09 maart 2004 @ 13:26:
Dit is een html probleem (neem ik aan). Die horen bij onze buren

PW -> WG

HTML ??
formulieren en het verzenden daarvan is toch een onderdeel van PHP ?
whatever....

[Noork]

De layout en de werking van formulieren is een html verhaal.

Volgens mij moet je de focus even op de knop zetten.

[JeroenT]

Verwijderd schreef op 09 maart 2004 @ 13:28:
[...]


HTML ??
formulieren en het verzenden daarvan is toch een onderdeel van PHP ?
whatever....

Die knop en het formulier is anders 100% html based hoor

[sig69]

de enter toets zal je met javascript moeten afvangen, javscript is w&g

[ Voor 5% gewijzigd door sig69 op 09-03-2004 13:30 ]

[ATS]

Nee hoor, formulieren zijn gewoon HTML. Het verwerken ervan kan je eventueel met PHP doen (of met ASP, of JSP, of...)

[Verwijderd]

gewoon zo: ?

<input type=submit name=submit value=zoek focus>

[Osiris]

Verwijderd schreef op 09 maart 2004 @ 13:28:
[...]


HTML ??
formulieren en het verzenden daarvan is toch een onderdeel van PHP ?
whatever....

Dit is toch werkelijk client-side hoor en PHP is toch werkelijk server-side.. Toch maar es een tutorial erbij pakken ofzo?

[GGS_206]

Misschien met: <input type="submit" name="submit" value="submit" accesskey="enter">

Of werkt dat niet

[waik]

PHP:

onkeydown="if ((event.which && event.which == 13) || 
    (event.keyCode && event.keyCode == 13))
    {document.myForm.myHtmlInputButton.click();return false;} 
    else return true;"

zoeken op google levert veel resultaten op: http://www.google.nl/search?q=onkeydown+javascript+enter&ie=UTF-8&oe=UTF-8&hl=nl&lr=

[Verwijderd]

GGS_VR6 schreef op 09 maart 2004 @ 13:31:
Misschien met: <input type="submit" name="submit" value="submit" accesskey="enter">

Of werkt dat niet

geen error, maar echt werken doet het ook niet...
anyone else ?

dat javascipt gebeuren volg ik namelijk ook niet echt...

[ Voor 23% gewijzigd door Verwijderd op 09-03-2004 13:41 ]

[Bosmonster]

Nogal onzinnig, de submitknop van een formulier is altijd standaard als je in het betreffende formulier zit (een van de elementen focus heeft). Dit is standaard browserfunctionaliteit.

Heeft verder ook niks met PHP te maken lijkt me

[ Voor 24% gewijzigd door Bosmonster op 09-03-2004 14:22 ]

[Verwijderd]

<form action="whatever.php" method="post" name="contact">

hier komt je formulier

<input name="submit" type="submit" value="Versturen">

</form>

en dan verstuurt hij de info naar het bestand whatever.php waar de info wordt verwerkt werkt bij mij altijd

edit:


bosmonster was me ff voor dit heeft idd niet veel met php te maken en is gewoon html.

mocht dit niet werken kan je altijd ff in de bron gaan neuzen van een site waar het wel werkt.

of om het op zijn matrix te zeggen "you must go to the source"

[ Voor 45% gewijzigd door Verwijderd op 09-03-2004 14:26 ]

[Verwijderd]

Bosmonster schreef op 09 maart 2004 @ 14:21:
Nogal onzinnig, de submitknop van een formulier is altijd standaard als je in het betreffende formulier zit (een van de elementen focus heeft). Dit is standaard browserfunctionaliteit.

Heeft verder ook niks met PHP te maken lijkt me

Dit gaat dus blijkbaar niet op wanneer je zoals gezegd meerdere formulieren op 1 pagina hebt....

[Spider.007]

Kan de TS wat (relevante) code posten? Dit lijkt me niet echt op te gaan schieten anders

[Verwijderd]

Verwijderd schreef op 09 maart 2004 @ 14:23:
<form action="whatever.php" method="post" name="contact">

hier komt je formulier

<input name="submit" type="submit" value="Versturen">

</form>

en dan verstuurt hij de info naar het bestand whatever.php waar de info wordt verwerkt werkt bij mij altijd

Dat is de vraag ook niet, bij mij werkt het ook, alleen nu moet de submit knopvan een van de formulieren reageren wanneer ik op de enter toets druk...dat gebeurt dus niet...

[Bosmonster]

Verwijderd schreef op 09 maart 2004 @ 14:24:
[...]


Dit gaat dus blijkbaar niet op wanneer je zoals gezegd meerdere formulieren op 1 pagina hebt....

werkt toch prima lijkt me

[SPee]

Ja, lijkt me dat als je geen actie krijgt, je ergens een fout hebt in je html code.
Dus dat een form element niet wordt gesloten (voordat een andere form wordt geopend).

Is dus browser afhankelijk en ligt niet aan je HTML code.

[Verwijderd]

Spider.007 schreef op 09 maart 2004 @ 14:24:
Kan de TS wat (relevante) code posten? Dit lijkt me niet echt op te gaan schieten anders

Is nogal een lap code waar weinig van jullie echt duidelijkheid in zullen vinden.
de situatie is gewoon zo dat ik 1 pagina heb (systemen.php)
op die pagina heb ik verschillende formulieren geladen met
<form>
code
</form>

nu is het alleen zo dat er ook een formulier in zit met zoekbalk, dus;
<form>
<input type=textbox name=zoekbox size=40>
<input type=submit name=submit_zoeken value=zoek>
</form>

Nu moet deze submit gaan reageren op de enter toets...
het probleem zit hem echter in het feit dat er na dit formulier, nog meer formulieren volgen op de pagina...

[Verwijderd]

http://www.vwdtp.nl/~jeugdcie/test_form/contact.php

een form dat ik laatst voor mijn zeil vereniging in elkaar heb gedraait
als je op enter ramt wordt hij verstuurd dat bedoel je toch

[Verwijderd]

voor de liefhebbers:

PHP:

 //opbouw zoekbalk in html code
 echo ("
 <fieldset><legend>Zoeken</legend>
    <table border=0 width=100%><tr><td>
    
    <form action=$_SERVER[PHP_SELF] method=post name=form1>
    <input type=textbox name=zoekveld size=30><input type=submit name=submit1 value=Zoek>
    </form></td><td>
    
    <form action=$_SERVER[PHP_SELF] method=post name=form2>
                        <select name=systeem size=1>
                          <option value=selecteer>Selecteer Systeem
                          <option value=cropit>Crop-IT<option value=TIS>TIS
                          <option value=DYMOS>DYMOS
                        </select>
    <input type=submit name=submit2 value=Filter>
    </form></td>
    
    <td><form action=$_SERVER[PHP_SELF] method=post name=form3>
                        <select name=status size=1>
                          <option value=selecteer>Selecteer Status
                          <option value=actief>Actief
                          <option value=gestopt>Gestopt
                        </select>
    <input type=submit name=submit3 value=Filter>
    </form></td></tr>
    
    <tr><td>
    <form action=$_SERVER[PHP_SELF] method=post name=form5>
                        <select name=systeem_keuze size=1>
                          <option value=selecteer>Selecteer
                          <option value=cropit_algemeen>Crop-it
                          <option value=tis_algemeen>TIS
                          <option value=dymos_algemeen>DYMOS
                          </select> 
    <input type=submit name=modules_bijhouden value=\"Modules bijhouden\" $allrights>
    </form></td></tr></table>

</fieldset>");
//einde zoekbalk, begin zoekfunctie in php

[Bosmonster]

Is nogal een lap code waar weinig van jullie echt duidelijkheid in zullen vinden.

Ik ben wel heel benieuwd, want meestal is het gewoon een fout form. Wordt er ineens een form afgesloten tussen twee tr's ofzo..

edit:

bij mij werkt jouw formuliertje prima overigens... alle juiste submits krijgen focus zodra ik het formulier enter...

quotes zijn niet je sterkste punt zie ik overigens al.. zowel niet in PHP ($_SERVER['PHP_SELF']) en in html zijn quotes rond de attributen ook geen overbodige luxe

PHP:

<?php
//opbouw zoekbalk in html code 
?>
<fieldset><legend>Zoeken</legend> 
    <table border="0" width="100%"><tr><td> 
     
    <form action="<?php echo $_SERVER['PHP_SELF'] ?>" method="post" name="form1"> 
    <input type="text" name="zoekveld" size="30"><input type="submit" name="submit1" value="Zoek"> 
    </form></td><td> 
     
    <form action="<?php echo $_SERVER['PHP_SELF'] ?>"  method="post" name="form2"> 
                        <select name="systeem" size="1"> 
                          <option value="selecteer">Selecteer Systeem</option> 
                          <option value="cropit">Crop-IT<option value=TIS>TIS </option>
                          <option value="DYMOS">DYMOS </option>
                        </select> 
    <input type="submit" name="submit2" value="Filter"> 
    </form></td> 
     
    <td><form action="<?php echo $_SERVER['PHP_SELF'] ?>" method="post" name="form3"> 
                        <select name="status" size="1"> 
                          <option value="selecteer">Selecteer Status </option>
                          <option value="actief">Actief </option>
                          <option value="gestopt">Gestopt </option>
                        </select> 
    <input type="submit" name="submit3" value="Filter"> 
    </form></td></tr> 
     
    <tr><td> 
    <form action="<?php echo $_SERVER['PHP_SELF'] ?>" method="post" name="form5"> 
                        <select name="systeem_keuze" size="1"> 
                          <option value="selecteer">Selecteer </option>
                          <option value="cropit_algemeen">Crop-it  </option>
                          <option value="tis_algemeen">TIS  </option>
                          <option value="dymos_algemeen">DYMOS  </option>
                          </select> 
    <input type="submit" name="modules_bijhouden" value="Modules bijhouden" <?php echo $allrights ?>"> 
    </form></td></tr></table> 

</fieldset>
<?php 
//einde zoekbalk, begin zoekfunctie in php
?> 

Dit ziet er al 10x beter uit...

Verder is het dus input type="text" geen "textbox" en kun je options beter afsluiten

[ Voor 110% gewijzigd door Bosmonster op 09-03-2004 14:38 ]

[Verwijderd]

en DIT is het stukje waar ie op moet reageren als ik op enter ram:

PHP:

<form action=$_SERVER[PHP_SELF] method=post name=form1>
    <input type=textbox name=zoekveld size=30><input type=submit name=submit1 value=Zoek>
    </form></td><td>

[Spider.007]

Verwijderd schreef op 09 maart 2004 @ 14:31:
en DIT is het stukje waar ie op moet reageren als ik op enter ram:

PHP:

<form action=$_SERVER[PHP_SELF] method=post name=form1>
    <input type=textbox name=zoekveld size=30><input type=submit name=submit1 value=Zoek>
    </form></td><td>

Werkt perfect bij mij; welke browser gebruik je

edit:

Ken je deze constuctie:

PHP:

<?PHP
if (true){
?>
  <html>
  </html>
<?
}
?>

[ Voor 18% gewijzigd door Spider.007 op 09-03-2004 14:37 ]

[Thijsmans]

Ik kan me niet aan de indruk onttrekken dat je het het liefste aan ziet komen waaien. Ik kan je vertellen, zo werken we hier niet. Ga zelf eens op onderzoek uit.

Om een form met enter te submitten, moet je form eerst de focus hebben, dwz, je moet binnen het formulier zitten. Als dit zo is, zie je een zwarte rand om de submit heenkomen, kijk maar eens naar de quickreply onderaan deze pagina voor en nadat je in de textarea hebt geklikt.

Als je een form wil verzenden zonder dat je in het form zit, zul je inderdaad de keycode moeten afvangen. Enter is dacht ik #13. Meer daarover vind je hier.

---

edit:

Verwijderd schreef op 09 maart 2004 @ 14:31:
en DIT is het stukje waar ie op moet reageren als ik op enter ram:

PHP:

<form action=$_SERVER[PHP_SELF] method=post name=form1>
    <input type=textbox name=zoekveld size=30><input type=submit name=submit1 value=Zoek>
    </form></td><td>

Tssk. Probeer dit eens:

PHP:

echo '
 <form action="' . $_SERVER['PHP_SELF'] . '" method="post" name="form1">
  <input type="text" name="zoekveld" size="30"><input type="submit" name="submit1" value="Zoek">
 </form>';

[ Voor 33% gewijzigd door Thijsmans op 09-03-2004 14:39 ]

[Verwijderd]

Prammenhanger schreef op 09 maart 2004 @ 14:35:
Ik kan me niet aan de indruk onttrekken dat je het het liefste aan ziet komen waaien. Ik kan je vertellen, zo werken we hier niet. Ga zelf eens op onderzoek uit.

Om een form met enter te submitten, moet je form eerst de focus hebben, dwz, je moet binnen het formulier zitten. Als dit zo is, zie je een zwarte rand om de submit heenkomen, kijk maar eens naar de quickreply onderaan deze pagina voor en nadat je in de textarea hebt geklikt.

Als je een form wil verzenden zonder dat je in het form zit, zul je inderdaad de keycode moeten afvangen. Enter is dacht ik #13. Meer daarover vind je hier.

ik heb al een heel tijdje zitten zoeken, maar de vraag is...hoe focus ik dan op dat eerste stukje uit de hele code...dus op het eerste forulier...
als ik dat kleine stukje van hierboven in mijn browser prak werkt ie ook wel jah, maar dus niet in combinatie met al die andere forumuluieren op 1 pagina, zoals ik het dus op de vorige pagina heb laten zien...

[disjfa]

Ik neem aan dat alle data verzonden moet worden. Waarom maak je dan niet gewoon een formulier?

Anders zou je gewoon bij die andere bij een onsubmit dat andere formulier laten submitten. Dit is zo gevonden.

[Thijsmans]

Verwijderd schreef op 09 maart 2004 @ 14:37:
[...]


ik heb al een heel tijdje zitten zoeken, maar de vraag is...hoe focus ik dan op dat eerste stukje uit de hele code...dus op het eerste forulier...
als ik dat kleine stukje van hierboven in mijn browser prak werkt ie ook wel jah, maar dus niet in combinatie met al die andere forumuluieren op 1 pagina, zoals ik het dus op de vorige pagina heb laten zien...

** kuch kuch **

JavaScript:

document.forms[ x ].elements[ x ].focus();

code:

document.forms[ x ].submit();

Javascript kent niet voor niets het form-object...

[Verwijderd]

disjfa schreef op 09 maart 2004 @ 14:39:
Ik neem aan dat alle data verzonden moet worden. Waarom maak je dan niet gewoon een formulier?

Anders zou je gewoon bij die andere bij een onsubmit dat andere formulier laten submitten. Dit is zo gevonden.

Per forumlier moet dus juist andere data verzonden worden, anders had dat idd een betere optie geweest...

[Bosmonster]

Verwijderd schreef op 09 maart 2004 @ 14:42:
[...]


Per forumlier moet dus juist andere data verzonden worden, anders had dat idd een betere optie geweest...

Denk dat het tijd wordt voor een browser upgrade, want hier werkt je formulier dus prima zoals het hoort..

check wel ff de code die ik voor je opgeschoond heb in een post hierboven.

[ Voor 11% gewijzigd door Bosmonster op 09-03-2004 14:44 ]

[Verwijderd]

Bosmonster schreef op 09 maart 2004 @ 14:43:
[...]


Denk dat het tijd wordt voor een browser upgrade, want hier werkt je formulier dus prima zoals het hoort..

Kep IE 6.0.2800
moet werken neem ik aan..
maar ik zal me even op dat javascriptje storten, maar ik heb daar nog niet echt kaas van gegeten zeg maar...

[sig69]

Kan je niet ergens een voorbeeld online zetten? Ik kan zat formulieren in 1 pagina zetten en dat werkt allemaal perfect hier.

[Bosmonster]

Zoeken

	Selecteer Systeem Crop-ITTIS DYMOS	Selecteer Status Actief Gestopt
Selecteer Crop-it TIS DYMOS

Werkt hier prima..

[ Voor 3% gewijzigd door Bosmonster op 09-03-2004 14:50 ]

[Verwijderd]

Bosmonster schreef op 09 maart 2004 @ 14:48:

Werkt hier prima..

Nou, volgens mij niet...als je nu namelijk enter geeft, reageert ie wel, maar niet op de knop "zoeken" volgens mij, selecteer hem maar eens met tab bv, dan komt er nog een zwart randje omheen ook, en dan pas werkt ie hier ook...

[sig69]

Volgens mij is je browser kapot, zodra ik het tekstveld selecteer staat de zwarte rand om zoek er al.

[Verwijderd]

sig69 schreef op 09 maart 2004 @ 14:52:
Volgens mij is je browser kapot, zodra ik het tekstveld selecteer staat de zwarte rand om zoek er al.

zwart of blauw ?
bij mij wordt ie namelijk eerst blauw, pas wanneer ik er met tab naartoe ga, of ik klik er dus gewoon op...dan wordt ie zwart, en voert ie de juiste code uit...dit gebeurt niet wanneer ik op enter druk...

[Bosmonster]

Verwijderd schreef op 09 maart 2004 @ 14:54:
[...]


zwart of blauw ?
bij mij wordt ie namelijk eerst blauw, pas wanneer ik er met tab naartoe ga, of ik klik er dus gewoon op...dan wordt ie zwart, en voert ie de juiste code uit...dit gebeurt niet wanneer ik op enter druk...

Dan is er iets vreemds met je browser Want al een paar keer eerder gezegd, zodra je een element in een formulier focus krijgt wordt automatisch de submitknop van dat formulier default.. Dit is standaard browser-gedrag.

[sig69]

Installeer anders mozilla ofzo eens, om te kijken wat dat doet

[Verwijderd]

Bosmonster schreef op 09 maart 2004 @ 14:58:
[...]


Dan is er iets vreemds met je browser Want al een paar keer eerder gezegd, zodra je een element in een formulier focus krijgt wordt automatisch de submitknop van dat formulier default.. Dit is standaard browser-gedrag.

nah, ik zal wel teveel gezopen hebben,
kan het ook liggen aan de form names
dus dat ik per ongeluk 2x name=form1 heb bijvoorbeeld?
dat ie het daarom niet doet...

ff checken...

[Verwijderd]

Nou, dat is het dus ook niet...
ik heb welgetelt 6 formulieren op de pagina, genaamd "form1" t/m "form6"
dusz...schiet mij maar af in een kapotje..ik weet het niet meer...

[Verwijderd]

Nou, ik heb het met mozilla geprobeert...en daar werkt het idd wel gewoon.
Bij een collega echter, die ook gewoon IE heeft doet ie het ook niet....
iemand enig id waar hem dat in kan zitten ?

[Bosmonster]

Verwijderd schreef op 09 maart 2004 @ 15:29:
Nou, ik heb het met mozilla geprobeert...en daar werkt het idd wel gewoon.
Bij een collega echter, die ook gewoon IE heeft doet ie het ook niet....
iemand enig id waar hem dat in kan zitten ?

Er is een kans dat er verder iets in de opbouw van de pagina zit waardoor waardoor het gedrag wordt beinvloed?

Andere mogelijkheid is dat jullie iets aan de browser aangepast hebben. Misschien een of andere plugin/bar geinstalleerd? Of een virusscanner die ingrijpt in formulieren (er zijn er die dat doen).

Zolang we niet een complete pagina kunnen proberen waarin het probleem zich bij jou voordoet kunnen we heel moeilijk zeggen waar het aan ligt

[ Voor 11% gewijzigd door Bosmonster op 09-03-2004 16:35 ]

[sig69]

Ik heb overigens ook IE 6.0.2800etc dus daar ligt het niet aan. Aangezien de forms hier in deze draad het ook niet goed bij je doen, en mozilla wel, is er echt bij jou iets fout in je IE ofzo

[Bosmonster]

sig69 schreef op 09 maart 2004 @ 16:37:
Ik heb overigens ook IE 6.0.2800etc dus daar ligt het niet aan. Aangezien de forms hier in deze draad het ook niet goed bij je doen, en mozilla wel, is er echt bij jou iets fout in je IE ofzo

Ik kan uit zijn post niet opmaken of die de formulieren hier in het topic heeft geprobeerd of gewoon zijn eigen complete pagina...

[sig69]

Ik wel
@Bosmonster: Was zelfse een reply op je eigen post!

[ Voor 24% gewijzigd door sig69 op 09-03-2004 16:57 ]

[Bosmonster]

sig69 schreef op 09 maart 2004 @ 16:45:
Ik wel

Ah je hebt gelijk Iets wazigs inderdaad met hun IE's daar dan

[Savantas]

Ik heb t idee dat er hier enige miscommunicatie is...
Volgens mij bedoelt Raptor dat die ene zoek/submit button al actief moet zijn als je puur de pagina opent, zonder dus ergens binnen een form geklikt te hebben (of via Tab).
Volgens mij is dat gewoon niet mogelijk. Je browser weet gewoon niet welk van de formulieren eerst actief moet zijn. Dus weet ie ook niet voor welke submit-button je enter bedoeld is.
Daarnaast snap ik niet helemaal waarom je wil laten zoeken op een dus nog niet ingevuld veld. What's the use? Soort zoeken op alles ofzo?

Mi2cts

[sig69]

Als dat zo zou zijn, is ook dat heel simpel op te lossen met een klein javascriptje in de onLoad() van je pagina.

[crisp]

sig69 schreef op 10 maart 2004 @ 23:29:
Als dat zo zou zijn, is ook dat heel simpel op te lossen met een klein javascriptje in de onLoad() van je pagina.

Hoeft niet eens onload (onload is niet altijd handig voor dit soort dingen); je kan het direct onder het betreffende form al doen.