Archief - HTML/JS: bewegende <DIV>

Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.

SavaB

Legacy Member
Ik zou graag een div laten bewegen door middel van m'n toetsenbord in Mozilla Firefox. Ik heb duizend-en-één oplossingen gevonden voor IE, maar dat is dus net niet wat ik hebben wil.

dit is wat ik al heb in js:

Code:
var Vhorizontal = 100;
var Vvertical = 100;




            function fo(ds,dj)
                {
                    var eb,am,x;
                    if(!dj)dj=document;
                    if((eb=ds.indexOf("?"))>0&&parent.frames.length)
                        {
                            dj=parent.frames[ds.substring(eb+1)].document;
                            ds=ds.substring(0,eb);
                        }
                    if(!(x=dj[ds])&&dj.all)x=dj.all[ds];
                    for(am=0; !x&&am<dj.forms.length; am++)x=dj.forms[am][ds];
                    for(am=0; !x&&dj.layers&&am<dj.layers.length; am++)x=fo(ds,dj.layers[am].document);
                    if(!x&&dj.getElementById)x=dj.getElementById(ds);
                    return x;
                }
        
        
        
        
            function MoveMan()
                {    
                var direction =event.keyCode
                switch(direction)
                    {
                    case 39:
                        GoRight();
                        break;
                    case 38:
                        GoUp();
                        break;
                    case 37:
                        GoLeft();
                        break;
                    case 40:
                        GoDown();
                        break;
                    default:
                        break;
                    }
                }

            function GoLeft()
                {
                    var a = fo('man').style;
                    Vhorizontal = Vhorizontal - 10;
                    a.left = Vhorizontal+'px';

                }
                
            
            function GoDown()
                {
                    var a = fo('man').style;
                    Vvertical = Vvertical + 10;
                    a.top = Vvertical+'px';
                }
                
            
            function GoRight()
                {
                    var a = fo('man').style;
                    Vhorizontal = Vhorizontal + 10;
                    a.left = Vhorizontal+'px';
                }
                
            
            function GoUp()
                {
                    var a = fo('man').style;
                    Vvertical = Vvertical - 10;
                    a.top = Vvertical+'px';
                }

nu zou ik dus die functie moveman moeten hangen aan de body met een onkeydown denk ik, maar dat werkt dus niet.
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
Terug
Bovenaan