adapter.jquery.coffee | |
|---|---|
jQuery Opentip Adapter2 | 3 |Uses jQuery | |
| Because $ is my favorite character | (($) -> |
| Augment jQuery | $.fn.opentip = (content, title, options) ->
4 | new Opentip this, content, title, options |
| And now the class | class Adapter
5 |
6 | name: "jquery" |
| Simply using $.domReady | domReady: (callback) -> $ callback |
DOM | |
| Using bonzo to create html | create: (html) -> $ html |
Element handling | |
| Wraps the element in ender | wrap: (element) ->
7 | element = $ element
8 | throw new Error "Multiple elements provided." if element.length > 1
9 | element |
| Returns the unwrapped element | unwrap: (element) -> $(element)[0] |
| Returns the tag name of the element | tagName: (element) -> @unwrap(element).tagName |
| Returns or sets the given attribute of element 10 | 11 |It's important not to simply forward name and value because the value 12 | is set whether or not the value argument is present | attr: (element, args...) -> $(element).attr args... |
| Returns or sets the given data of element 13 | It's important not to simply forward name and value because the value 14 | is set whether or not the value argument is present | data: (element, args...) -> $(element).data args... |
| Finds elements by selector | find: (element, selector) -> $(element).find selector |
| Finds all elements by selector | findAll: -> @find.apply @, arguments |
| Updates the content of the element | update: (element, content, escape) ->
15 | element = $ element
16 | if escape
17 | element.text content
18 | else
19 | element.html content |
| Appends given child to element | append: (element, child) -> $(element).append child |
| Add a class | addClass: (element, className) -> $(element).addClass className |
| Remove a class | removeClass: (element, className) -> $(element).removeClass className |
| Set given css properties | css: (element, properties) -> $(element).css properties |
| Returns an object with given dimensions | dimensions: (element) ->
20 | {
21 | width: $(element).outerWidth()
22 | height: $(element).outerHeight()
23 | } |
| Returns the scroll offsets of current document | scrollOffset: ->
24 | [
25 | window.pageXOffset or document.documentElement.scrollLeft or document.body.scrollLeft
26 | window.pageYOffset or document.documentElement.scrollTop or document.body.scrollTop
27 | ] |
| Returns the dimensions of the viewport (currently visible browser area) | viewportDimensions: ->
28 | {
29 | width: document.documentElement.clientWidth
30 | height: document.documentElement.clientHeight
31 | } |
| Returns an object with x and y | mousePosition: (e) ->
32 | return null unless e?
33 | x: e.pageX, y: e.pageY |
| Returns the offset of the element | offset: (element) ->
34 | offset = $(element).offset()
35 | {
36 | left: offset.left
37 | top: offset.top
38 | } |
| Observe given eventName | observe: (element, eventName, observer) -> $(element).bind eventName, observer |
| Stop observing event | stopObserving: (element, eventName, observer) -> $(element).unbind eventName, observer |
| Perform an AJAX request and call the appropriate callbacks. | ajax: (options) ->
39 | throw new Error "No url provided" unless options.url?
40 | $.ajax(
41 | url: options.url
42 | type: options.method?.toUpperCase() ? "GET"
43 | )
44 | .done((content) -> options.onSuccess? content)
45 | .fail((request) -> options.onError? "Server responded with status #{request.status}")
46 | .always(-> options.onComplete?()) |
Utility functions | |
| Creates a shallow copy of the object | clone: (object) -> $.extend { }, object |
| Copies all properties from sources to target | extend: (target, sources...) -> $.extend target, sources... |
| Add the adapter to the list | Opentip.addAdapter new Adapter
47 |
48 | )(jQuery)
49 |
50 | |
adapter.prototype.coffee | |
|---|---|
$ = ender
2 |
3 |
4 | class Adapter
5 |
6 | name: "prototype" | |
| Simply using $.domReady | domReady: (callback) -> Event.observe window, "dom:loaded", callback |
| Using bonzo to create html | create: (html) -> $ html |
| Mimics scriptaculous Builder.node behaviour 7 | element: (tagName, attributes, children) -> 8 | if Object.isArray(attributes) or Object.isString(attributes) or Object.isElement(attributes) 9 | children = attributes 10 | attributes = null 11 | element = new Element(tagName, attributes or {}) | |
| # This is a prototype 1.6 bug, that doesn't apply the className to IE8 elements. 12 | # Thanks to Alexander Shakhnovsky for finding the bug, and pinpointing the problem. 13 | if attributes and attributes["className"] 14 | attributes["className"].split(" ").each (classname) -> 15 | element.addClassName classname | |
| if children 16 | if Object.isArray(children) 17 | children.each (child) -> 18 | element.insert bottom: child | |
element | adapter = new Adapter
23 |
24 | Opentip.addAdapter adapter
25 |
26 | |