diff --git a/README.md b/README.md index bfdbc7b..eb78287 100644 --- a/README.md +++ b/README.md @@ -1,80 +1,27 @@ -A Simple Good Looking Context Menu, for jQuery +Prova Substitutiva ============================================== -Yes, there are [loads](http://plugins.jquery.com/plugin-tags/context-menu) of context menu -plugins already. But they require a fair amount of work to make them look good. +A prova vale dez pontos. Para que seja avaliada, você precisa cumprir os seguintes requisitos: -This one is easy to use, small, and looks good. + 1. Faça o fork do projeto e abra um pull request com o título, sendo o seu nome, turma e tia. + 2. Cada um dos itens avaliados deve estar em um commit separado que contém no comentário o número do item. -Demo ----- +Caso você não cumpra o item 1, sua nota será zero. Somente + os itens enumerados no commit serão corrigidos. Caso não esteja + em um commit separado, a nota do item será zero. -* http://joewalnes.github.com/jquery-simple-context-menu/example.html +Você pode consultar a internet, mas não pode consultar o colega. +Em caso de cola, sua nota será zero. -Features --------- +Não serão considerados commits feito fora do horário de prova. -* Tiny library. Only dependency is jQuery. -* Simple API. -* Looks good out of the box, with no additional tweaking. -* Designed to look and behave like a standard Windows context menu. -* There's so little code, it should be easy to add your own custom features. +Sào cinco modificações, cada uma valendo dois pontos. +Você deve modificar o arquivo example.html da seguinte forma: -The menu looks like this: +1. Alterar a cor de fundo para cinza +2. Traduzir o texto do menu e da página +3. Mover o código jquery para um arquivo externo +4. Fazer com que ao clicar o primeiro item do menu, navegar para home do Mackenzie +5. Colocar uma imagem dentro do quadro pontilhado -![Screenshot](https://github.com/joewalnes/jquery-simple-context-menu/raw/master/demo/screenshot.png) - - -Installation ------------- - -Include the files `jquery.contextmenu.css` and `jquery.contextmenu.js` in your page ``. You also need jQuery. It is recommended that you use the [HTML 5 DOCTYPE](http://ejohn.org/blog/html5-doctype/) to ensure rendering consistency. - - - - - - - - ... rest of your stuff ... - -You can get the files from here: - -* -* - -Usage ------ - -The plugin introduces a `contextPopup()` method to the jQuery object. - -Assuming you have an element that you'd like to bind a context menu to: - -
hello
- -You can wire up a context menu like this: - - $('#mythingy').contextPopup({ - title: 'My Popup Menu', - items: [ - {label:'Some Item', icon:'icons/shopping-basket.png', action:function() { alert('clicked 1') } }, - {label:'Another Thing', icon:'icons/receipt-text.png', action:function() { alert('clicked 2') } }, - null, /* null can be used to add a separator to the menu items */ - {label:'Blah Blah', icon:'icons/book-open-list.png', action:function() { alert('clicked 3') }, isEnabled:function() { return false; } }, - ]}); - -The 'isEnabled' function is optional. By default all items are enabled. - -Icons ------ - -The icons should be 16x16 pixels. I recommend the [Fugue icon set](http://p.yusukekamiyamane.com/) (shadowless). - - -kthxbye - --[joe](http://joewalnes.com) - - -[![Bitdeli Badge](https://d2weczhvl823v0.cloudfront.net/joewalnes/jquery-simple-context-menu/trend.png)](https://bitdeli.com/free "Bitdeli Badge") diff --git a/demo/example.html b/demo/example.html index 6bdac65..c52d169 100644 --- a/demo/example.html +++ b/demo/example.html @@ -3,33 +3,16 @@ + - - +
- right click in this box to show custom context menu + Clique com o botão direito nesta caixa para mostrar o menu de contexto personalizado
- right click out of the box to show the standard browser menu (if you're trying to view-source, right click here) + +Clique com o botão direito fora da caixa para mostrar o menu padrão do navegador (se você estiver tentando exibir-fonte, clique direito aqui) diff --git a/jquery.contextmenu.css b/jquery.contextmenu.css index 348731c..1874a26 100644 --- a/jquery.contextmenu.css +++ b/jquery.contextmenu.css @@ -99,3 +99,9 @@ z-index: 0; } +#mythingy{ + background-image:url(../og_image.png); + height:500px; + width:500px; + +} \ No newline at end of file diff --git a/menu.js b/menu.js new file mode 100644 index 0000000..35d915c --- /dev/null +++ b/menu.js @@ -0,0 +1,17 @@ +$(function() { + $('#mythingy').contextPopup({ + title: 'Meu Menu Popup', + items: [ + {label:'Algum Item', icon:'icons/shopping-basket.png', action:function() { window.open("http://mackenzie.br"); } }, + {label:'Outra Coisa', icon:'icons/receipt-text.png', action:function() { alert('clicked 2') } }, + {label:'Blá Blá', icon:'icons/book-open-list.png', action:function() { alert('clicked 3') } }, + null, // divider + {label:'Ovelha', icon:'icons/application-monitor.png', action:function() { alert('clicked 4') } }, + {label:'Queijo', icon:'icons/bin-metal.png', action:function() { alert('clicked 5') } }, + {label:'Bacon', icon:'icons/magnifier-zoom-actual-equal.png', action:function() { alert('clicked 6') } }, + null, // divider + {label:'Em Diante', icon:'icons/application-table.png', action:function() { alert('clicked 7') } }, + {label:'Vibra', icon:'icons/cassette.png', action:function() { alert('clicked 8') } } + ] + }); + }); \ No newline at end of file diff --git a/og_image.png b/og_image.png new file mode 100644 index 0000000..b49e035 Binary files /dev/null and b/og_image.png differ