ContextJS is a lightweight solution for contextual menus. Currently, there are two versions.
The first is to be used withTwitters Bootstrap (bootstrap.css specifically). If you do not use or want to use bootstrap.css, there is a standalone stylesheet to give the menu it's base styles.
-
-
Features
-
-
-
Linted: Valid JS
-
Can be used with or without Twitters Bootstrap.css
-
Event Based Links
-
Anchor Links
-
Headers
-
Dividers
-
Recursive Menus (infinite depth)
-
Vertical Space Detection (turns into a "dropup")
-
Horizontal Space Detection (Drops to the left instead of right)
The speed in which the context menu fades in (in milliseconds)
-
-
-
filter
-
function
-
null
-
Function that each finished list element will pass through for extra modification.
-
-
-
above
-
string || boolean
-
'auto'
-
If set to 'auto', menu will appear as a "dropup" if there is not enough room below it. Settings to true will make the menu a "popup" by default.
-
-
-
preventDoubleContext
-
boolean
-
true
-
If set to true, browser-based context menus will not work on contextjs menus.
-
-
-
compress
-
boolean
-
false
-
If set to true, context menus will have less padding, making them (hopefully) more unobtrusive
-
-
-
-
-
Updating Settings
-
context.settings({initSettings});
-
-
-
-
-
Paramater
-
Type
-
Default
-
Description
-
-
-
-
-
settings
-
object
-
null
-
The init settings can be placed in here to update context menus written to the DOM. Changing settings between attaching menus will give the menus their own options.
-
-
-
-
-
Attaching
-
context.attach('#download', [menuObjects]);
-
-
-
-
-
Paramater
-
Type
-
Default
-
Description
-
-
-
-
-
selector
-
string
-
null
-
The jQuery (or css) selector of the element you want to apply the context menu to
-
-
-
menuObjects
-
array
-
null
-
An array of objects that define the menus structure
-
-
-
-
-
-
Destroying
-
context.destroy('#download');
-
-
-
-
-
Paramater
-
Type
-
Default
-
Description
-
-
-
-
-
selector
-
string
-
null
-
The jQuery (or css) selector of the element you want to remove the context menu from
Added an optional standalone CSS file for use without bootstrap
-
Added preventDoubleContext parameter in the init function
-
Added target parameter to links
-
Fixed event bubbling (multi-level dropdowns in the DOM)
-
-
-
Version 2.1
-
-
Added settings function
-
Added compressed code & styles
-
Cleaned up context.js code
-
-
-
Version 2.1.1
-
-
Fixed multiple menus becoming visible
-
Refined Support for IE7 & IE8
-
-
-
Notes
-
-
Stray trailing commas are disliked by IE. Make sure when creating your menu, you take that into account, elsewise, you will get the SCRIPT5007: Unable to get value of the property error.
\ No newline at end of file
diff --git a/css/ContextJS_files/btn_donateCC_LG.gif b/css/ContextJS_files/btn_donateCC_LG.gif
deleted file mode 100644
index 4700ced..0000000
Binary files a/css/ContextJS_files/btn_donateCC_LG.gif and /dev/null differ
diff --git a/css/ContextJS_files/code.js b/css/ContextJS_files/code.js
deleted file mode 100644
index 37a1284..0000000
--- a/css/ContextJS_files/code.js
+++ /dev/null
@@ -1,36 +0,0 @@
-/*
- * Code.js
- * Copyright Jacob Kelley
- * MIT License
- *
- * Seems like you've stumbled on my code.js
- * Feel free to copy this code if you want.
- *
- * Adds a link which when clicked, shows a dropdown
- * list of anything you want. Script writes anchor
- * to the DOM for ease of use. Link hover color
- * defined in data-color. ID of codejs is req
- * for color to work. Update your own code.js
- * script to globally update your code list on your
- * sites.
- *
- * scriptsDropup.create has 3 param
- * 1. InnerHTML of link, 2. Array of arrays[Link innerHTML, href], 3. color
- *
- * Usage
- *
- *
- *
- */
-
-var scriptsDropup=scriptsDropup||(function(){function appendStyles(a){var b=a.dataset['hovercolor']?a.dataset['hovercolor']:'#08C',css='#scripts{position:relative;z-index:9999;}.scripts-list{text-align:left;min-width:160px;margin:0;padding:0;display:none;position:absolute;top:0px;left:105%;list-style-type:none;border:1px solid rgba(0,0,0,0.2);background:#fefefe;padding-top:5px;padding-bottom:5px;-webkit-box-shadow:0 5px 10px rgba(0,0,0,0.2);-moz-box-shadow:0 5px 10px rgba(0,0,0,0.2);box-shadow:0 5px 10px rgba(0,0,0,0.2);}.scripts-list a{text-shadow:none;font-family:HelveticaNeue-Light, "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;text-decoration:none;display:block;clear:both;font-weight:normal;line-height:20px;color:#333;white-space:nowrap;padding:3px 20px;}.scripts-list a:hover{background:'+b+';}',head=document.getElementsByTagName('head')[0],style=document.createElement('style');style.type='text/css';if(style.styleSheet){style.styleSheet.cssText=css}else{style.appendChild(document.createTextNode(css))}head.appendChild(style)}function toggleList(e){e.stopPropagation();var l=document.getElementById('scripts-list');if(l.style.display=="block"){l.style.display="none"}else{l.style.display="block"}}function buildMenu(a,b){var i,data='',ul=document.createElement('ul');ul.className="scripts-list";ul.id='scripts-list';for(i in b){data+='
Cras justo odio, dapibus ac facilisis in, egestas eget quam. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.