Click here to Skip to main content
15,923,789 members
Please Sign up or sign in to vote.
0.00/5 (No votes)
See more:
I some Javascript code that does not to fully work in IE. Its suppose to fill in an interactive image with highlights. It works fine in Chrome and better in Firefox. It appears the style.fill = "#somecolor" lines are not working (supposed??) in IE.

C#
$(document).ready(function() {

    //
    R = Raphael("stateMap", 700, 475);
    tooltip = new Tooltip();
    for ( var stateCode in usMap) {
        var sObj = usMap[stateCode];
        Rstates[stateCode] = R.path(sObj.path).attr(Rattr);
        if (!!sObj.properties) {
            Rstates[stateCode][0]._zoom = sObj.zoom;
            Rstates[stateCode][0]._title = sObj.title;
            Rstates[stateCode][0]._lat = sObj.lat;
            Rstates[stateCode][0]._lng = sObj.lng;
            Rstates[stateCode][0].style.fill = "#d3d3d3"; // init medium grey overlay
            Rstates[stateCode][0].style.cursor = "pointer";
            Rstates[stateCode][0].onmouseover = function(event){
                this.rel = this.style.fill;
                this.style.fill = "#68973a"; //fill with green
                tooltip.awake(this._title,event);
            };
            Rstates[stateCode][0].onmousemove = function(event) {
                tooltip.move(event);
            };
            Rstates[stateCode][0].onmouseout = function(){
            this.style.fill = "#d3d3d3"; // mouse out color back to medium grey
                tooltip.sleep();
            };
            Rstates[stateCode][0].onmousedown = function() {
                selectedState = this;
                map.setCenter(new google.maps.LatLng(this._lat,this._lng));
                map.setZoom(this._zoom);
                $('#stateMap').fadeOut();
                var n = $('<a>').attr({href:'#'}).html("United States").click(resetNationMap);
                var s = $('<a>').attr({href:'#'}).html(this._title).click(resetStateMap);

                $('#viewStateMap').html(n).append(' &raquo; ').append(s).fadeIn();
            }
        }
    }
});


is there a work around to get the lines like below to work?
this.style.fill = "#68973a";


Thanks

Eric
Posted
Comments
Denno.Secqtinstien 22-Nov-11 1:37am    
do you have disabled your javascript in IE .. check

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)



CodeProject, 20 Bay Street, 11th Floor Toronto, Ontario, Canada M5J 2N8 +1 (416) 849-8900