A Pen by Thiago Lagden.

Example-Opentip-with-Requirejs.markdown

Example Opentip with Requirejs

Simple example showing how to use Opentip with Requirejs. Obs.: with retina support

A Pen by Thiago Lagden on CodePen.

License.

index.jade

h1 Example Opentip with RequireJs
p Click on red box.
#example

script.coffee

requirejs.config
  baseUrl: "js/lib"
  paths:
    opentip: "//rawgit.com/lagden/opentip/compile/lib/opentip"
    "opentip-adapter": "//rawgit.com/lagden/opentip/compile/lib/adapter-native"

require ["tooltip"], (Tooltip) ->
  el = document.querySelector("#example")
  new Tooltip(el, "Awesome!!")
  return

define "tooltip", [
  "require"
  "opentip"
  "opentip-adapter"
], (req, Opentip, Adapter) ->
  
  # Tooltip setup
  Tooltip = (el, txt) ->
    new Opentip(el, txt,
      style: "example"
    )
    return
  "use strict"
  Opentip.styles.example =
    showOn: "click"
    tipJoint: "top"
    target: true
    fixed: true
    hideTrigger: "closeButton"

  Tooltip

style.sass

@import "compass"
#example
  background-color: red
  width: 20px
  height: 20px
  display: block
  cursor: pointer