マウスで画像に点を加える

    
    
    
    


    

        

            

                

                    

                        X:
                        
                        Y:
                        
                        
                             
                             
                             
                        
                        
                        
                    
                
                

                    

                        
                    
                
            
        
    


    function deletePoint()
    {
        $("#divShowScreen div").last().remove();
    }
    function createMarker(x, y) {
        var div = $("<div id='div'></div>");
        div.addClass('marker');
        var pointColor = $("input[type='radio']:checked").val();
        div.css("background", pointColor);
        div.css("left", x + 'px');
        div.css("top", y + 'px');
        $("#divShowScreen").append(div);
        //       

        $("#txtPointX").val(x);
        $("#txtPointY").val(y);
    }

    $("#divShowScreen").click(function (e) {
        e = e || window.event;
        var x = e.offsetX || e.layerX, y = e.offsetY || e.layerY;
        createMarker(x, y);
    }
)