https://www.segelschule-fuerst.de/out/segelschule/src/js/widgets/oxcenterelementonhover.js

1/**
2 *    This file is part of OXID eShop Community Edition.
3 *
4 *    OXID eShop Community Edition is free software: you can redistribute it and/or modify
5 *    it under the terms of the GNU General Public License as published by
6 *    the Free Software Foundation, either version 3 of the License, or
7 *    (at your option) any later version.
8 *
9 *    OXID eShop Community Edition is distributed in the hope that it will be useful,
10 *    but WITHOUT ANY WARRANTY; without even the implied warranty of
11 *    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
12 *    GNU General Public License for more details.
13 *
14 *    You should have received a copy of the GNU General Public License
15 *    along with OXID eShop Community Edition.  If not, see <http://www.gnu.org/licenses/>.
16 *
17 * @link      http://www.oxid-esales.com
18 * @package   out
19 * @copyright (C) OXID eSales AG 2003-2011
20 * @version OXID eShop CE
21 * @version   SVN: $Id: oxpromocategory.js 35529 2011-05-23 07:31:20Z vilma $
22 */
23( function( $ ) {
24
25    oxCenterElementOnHover = {
26
27        _create: function(){
28
29            var self = this;
30            var el   = self.element;
31
32             el.hover(function(){
33                  var targetObj = $(".viewAllHover", el);
34                  var targetObjWidth = targetObj.outerWidth() / 2;
35                  var parentObjWidth = el.width() / 2;
36
37                  targetObj.css("left", parentObjWidth - targetObjWidth + "px");
38                  targetObj.show();
39              }, function(){
40                  $(".viewAllHover", el).hide();
41              });
42        }
43    }
44
45    $.widget( "ui.oxCenterElementOnHover", oxCenterElementOnHover );
46
47} )( jQuery );