Pijltjestoetsen om te navigeren

Status
Niet open voor verdere reacties.

swaxtraxx

Nieuwe gebruiker
Lid geworden
24 okt 2008
Berichten
2
Hallo,

Ik zou bij een pagina die in een iframe komt te staan de scrollbars willen weghalen, ik weet wel hoe ik dat moet doen, maar ik zou dan willen dat de bezoekers met de boven- en onderpijltjestoets kunnen navigeren zoals ze dat normaal met de scrollbars zouden kunnen doen.
Enig idee hoe?

MVG,
Ruben
 
Allereerst de vraag of het alleen om de verticale scroll gaat of ook de horizontale?

Je zou ook een van deze opties kunnen uitvoeren
- het iframe vergroten.
- de inhoud van het iframe beter controleren lengte en breedte.
 
Met deze code tussen de HEAD-tags zou het moeten lukken...
PHP:
    <script type="text/javascript">
      document.onkeydown=DoeDeScroll
      function DoeDeScroll(e){
        var toets=0;
        if(window.event){toets=window.event.keyCode;}else if(e){toets=e.which;}
        switch(toets){
          case 37:
            window.scrollBy(-10,0);
            break;    
          case 38:
            window.scrollBy(0,-10);
            break;
          case 39:
            window.scrollBy(10,0);
            break;
          case 40:
            window.scrollBy(0,10);
            break;
        }
      }
    </script>
 
JHx, waarvoor is dat argument "e" van DoeDeScroll eigelijk nodig?

EDIT: Ow, laat maar... Ik had beter moeten kijken ;)
 
Wel Niels, nu moet ik zeggen dat dat lang niet zo'n domme vraag is hoor ;)

Die if / else regel heb ik zelf opgezocht op het internet, en de rest heb ik er dan aan gebreid...
Ik ging er vanuit dat die if / else moest dienen om het te laten werken in alle webbrowsers, maar had dat niet getest!

Ondertussen heb ik heb ik het wel getest, met volgende code:
PHP:
    <script type="text/javascript">
      document.onkeydown=DoeDeScroll;
      function DoeDeScroll(){
        toets=window.event.keyCode;
        switch(toets){
          case 37:  //pijl naar links
            window.scrollBy(-10,0);
            break;
          case 38:  //pijl naar boven
            window.scrollBy(0,-10);
            break;
          case 39:  //pijl naar rechts
            window.scrollBy(10,0);
            break;
          case 40:  //pijl naar onder
            window.scrollBy(0,10);
            break;
        }
      }
    </script>
en dat blijkt ook te werken!
Geteste browsers: Internet Explorer 7, Firefox 3, Opera 9, Google Chrome, Safari en zelfs Netscape Navigator...
Ik begin mij dus eigenlijk ook af te vragen waar het voor moest dienen :D
 
Laatst bewerkt:
Bedankt

Sorry, ik was een tijdje weg ;).
Bedankt voor het oplossen van mijn vraag.
MVG,
Ruben
 
Status
Niet open voor verdere reacties.
Terug
Bovenaan Onderaan