Drupal
/
drupal
mirror of https://git.drupalcode.org/project/drupal.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

- Patch #787940 by casey, Kiphaas7: generic approach for position:fixed elements like toolbar.

merge-requests/26/head
Dries Buytaert 2010-05-14 16:44:37 +00:00
parent e14705f4fa
commit 24db763b78
2 changed files with 23 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
misc/displace.js
View File

@ -4,7 +4,7 @@
/** /**
* Provides a generic method to position elements fixed to the viewport. * Provides a generic method to position elements fixed to the viewport.
* *
* Fixed positioning (CSS declaration position:fixed) is done relatively to the * Fixed positioning (CSS declaration position:fixed) is done relative to the
* viewport. This makes it hard to position multiple fixed positioned element * viewport. This makes it hard to position multiple fixed positioned element
* relative to each other (e.g. multiple toolbars should come after each other, * relative to each other (e.g. multiple toolbars should come after each other,
* not on top of each other). * not on top of each other).
@ -14,7 +14,7 @@
* port add the class "displace-bottom". * port add the class "displace-bottom".
* *
* When a browser doesn't support position:fixed (like IE6) the element gets * When a browser doesn't support position:fixed (like IE6) the element gets
* positioned absolutely by default, but this can be overriden by using the * positioned absolutely by default, but this can be overridden by using the
* "displace-unsupported" class. * "displace-unsupported" class.
*/ */
@ -23,17 +23,10 @@
*/ */
Drupal.behaviors.displace = { Drupal.behaviors.displace = {
attach: function (context, settings) { attach: function (context, settings) {
// Test for position:fixed support as IE6 does not. // Test for position:fixed support.
// http://yura.thinkweb2.com/cft/#IS_POSITION_FIXED_SUPPORTED if (!Drupal.positionFixedSupported()) {
if (this.supported === undefined) {
var el = $('<div style="position:fixed;top:10px"/>').appendTo(document.body);
this.supported = el[0].offsetTop === 10;
el.remove();
if (!this.supported) {
$(document.documentElement).addClass('displace-unsupported'); $(document.documentElement).addClass('displace-unsupported');
} }
}
$(document.body).once('displace', function () { $(document.body).once('displace', function () {
$(window).bind('resize.drupal-displace', function () { $(window).bind('resize.drupal-displace', function () {

18
misc/drupal.js
View File

@ -299,6 +299,24 @@ Drupal.getSelection = function (element) {
return { 'start': element.selectionStart, 'end': element.selectionEnd }; return { 'start': element.selectionStart, 'end': element.selectionEnd };
}; };
/**
* Checks if position:fixed is supported.
*
* @return
* Boolean indicating whether or not position:fixed is supported.
*
* @see http://yura.thinkweb2.com/cft/#IS_POSITION_FIXED_SUPPORTED
*/
Drupal.positionFixedSupported = function () {
if (this._positionFixedSupported === undefined) {
var el = $('<div style="position:fixed; top:10px" />').appendTo(document.body);
this._positionFixedSupported = el[0].offsetTop === 10;
el.remove();
}
return this._positionFixedSupported;
};
/** /**
* Build an error message from an AJAX response. * Build an error message from an AJAX response.
*/ */