archive-com.com » COM » C » CRAIGSWORKS.COM

Total: 2

Choose link from "Titles, links and description words view":

Or switch to "Titles and links view".
  • Portfolio of Craig Michael Thompson - a Front-end Web Developer / Consultant
    js jQuery jQuery UI RequireJS Bootstrap Durandal Knockout Aurelia Vue Backbone Marionette Raphael D3 HTML5 APIs Google APIs Markup Styling HTML5 CSS3 LESS JSON SVG XML Jade Markdown Handlebars Mustache Bootstrap FontAwesome Foundation Development Build tools Grunt Gulp Brunch io Webpack NPM Bower JSPM Karma QUnit Git SVN TFS MySQL MongoDB Redis Apache IIS Selenium Languages Software CoffeeScript TypeScript WebGL Photoshop Illustrator OpenLayers PHP Python C Plugins JavaScript qTip 2 Pretty Powerful Tooltips qTip 2 is the second generation of the advanced qTip plugin for the ever popular jQuery framework Website GitHub ui draggable exclusive jQuery UI Adds exclusivity support to jQuery UI s draggable component ensuring only one droppable has its drop event fired Website GitHub gulp watch less Gulp plugin A gulp plugin which watches less files and their imports using the gulp watch endless stream task NPM GitHub aurelia jade viewstrategy Aurelia Addon An addon to the Aurelia platform allowing you to utilise Jade files for your views easily via SystemJS loader plugins GitHub less inheritance Utilities for LESS imports Provides utility methods for determining a given LESS file s associated imports or all files which import another LESS file NPM GitHub Simpletip Simple jQuery tooltips Simpletip

    Original URL path: http://craigsworks.com/ (2016-02-13)
    Open archived version from archive


  • Simpletip - A simple jQuery tooltip plugin
    of jQuery s selectors and event management The tooltips can be static dynamic or even loaded through AJAX with a variety of different visual effects Configuration There are many other ways of using this tool than the demos provided here It is important to realize that any element can have a simpletip assigned to it Simpletip is always styled and instantiated with following JavaScript code Selects one or more elements to assign a simpletip to JQUERY SELECTOR simpletip Configuration properties content My Simpletip fixed false CSS rules Default tooltip class name tooltip tooltip position absolute top 0 left 0 z index 3 display none The tooltip must be absolutely positioned for the positioning to work correctly If you are having problems with tooltips not showing or being positioned correctly this is most likely the cause of it Configuration properties Name Description Possible values Default value content The HTML content which will appear inside the tooltip Valid HTML A simple tooltip persistent If set to true the tooltip will activate onclick rather than the default onhover behaviour true or false false focus For use with the persistent config option If set to true the tooltip will stay active on screen until the document is clicked elsewhere If false tooltip will also close when clicked true or false false hidden If set to false the tooltip will be shown immediately when created Works well with persistent true or false true position Determines how the tooltip is positioned relative to the element it is shown on An array of x y can be used set an absolute position Encapsulating them in a string e g 0 0 causes the positioning to be done relative to the top left corner of the root element An HTML element can also be passed as an argument and it s current position assumed by the tooltip default top bottom left right absolute x y relative x y mixed x y x y HTML element default offset Array of x y by which to offset the tooltips position relative to that calculated by the position property Array of any 2 integers 0 0 boundryCheck If true positioning will take into account window height and width to ensure tooltip does not scroll off page e g is always visible NOTE Set this to false if your experiencing jittering on non fixed tooltips true or false true fixed If set to false the tooltip moves with mouse as long as mouse is hovered over the root element true or false true showEffect Type of show effect to use fade slide none fade hideEffect Type of hide effect to use fade slide none fade showTime Time in milliseconds for showEffect effect Positive integer 150 hideTime Time in milliseconds for hideEffect effect Positive integer 150 showCustom Used along with the showEffect custom property Custom method called when tooltip is shown Defined method null hideCustom Used along with the hideEffect custom property Custom method called when tooltip is hidden Defined method null baseClass

    Original URL path: http://craigsworks.com/projects/simpletip/ (2016-02-13)
    Open archived version from archive



  •