6 examples of 'jquery dialog position example' in JavaScript

120
function dd_position_floating_bar(top, left, position) {
121
	var $floating_bar = jQuery('#dd_ajax_float');
122
	if(top == undefined) top = 0 + dd_top_offset_from_content;;
123
	if(left == undefined) left = 0;
124
	if(position == undefined) position = 'absolute';
125
	
126
	$floating_bar.css({
127
		position: position,
128
		top: top + 'px',
129
		left: left + 'px'
130
	});
131
}

27
popupDialog1(ele:TemplateRef){
28
    this._dialogInfo = this.popupService.popup(ele);
29
}

56
function GB_position() {
57
  var de = document.documentElement;
58
  var w = self.innerWidth || (de&&de.clientWidth) || document.body.clientWidth;
59
  jQuery("#GB_window").css({width:GB_WIDTH+"px",height:GB_HEIGHT+"px",
60
    left: ((w - GB_WIDTH)/2)+"px" });
61
  jQuery("#GB_frame").css("height",GB_HEIGHT - 32 +"px");
62
}

42
setPosition(x, y) {
43
    let rect = this.dockManager.config.dialogRootElement.getBoundingClientRect();
44
    this.position = new Point(x - rect.left, y - rect.top);
45
    this.elementDialog.style.left = (x - rect.left) + 'px';
46
    this.elementDialog.style.top = (y - rect.top) + 'px';
47
    this.dockManager.notifyOnChangeDialogPosition(this, x, y);
48
}

121
Dialog.prototype.positionDialog = function positionDialog() {
122
123
    var dialogWindow = this.dialogWindow;
124
125
    if (!dialogWindow) {
126
        return;
127
    }
128
129
    dialogWindow = _reactDom2['default'].findDOMNode(this.dialogWindow);
130
131
    if (this.state.open) {
132
        var marginTop = -dialogWindow.offsetHeight / 2;
133
        var windowHeight = dom.getClientHeight();
134
135
        marginTop = dialogWindow.offsetHeight > windowHeight ? -windowHeight / 2 + 16 : marginTop;
136
137
        dialogWindow.style.marginTop = marginTop + 'px';
138
    } else {
139
        dialogWindow.style.marginTop = 0;
140
    }
141
};

25
function calcPositionCss(target)
26
{
27
  var op = $(target).offsetParent().offset();
28
  var ot = $(target).offset();
29
30
  return {
31
    top: ot.top - op.top,
32
    left: ot.left - op.left,
33
    width: $(target).width()
34
  };
35
}