← Back to branch summary

~launchpad-pqm/lazr-js/toolchain

« back to all changes in this revision

Viewing changes to src-js/lazrjs/yui/node/shim-plugin-debug.js

  • Committer: Sidnei da Silva
  • Date: 2009-11-16 00:51:29 UTC
  • mto: This revision was merged to the branch mainline in revision 154.
  • Revision ID: sidnei.da.silva@canonical.com-20091116005129-8ibwjlboa38glaw5
- Improved generation of skin modules and revamped combo service to make it more twisty.

Show diffs side-by-side

added added

removed removed

Lines of Context:
src-js/lazrjs/yui/node/shim-plugin-debug.js
1
 
/*
2
 
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
3
 
Code licensed under the BSD License:
4
 
http://developer.yahoo.com/yui/license.html
5
 
version: 3.2.0
6
 
build: 2676
7
 
*/
8
 
YUI.add('shim-plugin', function(Y) {
9
 
 
10
 
    /**
11
 
     * Provides shimming support for Node via a Plugin.
12
 
     * This fixes SELECT bleedthrough for IE6 & Mac scrollbars
13
 
     * @module shim-plugin
14
 
     */
15
 
 
16
 
    /**
17
 
     * Node plugin which can be used to add shim support.
18
 
     *
19
 
     * @class Plugin.Shim
20
 
     * @param {Object} User configuration object
21
 
     */
22
 
    function Shim(config) {
23
 
        this.init(config);
24
 
    }
25
 
 
26
 
    /**
27
 
     * Default class used to mark the shim element
28
 
     *
29
 
     * @property Shim.CLASS_NAME
30
 
     * @type String
31
 
     * @static
32
 
     * @default "yui-node-shim"
33
 
     */
34
 
    // TODO: use ClassNameManager
35
 
    Shim.CLASS_NAME = 'yui-node-shim';
36
 
 
37
 
    /**
38
 
     * Default markup template used to generate the shim element.
39
 
     * 
40
 
     * @property Shim.TEMPLATE
41
 
     * @type String
42
 
     * @static
43
 
     */
44
 
    Shim.TEMPLATE = '<iframe class="' + Shim.CLASS_NAME +
45
 
            '" frameborder="0" title="Node Stacking Shim"' +
46
 
            'src="javascript:false" tabindex="-1" role="presentation"' +
47
 
            'style="position:absolute; z-index:-1;"></iframe>';
48
 
 
49
 
    Shim.prototype = {
50
 
        init: function(config) {
51
 
            this._host = config.host;
52
 
            this.initEvents();
53
 
            this.insert();
54
 
            this.sync();
55
 
        },
56
 
 
57
 
        initEvents: function() {
58
 
            this._resizeHandle = this._host.on('resize', this.sync, this);
59
 
        },
60
 
        
61
 
        getShim: function() {
62
 
            return this._shim || (
63
 
                this._shim = Y.Node.create(
64
 
                    Shim.TEMPLATE,
65
 
                    this._host.get('ownerDocument')
66
 
                )
67
 
            );
68
 
        },
69
 
 
70
 
        insert: function() {
71
 
            var node = this._host;
72
 
            this._shim = node.insertBefore( this.getShim(),
73
 
                    node.get('firstChild'));
74
 
        },
75
 
 
76
 
        /**
77
 
         * Updates the size of the shim to fill its container
78
 
         * @method sync
79
 
         */
80
 
        sync: function() {
81
 
            var shim = this._shim,
82
 
                node = this._host;
83
 
 
84
 
            if (shim) {
85
 
                shim.setAttrs({
86
 
                    width: node.getStyle('width'),
87
 
                    height: node.getStyle('height')
88
 
                });
89
 
            }
90
 
        },
91
 
 
92
 
        /**
93
 
         * Removes the shim and destroys the plugin
94
 
         * @method destroy
95
 
         */
96
 
        destroy: function() {
97
 
            var shim = this._shim;
98
 
            if (shim) {
99
 
                shim.remove(true);
100
 
            }
101
 
 
102
 
            this._resizeHandle.detach();
103
 
        }
104
 
    };
105
 
 
106
 
    Shim.NAME = 'Shim';
107
 
    Shim.NS = 'shim';
108
 
 
109
 
    Y.namespace('Plugin');
110
 
    Y.Plugin.Shim = Shim;
111
 
 
112
 
 
113
 
}, '3.2.0' ,{requires:['node-style', 'node-pluginhost']});