Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- window.addEvent("domready", function(){
- (function($){
- /*
- | TOOLTIP FUNCTION
- | @version 0.1.0
- */
- var tooltips = $$("*.tooltip"),
- tooltipCounter = 0;
- var tooltipToggle = function(element){
- var container = $(element).get("data-tooltip");
- if($(container).get("data-status") === "off"){
- var status = "on";
- } else if($(container).get("data-status") === "on"){
- var status = "off"
- }
- $(container).fade("toggle").set({
- "data-status": status
- });
- }
- var tooltip = function(element){
- var event = $(element).hasClass("tooltip-click");
- var status = $(element).hasClass("tooltip-open");
- // CREATE AND INJECT TOOLTIP CONTAINER
- var position = $(element).getCoordinates();
- var container = new Element("div", {
- "id": "tooltip-" + tooltipCounter,
- "class": "tooltip-container",
- "data-status": "off",
- "text": $(element).get("data-tooltip"),
- styles: {
- "top": position.top + "px",
- "left": (position.left+position.width) + "px",
- "opacity": "0",
- "display": "block",
- "position": "absolute",
- "visibility": "hidden"
- }
- });
- if(status){
- $(container).set({"data-status": "on", styles: {"opacity": "1", "visibility": "visible"}});
- }
- $(element).set({"data-tooltip": $(container).get("id"), styles: {"position": "relative"}});
- $(container).inject(element, "after");
- // ADD TOGGLE EVENTS
- if(event === true){
- $(element).addEvent("click", function(event){ tooltipToggle(event.target) });
- } else {
- $(element).addEvent("mouseover", function(event){ tooltipToggle(event.target) });
- $(element).addEvent("mouseout", function(event){ tooltipToggle(event.target) });
- }
- tooltipCounter++;
- }
- Array.each(tooltips, function(element){
- tooltip(element);
- });
- })(document.id);
- });
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement