# j-FloatingPanel

> A módszereket kombinálhatja a j-Shortcuts összetevővel.

Framework: jcomponent20
Product: jComponent 20 (jcomponent@20)
Language: hu
Content-SHA256: 307e615848e3eff36ee64c16f424d66b42d6d516fd8946b2c3d6afa25d8170a3
Snapshot: c0700e321579725c5cf4f5ace1ad7d2866d1b4f93c24a63c0b41b6b7998e976c
Sources: components@910ed1a86f6e72b4f031d3ad0dc7844f9fc5cb8e
Review: not-recorded

- Szingapúr
- Támogatja a custom scrollbars
- Támogatja a sötét módot

__módszerek__:

Módszer: `component.show(options)`

- `options.element {Element/jQuery Element}`
- `options.offsetX {Number}` opcionális, `x` offset (default: `0`)
- `options.offsetY {Number}` opcionális, `y` offset (default: `0`)
- `options.offsetWidth {Number}` opcionális, `width` offset (default: `0`)
- `options.minwidth {Number}` opcionális, minimális szélesség (default `200`)
- `options.maxwidth {Number}` opcionális, maximális szélesség (default `infinite`)
- `options.height {Number}` opcionális, egy magasság (default: `200`)
- A `options.callback(element) {Function}`-t akkor indítják el, ha a felhasználó a `.selectable` osztályú elemre kattint.
- A `options.init {Function}` kiindul, mielőtt a komponens megjelenik
- `options.close {Function}` opcionális, meghatározhatja a panel bezárását
- `options.align {String}` opcionális, `left` (default), `right` vagy `center`
- `options.position {String}` opcionális, `top` (default), `bottom`
- `options.classname {String}` opcionális, egyéni tartály osztály minden elemre

Módszer: `component.hide()`

__Html renderelés__:

```js
var opt = {};
opt.html = 'Your HTML code';
```

__RAW elem renderelés__:

```js
var opt = {};
opt.html = YOUR_DOM_ELEMENT;
// IMPORTANT: if the FloatingBox will be closed, then the element will be moved to the previous parent.
```

__Bevezető tartalom__:

```js
var opt = {};
opt.import = '/url/part.html';
// IMPORTANT: the content will be cached for the future usage
```

### Jó tudni

- A `selectable` osztályú elemek kiválaszthatók

__módszerek__:

- A `component.up()` kiválasztja a fenti elemet
- A `component.down()` az alábbi elemeket választja ki
- `component.select([el])` kiválasztása

A módszereket kombinálhatja a `j-Shortcuts` összetevővel.

Használja a `<ui-component name="floatingpanel">`Amennyiben a készülék még nem tölthető le, jComponent letöltés az első felhasználásra a címről `DEF.fallback` (Azt a Componentator A szerző: Peter Širka. forrás: a Componentator Az összetevők raktár, MIT licenc.

```html example.html
<ui-component name="exec"></ui-component>
<ui-component name="floatingpanel"></ui-component>

<span class="exec" data-exec="showpanel" style="color:#2A6CEC;cursor:pointer;text-decoration:underline" class="block">Show panel</span>

<script>

	function showpanel(el) {
		var opt = {};
		opt.element = el;
		opt.html = '<div class="padding">Custom content</div>';
		SETTER('floatingpanel/show', opt);
	}

</script>
```