Cursor automatisch in textbox - Softwareontwikkeling

zondag 10 juli 2005 19:07

Acties:

Verwijderd

Topicstarter

Hallo mensen,

Ik wil graag dat de cursor bij het laden van de pagina automatisch in de textbox staat. Is dit mogelijk met javascript / html?
De code is:

code:

 <HTML>
<head>
<title>Vragenbak</title>
</head>
<body>

<div align="center">
  <center>
  <table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="539" id="AutoNumber1" height="519">
    <tr>
      <td align="center">

<div id="Vraag" style="width: 213; height: 19">
  <p align="center">Vraag</div>

      <p align="center">

<input type="text" value="hier uw antwoord" name="Antwoord" size="20">

<input type=submit value="ok" OnClick="StelVraag();">

<script>

   var ActueleVraag = -1;
   var AantalGoed = 0;
   var AantalFout = 0;
   
   var Vragen = new Array (
    Array('Mooi', 'Schon'),
    Array('Goed', 'gut'),
    Array('Slecht', 'slecht')
    
    
   );


   function StelVraag() {
          
     if(ActueleVraag >= 0) {
        if(Antwoord.value == Vragen[ActueleVraag][1]) {
           alert('ok');
           AantalGoed++;
        } else {
           alert('fout');
           AantalFout++;
        }
      }

      ActueleVraag++;
      if(ActueleVraag < Vragen.length) {          
        Antwoord.value  = '';
        Vraag.innerHTML     = Vragen[ActueleVraag][0];
      } else {
        alert('Aantal goed '+AantalGoed+'. Aantal fout '+AantalFout);
      }

   }

   StelVraag();

</script>


      </button>


      </p>
      <p>&nbsp;</td>
    </tr>
  </table>
  </center>
</div>


</body>
</HTML>

zondag 10 juli 2005 19:08

Acties:

Verwijderd

Als je bij zo'n vraag niet even aan Google denkt, dan vraag ik me af waar je mee bezig bent.

[ Voor 13% gewijzigd door Verwijderd op 10-07-2005 19:09 ]

zondag 10 juli 2005 19:10

Acties:

Verwijderd

Topicstarter

Google heb ik wel naar gekeken, maar daar is gebruik gemaakt van Form tags, en als ik die gebruik in de code dan werkt m'n javascript niet meer.

[ Voor 5% gewijzigd door Verwijderd op 10-07-2005 19:11 ]

zondag 10 juli 2005 19:14

Acties:

Megamind

Hij bedoelt dat je met google moet zoeken, niet in de bron kijken. Zoek eens op de focus() functie

</button>

[ Voor 8% gewijzigd door Megamind op 10-07-2005 19:15 ]

zondag 10 juli 2005 19:16

Acties:

GambitRS

w00t

HTML:

<form>
<input type="text" value="hier uw antwoord" name="Antwoord" size="20">
<input type=submit value="ok" OnClick="StelVraag();">
</form>
<javascript hier>

Op deze manier zou het anders gewoon moeten werken.

En waarom gebruik je </button>? Ik kan geen <button> oid vinden en is dat wel echte HTML?

[ Voor 35% gewijzigd door GambitRS op 10-07-2005 19:17 ]

MechWarrior || Monsters Game

zondag 10 juli 2005 19:17

Acties:

Verwijderd

Megamind schreef op zondag 10 juli 2005 @ 19:14:
Hij bedoelt dat je met google moet zoeken, niet in de bron kijken. Zoek eens op de focus() functie

Ik bedoelde eigenlijk wel de source code van Google. Daaruit kun je prima opmaken dat die focus methode wordt aangeroepen.

En dat het bij de TS niet zou werken omdat Google form tags gebruikt is natuurlijk een ander probleem. En dat probleem heet gebrek aan ervaring, inzicht en/of eigen initiatief.

zondag 10 juli 2005 19:26

Acties:

Verwijderd

Topicstarter

Als ik er een Form tags bij in zet dan gaat hij niet verder met het volgende woord nadat ik op enter heb gedrukt, zoals op www.qpers.nl/woorden/woorden.htm te zien is. Weet iemand hoe dit komt?

zondag 10 juli 2005 19:39

Acties:

GambitRS

w00t

grappig dat als je geen form tags gebruikt de input controls blijven werken en zo geen nieuwe pagina hoeft in te laden. Maar waarom die </button>?

MechWarrior || Monsters Game

zondag 10 juli 2005 19:45

Acties:

Verwijderd

Topicstarter

ja waar of die /button vandaan komt snap ik zelf eigenlijk ook nog niet

