<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:content="http://purl.org/rss/1.0/modules/content/"><channel><title>Menu on Outweb</title><link>https://outweb.eu/tags/menu/</link><description>Recent content in Menu on Outweb</description><image><title>Outweb</title><url>https://outweb.eu/images/seo/outweb-default-og.svg</url><link>https://outweb.eu/images/seo/outweb-default-og.svg</link></image><generator>Hugo</generator><language>fr-FR</language><lastBuildDate>Mon, 08 Aug 2011 19:21:24 +0000</lastBuildDate><atom:link href="https://outweb.eu/tags/menu/feed.xml" rel="self" type="application/rss+xml"/><item><title>Menu contextuel en JavaScript</title><link>https://outweb.eu/2011/08/08/menu-contextuel-en-javascript/</link><pubDate>Mon, 08 Aug 2011 19:21:24 +0000</pubDate><guid isPermaLink="false">https://outweb.eu/2011/08/08/menu-contextuel-en-javascript/</guid><description>&lt;p>Le plugin JQuery &lt;a href="https://swisnl.github.io/jQuery-contextMenu/">contextMenu&lt;/a> vous permet de faire des menus contextuels sur des images, du texte ou tout autre contenu. L’utilisation de contextMenu peut être utile pour permettre de partager un contenu sur les réseaux sociaux, pour gérer du contenu dynamique ou simplement pour afficher des informations à l&amp;rsquo;utilisateur.&lt;/p>
&lt;p>Voici un exemple de menu contextuel généré par le plugin :&lt;/p>
&lt;p>Pour obtenir ce genre de résultat voici comment appeler le plugin :&lt;/p>
&lt;div class="highlight">&lt;pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;">&lt;code class="language-fallback" data-lang="fallback">&lt;span style="display:flex;">&lt;span>$.contextMenu({selector: &amp;#39;#id_de_votre_objet_html&amp;#39;, items: {
&lt;/span>&lt;/span>&lt;span style="display:flex;">&lt;span> edit: {name: &amp;#34;Edit&amp;#34;, icon: &amp;#34;edit&amp;#34;, callback: $.noop},
&lt;/span>&lt;/span>&lt;span style="display:flex;">&lt;span> cut: {name: &amp;#34;Cut&amp;#34;, icon: &amp;#34;cut&amp;#34;, callback: $.noop},
&lt;/span>&lt;/span>&lt;span style="display:flex;">&lt;span> copy: {name: &amp;#34;Copy&amp;#34;, icon: &amp;#34;copy&amp;#34;, callback: $.noop},
&lt;/span>&lt;/span>&lt;span style="display:flex;">&lt;span> paste: {name: &amp;#34;Paste&amp;#34;, icon: &amp;#34;paste&amp;#34;, callback: $.noop},
&lt;/span>&lt;/span>&lt;span style="display:flex;">&lt;span> &amp;#34;delete&amp;#34;: {name: &amp;#34;Delete&amp;#34;, icon: &amp;#34;delete&amp;#34;, callback: $.noop},
&lt;/span>&lt;/span>&lt;span style="display:flex;">&lt;span> sep1: &amp;#34;---------&amp;#34;,
&lt;/span>&lt;/span>&lt;span style="display:flex;">&lt;span> quit: {name: &amp;#34;Quit&amp;#34;, icon: &amp;#34;quit&amp;#34;, callback: $.noop}
&lt;/span>&lt;/span>&lt;span style="display:flex;">&lt;span>}});
&lt;/span>&lt;/span>&lt;/code>&lt;/pre>&lt;/div>&lt;p>Comme vous pouvez le voir son utilisation est très simple.&lt;/p></description></item><item><title>Personnaliser vos menus déroulants avec DropKick</title><link>https://outweb.eu/2011/07/18/personnaliser-vos-menu-deroulant-avec-dropkick/</link><pubDate>Mon, 18 Jul 2011 10:00:01 +0000</pubDate><guid isPermaLink="false">https://outweb.eu/2011/07/18/personnaliser-vos-menu-deroulant-avec-dropkick/</guid><description>&lt;p>Vous trouvez que vos menus select sont trop simples ? Le plugin JQuery &lt;a href="http://dropkickjs.com/">DropKick&lt;/a> vous permet de faire des menus déroulants élégants sans perdre de temps à changer le css, et à travailler sur la compatibilité.&lt;/p>
&lt;p>Si les thèmes par défaut ne vous conviennent pas, vous avez la possibilité de vous faire le vôtre assez simplement.&lt;/p>
&lt;p>De tels plugins rendent plus attirants des formulaires qui d&amp;rsquo;habitude rebutent un peu les utilisateurs.&lt;/p></description></item></channel></rss>