$('#targetscreen').myJDoorFunction()
Variable Name | Default-Value | Description |
$.fn.djoor.defaults.WindowTopBarHeight | 20 | The height of the top-bar in a window. (In pixels) |
$.fn.djoor.defaults.WindowHideIconContent | 'X' | The HTML-content of the hide icon in a window. |
$.fn.djoor.defaults.MinimumFloatIn | 10 | Minimum size of top-bar that must remain in the screen when moving the window out of the screen. (In pixels) Takes into account if the hide icon is on the left or on the right of the window and above the top-bar. |
$.fn.djoor.defaults.UseCookies | true | Cookies will be used to save the position of the windows, so they are at the same place on reload. You can switch cookies off by setting this to false. |
$(targetscreenId).jdCreateWindow(windowId, x, y, width, height, title, content)
targetscreenId | The jQuery-selector for the target screen. E.g. '#mytargetscreen', 'div' The window will be created in each found element. |
windowId | The (html) name and id of the window. Used for further processing of the end user. => $('#myWindowId') will get your window element. |
x | Left position of the window on the targetscreen (in pixels). Use 'center' to center it horizontally. (width must be given for right centering, see below.) |
y | Top position of the window on the targetscreen (in pixels). Use 'center' to center it vertically. (height must be given for right centering, see below.) |
width | Width of the window in pixels. If the content overflows the window, a scrollbar will be shown. Use 'auto' , 'dynamic' or 'dyn' to use the content for defining the width. If so, x='center' will position the left instead of the middle of the window to the center.Use a negative number to set the "max-width" instead of the "width" to get a pseudo-dynamic sizing. |
height | Height of the window in pixels. If the content overflows the window, a scrollbar will be shown. Use 'auto' , 'dynamic' , 'dyn' to use the content for defining the height. If so, y='center' will position the top instead of the middle of the window to the center.Use a negative number to set the "max-height" instead of the "height" to get a pseudo-dynamic sizing. |
title | Text shown in the top bar of the window. The window title. |
content | Content of the window (HTML). |
$(targetscreenId).jdCreateAuthorCredits()
jdoor_window_author_credits
.targetscreenId | The jQuery-selector for the target screen. E.g. '#mytargetscreen', 'div' The window will be created in each found element. |
$(targetscreenId).jdCreateYoutubeWindow(windowId, x, y, width, height,title, youtubeid)
targetscreenId | The jQuery-selector for the target screen. E.g. '#mytargetscreen', 'div' The window will be created in each found element. |
windowId | The (html) name and id of the window. Used for further processing of the end user. => $('#myWindowId') will get your window element. |
x | Left position of the window on the targetscreen (in pixels). Use 'center' to center it horizontally. (width must be given for right centering, see below.) |
y | Top position of the window on the targetscreen (in pixels). Use 'center' to center it vertically. (height must be given for right centering, see below.) |
width | Width of the window in pixels. If the content overflows the window, a scrollbar will be shown. Use 'auto' , 'dynamic' or 'dyn' to use the content for defining the width. If so, x='center' will position the left instead of the middle of the window to the center.Use a negative number to set the "max-width" instead of the "width" to get a pseudo-dynamic sizing. |
height | Height of the window in pixels. If the content overflows the window, a scrollbar will be shown. Use 'auto' , 'dynamic' , 'dyn' to use the content for defining the height. If so, y='center' will position the top instead of the middle of the window to the center.Use a negative number to set the "max-height" instead of the "height" to get a pseudo-dynamic sizing. |
title | Text shown in the top bar of the window. The window title. |
youtubeid | The ID of the youtube video to play. In code it will look like that: http://youtube.com/embed/MyGivenID |
$(targetscreenId).jdHideAllWindows()
targetscreenId | The jQuery-selector for the target screen. E.g. '#mytargetscreen', 'div' The windows in each found element will be hidden. |
$(windowId).jdShow()
windowId | The jQuery-selector for the window to show. Calls $(windowId).show() AND $(windowId).jdoor(1) (Focus, see below) IF it has the jdwindow class. |
$(windowId).jdHTML(html)
windowId | The jQuery-selector for the window to show. |
$().Mouse()
$(target).jdoor(funcId)
1 | Gets the window to the top and unlocks it. Locks all other windows in the same screen. Target must have the class jdwindow . |
2 | Initiates moving of a window. Target must have the class jdwindow-top . |
3 | Hides the WINDOW with the given target. Target must have the class jdwindow , jdwindow-top , jdwindow-content , jdwindow-hide or jdwindow-hide-clicker . |