[JS] Auto focus if(!form.veld.focus) - Softwareontwikkeling

dinsdag 8 maart 2005 18:56

Acties:

Topicstarter

Ik heb een aantal inputvelden en wil graag dat wanneer geen van deze velden gefocust is, 1 van deze velden een focus krijgt.

Wat kan ik doen om te controleren of een van de velden gefocust is? (veld_1 t/m veld_18)

dinsdag 8 maart 2005 20:53

Acties:

BARO

Topicstarter

Iemand?

Nog even kort mijn vraag:
Hoe kan ik controleren of er een tekstveld (input type="text") geselecteerd is?

dinsdag 8 maart 2005 21:12

Acties:

crisp

Devver

Pixelated

ongeduldig???

onfocus() wellicht?

[ Voor 3% gewijzigd door crisp op 08-03-2005 21:13 ]

Intentionally left blank

dinsdag 8 maart 2005 21:21

Acties:

BARO

Topicstarter

crisp schreef op dinsdag 08 maart 2005 @ 21:12:onfocus() wellicht?

Ik wil van 'buitenaf' (d.m.v. een functie) controleren of 1 van de velden geselecteerd is; zo niet, dan moet deze er een selecteren. Dit selecteren is het probleem niet, maar juist wanneer er geen enkel veld geselecteerd is: hoe controleer je dat?

Ik dacht aan iets als: <input type="text" name="veld_18" onBlur="controleer_of_er_een_veld_geselecteerd_is_lol()" /> en dan als functie:

code:

function controleer(){
 if ( !document.form.veld_1.focus() && !document.form.veld_2.focus() ){
  selecteer_rand_veld();
 }
}

Hierbij krijg je echter een foutmelding als het script een veld dat niet bestaat probeert te selecteren.

dinsdag 8 maart 2005 21:34

Acties:

Morrar

focus() is om het element focus te geven... niet om te controleren of het element de focus heeft... Wat je zou moeten doen is alle elementen uit de set een onfocus meegeven die in een variabele wegschrijft of welk element de focus heeft.

Als je vervolgens alle elementen een onblur meegeeft die ervoor zorgt dat een random element uit de set de focus krijgt, dan kan de focus nooit buiten de groep elementen komen (zwaaaar irritant maar goed). Enige is dan dat je onload even moet zorgen dat 1 element de focus krijgt om mee te beginnen.

Dus (niet getest, dat mag je zelf even doen):

code:

<html>
<head>
<script language="javascript">
var sFocussed = '';
function setFocus(sId) {
   sFocussed = sId;
}

function unsetFocus(sId) {
   if(sFocussed == sId) sFocussed = '';
}

//Checkt focus met een kleine vertraging zodat een evt. setFocus() eerst afgehandeld wordt
function checkFocus(iPause)
{   if(iPause) { self.setTimeout(checkFocus, 100); }
    else
    {   if(sFocussed == '')
        {   //selecteer veld
            oElem = document.getElementById("veld1");
            oElem.focus();
        }
    }
}
</script>
</head>
<body onload="document.getElementById('veld3').focus()">
<input id="veld1" type="text" onfocus="setFocus(this.id)" onblur="unsetFocus(this.id);checkFocus(1)">
<input id="veld1" type="text" onfocus="setFocus(this.id)" onblur="unsetFocus(this.id);checkFocus(1)">
<input id="veld1" type="text" onfocus="setFocus(this.id)" onblur="unsetFocus(this.id);checkFocus(1)">
<input id="veld1" type="text" onfocus="setFocus(this.id)" onblur="unsetFocus(this.id);checkFocus(1)">
</body>
</html>

[ Voor 164% gewijzigd door Morrar op 08-03-2005 22:01 ]

woensdag 9 maart 2005 07:03

Acties:

BARO

Topicstarter

Een prachtig stukje script; dat ik daar niet op ben gekomen!

Ik heb het uiteindelijk veranderd naar:

code:

  var sFocussed = '';
  function setFocus(sId) {
   sFocussed = sId;
  }

  function unsetFocus(sId) {
   sFocussed = '';
  }

  sFocussed = '1';
  function checkFocus(iPause) {
   if(iPause) {
    self.setTimeout(checkFocus, 100);
   } else{
    if(sFocussed == '') {
     oElem = document.getElementById("veld_1");
     oElem.focus();
    }
   }
  }

code:

<input type="text" name="veld_19" value="" maxlength="4" onFocus="setFocus(1); verander_bgcolor(this); leegmaken(this);" onBlur="unsetFocus(1); checkFocus(1); standaard_bgcolor(this); controleer(this)" style="width: 1px; height: 1px; background-color: #E1E8FB; color: #E1E8FB; border: #E1E8FB;" />

'

Nogmaals heel erg bedankt, Morrar! $_/-\o_$

[ Voor 11% gewijzigd door BARO op 09-03-2005 07:03 ]