Ik heb hem er niet zelf ingetypt. Ik heb de pagina wel via frontpage geupload naar de server, dus misschien dat frontpage zoiets erin kan zetten???

Maargoed, weet iemand antwoord op mijn vraag waarom het javascript niet werkt als ik formtags gebruik ? Wat mij wel opvalt is dat je alle woorden die in de array staan heel snel langs ziet komen.(www.qpers.nl/woorden/woorden.htm) Op deze link is te zien dat hij het zonder Form tags wel doet: www.qpers.nl/woorden/woorden2.htm

[ Voor 14% gewijzigd door Verwijderd op 10-07-2005 20:20 ]

zondag 10 juli 2005 21:13

Acties:

Verwijderd

Verwijderd schreef op zondag 10 juli 2005 @ 19:45:
Maargoed, weet iemand antwoord op mijn vraag waarom het javascript niet werkt als ik formtags gebruik ? Wat mij wel opvalt is dat je alle woorden die in de array staan heel snel langs ziet komen

code:

1	<body onLoad="document.test.Antwoord.focus();">

Werkt bij mij gewoon... of heb ik verkeerd begrepen wat de bedoeling was?

Dat de woorden nogal snel voorbij schieten is niet zo vreemd aangezien je niks van een timer ertussen hebt zitten, het volgt elkaar gewoon allemaal op zonder onderbreking.

edit:
Ik zou overigens ook na het alerten weer laten focussen op de textbox

[ Voor 11% gewijzigd door Verwijderd op 10-07-2005 21:15 ]

zondag 10 juli 2005 21:43

Acties:

Verwijderd

Topicstarter

Ja ik heb het nu inderdaad werkend gekregen om de cursor in het tekstvak te laten beginnen. i.p.v. <input type=submit> heb ik <button .....> gebruikt. Het probleem is nu echter dat als ik nu een enter geef (als ik op de button klik doet hij het wel goed) de textbox gewoon weer leeggemaakt word en hij het script niet uitvoert.

Kan ik die document.test.Antwoord.focus(); trouwens ook in het javascript verwerken zodat er bij elk nieuw woord de cursor in het tekstvak word gezet?

www.qpers.nl/woorden/woorden2.htm

[ Voor 7% gewijzigd door Verwijderd op 10-07-2005 21:44 ]

zondag 10 juli 2005 22:01

Acties:

Verwijderd

Verwijderd schreef op zondag 10 juli 2005 @ 21:43:
Ja ik heb het nu inderdaad werkend gekregen om de cursor in het tekstvak te laten beginnen. i.p.v. <input type=submit> heb ik <button .....> gebruikt. Het probleem is nu echter dat als ik nu een enter geef (als ik op de button klik doet hij het wel goed) de textbox gewoon weer leeggemaakt word en hij het script niet uitvoert.

Kan ik die document.test.Antwoord.focus(); trouwens ook in het javascript verwerken zodat er bij elk nieuw woord de cursor in het tekstvak word gezet?

www.qpers.nl/woorden/woorden2.htm

Het is dat ik een goed humeur heb

code:

1	<form name="test" action="#" onsubmit="StelVraag(); return false;">

moet de button dus wel weer een submitje worden

Wat de tweede vraag betreft, gewoon laten focussen na elke alert natuurlijk? Had je zelf ook wel kunnen bendeken he

[ Voor 25% gewijzigd door Verwijderd op 10-07-2005 22:05 ]

zondag 10 juli 2005 22:04

Acties:

BtM909

Watch out Guys...

Voor de mensen die niet zo goed kunnen zoeken

http://www.w3.org/TR/REC-html40/interact/forms.html#h-17.5

17.5 The BUTTON element

Ace of Base vs Charli XCX - All That She Boom Claps (RMT) | Clean Bandit vs Galantis - I'd Rather Be You (RMT)
You've moved up on my notch-list. You have 1 notch
I have a black belt in Kung Flu.

zondag 10 juli 2005 22:13

Acties:

Verwijderd

Topicstarter

Ja nu doet ie het helemaal!!!!!

Bedankt voor de hulp Script Freak $_/-\o_$

zondag 10 juli 2005 22:22

Acties:

Verwijderd

Verwijderd schreef op zondag 10 juli 2005 @ 22:13:
Ja nu doet ie het helemaal!!!!!

Bedankt voor de hulp Script Freak $_/-\o_$

Graag gedaan

het probleem kwam overigens doordat hij in een textbox een enter ziet als een submit. De oplossing is dus om te zorgen dat hij bij een submit niks spannends doet

d.m.v. return false.