Jquery - Context menu - rightclick
I use a plugin for jquery - ContextMenu. - 
http://abeautifulsite.net/blog/2008/09/jquery-context-menu-plugin/

I have a div in the center of the page. I have the background-image in the points. I need it to only using jquery rightclick on the background-image. If you click on the background-image, so I want to display the ContextMenu. If you click the div with id divPage, nothing Happens.

Thanks for the advice or Possibly another solution.

**HTML**

    <body>
    <form id="formBackground" method="post">

        <div id="divPage">
    Text.
        </div>
    </form>
</body>

**CSS**

    body, html {
    height: 100%;
    }
    
    body{
    padding: 0px;
    margin: 0px;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    color: white;
    background-image: url('../images/backgrounds/bg.jpg');
    background-repeat:no-repeat;
    background-position:top;
    }
    
    div#divPage{
    width: 800px;
    height: 300px;
    margin: auto;
    }

**JS**

    $('body').bind('mousedown', function (evt) {
                    
                    switch (evt.which) {       
                case 3:
                if(evt.target == $('body')[0]) {
                    //Show context menu
                }
                break;
        }                
                    
                });
Jquery - Context menu - rightclick
===

I use a plugin for jquery - ContextMenu. - 
http://abeautifulsite.net/blog/2008/09/jquery-context-menu-plugin/

I have a div in the center of the page. I have the background-image in the points. I need it to only using jquery rightclick on the background-image. If you click on the background-image, so I want to display the ContextMenu. If you click the div with id divPage, nothing Happens.

Thanks for the advice or Possibly another solution.

**HTML**

    <body>
    <form id="formBackground" method="post">

        <div id="divPage">
    Text.
        </div>
    </form>
</body>

**CSS**

    body, html {
    height: 100%;
    }
    
    body{
    padding: 0px;
    margin: 0px;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    color: white;
    background-image: url('../images/backgrounds/bg.jpg');
    background-repeat:no-repeat;
    background-position:top;
    }
    
    div#divPage{
    width: 800px;
    height: 300px;
    margin: auto;
    }

**JS**

    $('body').bind('mousedown', function (evt) {
                    
                    switch (evt.which) {       
                case 3:
                if(evt.target == $('body')[0]) {
                    //Show context menu
                }
                break;
        }                
                    
                });