Include code to position one element over another

diff --git a/src/infodrom.js b/src/infodrom.js
index 1190b40..6325fc0 100644 (file)
--- a/src/infodrom.js
+++ b/src/infodrom.js
@@ -80,6 +80,29 @@ function make_editable(selector)
        return this;
     };
 
        return this;
     };
 

+    $.fn.positionOn = function(element, align) {
+       return this.each(function() {
+           var target   = $(this);
+           var position = element.offset();
+
+           var x      = position.left;
+           var y      = position.top;
+
+           if(align == 'right') {
+               x -= (target.outerWidth() - element.outerWidth());
+           } else if(align == 'center') {
+               x -= target.outerWidth() / 2 - element.outerWidth() / 2;
+           }
+
+           target.css({
+               position: 'absolute',
+               zIndex:   5000,
+               top:      y,
+               left:     x
+           });
+       });
+    };
+

 $.invoke = function(name, parms, callback) {
     if (typeof(parms) == 'string' && parms.length)
        parms = 'route='+name+'&'+parms;
 $.invoke = function(name, parms, callback) {
     if (typeof(parms) == 'string' && parms.length)
        parms = 'route='+name+'&'+parms;