diff options
-rw-r--r-- | phpfspot.js | 21 | ||||
-rw-r--r-- | themes/default/stylesheet.css | 36 |
2 files changed, 38 insertions, 19 deletions
diff --git a/phpfspot.js b/phpfspot.js index f705e88..706d642 100644 --- a/phpfspot.js +++ b/phpfspot.js @@ -534,8 +534,23 @@ function hidePhotoDetails(mode) */ function showCalendar(date_box, click_obj) { - var calendar = document.getElementById('calendar'); - var userdate = document.getElementById('date_' + date_box).value; + var calendar; + var userdate; + + calendar = document.getElementById('calendar'); + if(calendar == undefined) { + window.alert("Can not find element 'calendar'"); + return; + } + + userdate = document.getElementById('date_' + date_box); + + if(userdate == undefined) { + window.alert("Can not find element 'date_'" + date_box); + return; + } + + userdate = userdate.value; if(date_box == 'from') { var xpos = document.getElementById('frompic').offsetLeft; @@ -548,7 +563,7 @@ function showCalendar(date_box, click_obj) calendar_mode = 'to'; } calendar.style.left = xpos + 100 + 'px'; - calendar.style.top = ypos + 80 + 'px'; + calendar.style.top = ypos + 120 + 'px'; if(calendar.style.visibility == "" || calendar.style.visibility == 'hidden') { calendar.style.visibility = 'visible'; diff --git a/themes/default/stylesheet.css b/themes/default/stylesheet.css index 4aa376c..4618c77 100644 --- a/themes/default/stylesheet.css +++ b/themes/default/stylesheet.css @@ -196,10 +196,6 @@ a.smalltag:hover { color: #00aa44; } -a.calendar { - font-size: 10px; -} - div.thumb { text-align: center; vertical-align: top; @@ -276,28 +272,36 @@ div.credits{ margin-left: 10px; } +/* + * calendar layer + */ + +a.calendar { + font-size: 14px; +} + table.calendar tr td { - border: solid 1px #ffffff; + border: solid 1px #00aa00; padding: 1px; text-align: center; - font-size: 10px; + font-size: 14px; } .prevMonth { - font-size: 10px; - text-align: left; + font-size: 14px; + text-align: left; } .nextMonth { - font-size: 10px; - text-align: right; + font-size: 14px; + text-align: right; } + #calendar { - position: absolute; - width: 140px; - height: 200px; - background-color: #000000; - visibility: hidden; - z-index: 1000; + position: absolute; + background-color: #ffffff; + visibility: hidden; + z-index: 1000; + border: solid 3px #aaaaaa; } #slide_navigation { |