Use value from device orientation in other function

Question

I have a question about using a value I receive from the device orientation event in another function. This is what I have :

$(window).ready(function(){ 
    $("#btnShowDirection").click(showDirection);

    // Device orientation
    if (window.DeviceOrientationEvent) {
        window.addEventListener("deviceorientation", handleOrientation, false);
    } else {
        alert("Device Orientation is not available");
    }
}); // END OF DOCUMENT READY

// orientation object to save heading of the device
var orientation = {};

function handleOrientation(orientData) {
    var alpha = orientData.alpha;
    orientation.value = alpha;
}

var watchProcess = null;  
function showDirection() {
    if (navigator.geolocation) {
        if (watchProcess == null) {
            navigator.geolocation.watchPosition(geoWatchSucces,geoError);  
        }
    } else {
        alert("Geolocation is not supported!");
    }
}

function geoWatchSucces(position) {
    alert(orientation.value);
}

The alert(orientation.value); gives back undefined. How can I fix this? I want to use that variable in my watchprocess success function.

jsfiddle: http://jsfiddle.net/HJTNJ/

Niels

Answer 1

The orientation.value is set in the $(window).ready scope, that way in your geoWatchSucces function: orientation is just an empty object...