[JS] Event voor een entertoets - Softwareontwikkeling

vrijdag 26 augustus 2005 13:46

Acties:

Verwijderd

Topicstarter

Ik probeer me de volgende code een menu te maken wat door middel van de pijltjestoetsen en de entertoets te hanteren is. het omhoog en naar beneden bewegen door de menu's werkt

code:

<SCRIPT language=JavaScript>
var nrfocus = 1;

function document.onkeydown()
{
  if (window.event.keyCode==40)
  {
    nrfocus++;
    document.getElementById("link"+nrfocus).focus();
  }
  if (window.event.keyCode==38)
  {
    nrfocus--;
    document.getElementById("link"+nrfocus).focus();
  }
}
</script>
</HEAD>
<table>
  <tr><td id='link1' class='out' onfocus="this.className='over';" onblur="this.className='out';" bgcolor='#CECECE' >test</td></tr>
  <tr><td id='link2' class='out' onfocus="this.className='over';" onblur="this.className='out';" bgcolor='#CECECE' >test</td></tr>
  <tr><td id='link3' class='out' onfocus="this.className='over';" onblur="this.className='out';" bgcolor='#CECECE' >test</td></tr>
  <tr><td id='link4' class='out' onfocus="this.className='over';" onblur="this.className='out';" bgcolor='#CECECE' >test</td></tr>
  <tr><td id='link5' class='out' onfocus="this.className='over';" onblur="this.className='out';" bgcolor='#CECECE' >test</td></tr>
  <tr><td id='link6' class='out' onfocus="this.className='over';" onblur="this.className='out';" bgcolor='#CECECE' >test</td></tr>
  <tr><td id='link7' class='out' onfocus="this.className='over';" onblur="this.className='out';" bgcolor='#CECECE' ></a></td></tr>    
</table>
</BODY>

Nu wil ik wanneer je op enter drukt dat er dan een pagina geopend wordt. Welk event van javascript kan ik hiervoor gebruiken? Ik kon niets vinden waarmee ik daar voor kan zorgen.

vrijdag 26 augustus 2005 13:48

Acties:

dominic

will code for food

De keycode is 13

Download my music on SoundCloud

vrijdag 26 augustus 2005 13:50

Acties:

Verwijderd

Topicstarter

Oke, ik heb dit nu werkend in Internet Explorer
Maar hoe krijg ik het werkend in mozilla? Volgens mij pakt hij de window.event niet

code:

<SCRIPT language=JavaScript>
var nrfocus = 1;

function document.onkeydown()
{
  if (window.event.keyCode==40)
  {
  alert('test');
    nrfocus++;
    document.getElementById("link"+nrfocus).focus();
  }
  if (window.event.keyCode==38)
  {
    nrfocus--;
    document.getElementById("link"+nrfocus).focus();
  }
}

function redirect(url)
{
    if (window.event.keyCode==13)
    {
        document.location.href=url;
    }
}

</script>
</HEAD>
<body onload='nrfocus==1;'>
<table>
  <tr><td id='link1' class='out' onkeydown="redirect('http://www.test.nl');" onfocus="this.className='over';" onblur="this.className='out';" bgcolor='#CECECE' >test</td></tr>
  <tr><td id='link2' class='out' onkeydown="redirect('http://www.fok.nl');" onfocus="this.className='over';" onblur="this.className='out';" bgcolor='#CECECE' >test</td></tr>
  <tr><td id='link3' class='out' onkeydown="redirect('http://www.hotmail.com');" onfocus="this.className='over';" onblur="this.className='out';" bgcolor='#CECECE' >test</td></tr>
  <tr><td id='link4' class='out' onkeydown="redirect('http://www.nu.nl');" onfocus="this.className='over';" onblur="this.className='out';" bgcolor='#CECECE' >test</td></tr>
  <tr><td id='link5' class='out' onkeydown="redirect('http://www.nu.nl');" onfocus="this.className='over';" onblur="this.className='out';" bgcolor='#CECECE' >test</td></tr>
  <tr><td id='link6' class='out' onkeydown="redirect('http://www.hoi.nl');" onfocus="this.className='over';" onblur="this.className='out';" bgcolor='#CECECE' >test</td></tr>
  <tr><td id='link7' class='out' onkeydown="redirect('http://www.nu.nl');" onfocus="this.className='over';" onblur="this.className='out';" bgcolor='#CECECE' >test</a></td></tr>    
</table>
</BODY>
</HTML>

iemand een idee?

[ Voor 98% gewijzigd door Verwijderd op 26-08-2005 14:14 ]

vrijdag 26 augustus 2005 14:20

Acties:

Verwijderd

daar krijg je het event object als parameter mee:

code:

1
2
3

onkeydown(e) {
  alert(e.which);
}

vrijdag 26 augustus 2005 14:29

Acties:

Verwijderd

Topicstarter

hmm dat snap ik niet helemaal, waar moet ik dit invullen dan?

als parameter in de function document.onkeydown? en dan?

vrijdag 26 augustus 2005 14:37

Acties:

Verwijderd

en dan? dan ga je proberen en lees je 'm uit, de keycode kan je in het which property vinden.

Wat lukte er niet?

vrijdag 26 augustus 2005 14:45

Acties:

Verwijderd

Topicstarter

nou ik denk dat dat nu wel goed gaat. ik krijg nu alleen deze error:

Error: document.getElementById("link" + nrfocus).focus is not a function
Source File: file***************/down.html
Line: 47

vrijdag 26 augustus 2005 15:17

Acties:

Verwijderd

Topicstarter

zo te merken pakt hij de focus functie niet. Weet iemand hoe ik dit kan oplossen in mozilla?

vrijdag 26 augustus 2005 15:23

Acties:

Verwijderd

Je zou dit beter kunnen oplossen door ipv onfocus gebruik te maken van onmouseover (hover). En in je javascriptfunctie verander je dan de .focus functie door de functie die het in de juiste classname verandert.

vrijdag 26 augustus 2005 15:30

Acties:

Verwijderd

Topicstarter

Dat kan niet want het item moest gefocussed worden omdat ik wil dat wanneer je op enter drukt dat er verwezen wordt naar een website.

Ik wil met de pijltjestoetsen door m'n menu kunnen scrollen en met enter het menuitem activeren

vrijdag 26 augustus 2005 15:35

Acties:

Verwijderd

Dan hang je toch een eventhandler aan de entertoets die het actieve menuitem opzoekt en naar het adres hiervan surft?

vrijdag 26 augustus 2005 15:43

Acties:

Verwijderd

Topicstarter

ohja idd, dat ga ik ff proberen.

verder doet de onfocus het niet meer in firefox, en jij had het over een mouseover maar dat werkt ook niet als je met de pijltjestoetsen van je keyboard door de menuitems beweegt.

vrijdag 26 augustus 2005 18:53

Acties:

Verwijderd

Je leest niet goed. Wat jij in de onmouseover zet (een andere classname) kun je best vanuit je functie ook doen. Op die manier kun je dan ook door het menu bladeren met de toetsen, en met de muis.

zaterdag 27 augustus 2005 12:56

Acties:

Verwijderd

Topicstarter

ja je hebt gelijk, het is gelukt zoals je het zei.

tnx

Pagina: 1

Reageer