vitalif-js
/
calendar
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Position correctly when near the right edge of window

master
Vitaliy Filippov 2018-10-23 11:40:47 +03:00
parent af25b26fe8
commit 439a672aab
4 changed files with 16 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
calendar-preact.js
View File

@ -3,7 +3,7 @@
* Creates a calendar widget which can be used to select the date more easily than using just a text box * Creates a calendar widget which can be used to select the date more easily than using just a text box
* *
* Modified: http://yourcmc.ru/git/vitalif-js/calendar * Modified: http://yourcmc.ru/git/vitalif-js/calendar
* Version: 2018-10-09 * Version: 2018-10-23
* License: MIT-like, http://www.openjs.com/license.php * License: MIT-like, http://www.openjs.com/license.php
* *
* Example: * Example:
@ -55,8 +55,13 @@ export class Calendar extends preact.Component
var div = Calendar.box; var div = Calendar.box;
var xy = getOffset(input); var xy = getOffset(input);
var height = input.clientHeight||input.offsetHeight; var height = input.clientHeight||input.offsetHeight;
div.style.left = (xy.left-1)+"px"; var ww = document.body.clientWidth||document.documentElement.clientWidth;
if (div.offsetHeight + xy.top+height-1 >= (document.body.clientHeight||document.documentElement.clientHeight) && var wh = document.body.clientHeight||document.documentElement.clientHeight;
if (xy.left-1+div.offsetWidth > ww)
div.style.left = (ww-div.offsetWidth-1)+"px";
else
div.style.left = (xy.left-1)+"px";
if (div.offsetHeight + xy.top+height-1 >= wh &&
xy.top-div.offsetHeight >= 0) xy.top-div.offsetHeight >= 0)
div.style.top = (xy.top-div.offsetHeight)+'px'; div.style.top = (xy.top-div.offsetHeight)+'px';
else else

2
calendar-preact.min.js vendored
View File

File diff suppressed because one or more lines are too long

2
calendar-preact.min.js.map
View File

File diff suppressed because one or more lines are too long

8
calendar.js
View File

@ -4,7 +4,7 @@
* *
* Original: http://www.openjs.com/scripts/ui/calendar/ * Original: http://www.openjs.com/scripts/ui/calendar/
* Modified: http://yourcmc.ru/git/vitalif-js/calendar * Modified: http://yourcmc.ru/git/vitalif-js/calendar
* Version: 2018-03-17 * Version: 2018-10-23
* License: MIT-like, http://www.openjs.com/license.php * License: MIT-like, http://www.openjs.com/license.php
* *
* Example: * Example:
@ -292,8 +292,12 @@ export class Calendar
var div = Calendar.box; var div = Calendar.box;
var xy = getOffset(input); var xy = getOffset(input);
var height = input.clientHeight||input.offsetHeight; var height = input.clientHeight||input.offsetHeight;
var ww = document.documentElement.clientWidth||document.body.clientWidth;
div.style.display = "block"; div.style.display = "block";
div.style.left = (xy.left-1)+"px"; if (div.offsetWidth + xy.left-1 > ww)
div.style.left = (ww-div.offsetWidth-1)+"px";
else
div.style.left = (xy.left-1)+"px";
if (div.offsetHeight + xy.top+height-1 >= (document.documentElement.clientHeight||document.body.clientHeight) && if (div.offsetHeight + xy.top+height-1 >= (document.documentElement.clientHeight||document.body.clientHeight) &&
xy.top-div.offsetHeight >= 0) xy.top-div.offsetHeight >= 0)
{ {