I need to implement an inline calendar showing multiple months(suppose 6 months) starting from current month in my web application. It should be possible to move to the previous months and next months. Also it should be possible to retrieve the date when a user clicks (onclick event) on a particular date.
View 1 Replies
I'm trying to get a pair of drop down menus to appear on the screen, one containing months, and one containing years. I know the one containing years works, since it hasn't been changed at all since it was working, but the month box used to be a textbox. I tried to convert it over to drop down box using the same code as the year box, but it hasn't seemed to work.
<script language="Javascript">
var m1 = January;
var m2 = February;
var m3 = March;
var m4 = April;
var m5 = May;
var m6 = June;
var m7 = July;
var m8 = August;
var m9 = September;
var m10 = October;
var m11 = November;
var m12 = December; .....
document.write('<select name="selYear">');
for (var x=0; x <= 10; x++ ) {
if(x != 5){
document.write('<option value="' + x + '">' + yearArray[x] + '</option>');
}else{
document.write('<option value="' + x + '" selected>' + yearArray[x] + '</option>');
}} document.write('</select>');
</SCRIPT>
working further on my project lined out in a previous post - here's another pickle:
I have two dates set, a beginning date and an end date for a period of time. That period can span several years. I now need to calculate the months in that period in accordance with the following reasoning:
[Code]...
I am using the following script to have a calander displayed in my form. It displays a calender on which a user can select a date. If the date is a friday, something else should happen in the form than when selecting other days (see final 15 lines, no need to be specific).
The problem is that the code only works for months with 30 days in it. E.g. The september month works fine, when a friday is selected (javascript:setCalendarControlDate(2009,9,25)) the correct changes occur. For the October month (31 days) the same changes that occur correct in september occur in october when selecting thursday, but these should be when selecting friday instead! For November (30 days) everything works fine again, but then for December (31 days) the changes occur again at thursday instead of friday For February (2010) I need to select sunday to get the needed changes.
Like I said, I think it has something to do with the amount of days in a month. Since the code works fine on months with 30 days, but not on months with other amounts of days. Can anyone tell me what's wrong in the code?
function positionInfo(object)
{var p_elm = object;
this.getElementLeft = getElementLeft;
function getElementLeft()
{var x = 0;
var elm;
if(typeof(p_elm) == "object")
[Code].....
how to compare 2 user input dates (say Date1 and Date2) in dd/mm/yyyy format, to ensure that Date2 is at least 2 months after Date1. Comparing them in days is simple but I'm not sure where to start on months, taking into account differing number of days per month and leap years. e.g 01/01/2009 - 28/02/2009 would equal 2 months.
View 4 Replies View RelatedWith changeYear: true, yearRange: '-10:+1', and numberOfMonths: 1, the year dropdown shows 2000-2011, as expected. With every other numberOfMonths I tried, it shows only 2010. Is there some dependency I don't know about between these settings that means something has to be done differently?
View 6 Replies View RelatedI'm using the following piece of code to create a link that, when clicked, uses jquery animation to slowly display a paragraph of text. The trouble is that the animation goes both vertically and horizontally, making it look a little too busy/cluttery. How can I tweak my code to make it only animate vertically?
View 2 Replies View RelatedI have a page of dates in a form field which currently are being entered manually and wish to have a calendar pop up for each one to make it a bit easier i have managed to use a calendar routine 'tigra calendar' i found online but now after working out not to get it working within my own template i faced the problem on multiple date fields.
i currently use a numbers field 1-10 or how every many there needs to be on that page. but how would i integrate this within the coding from 'tigra calendar' can anyone suggest a better way to do this.
if needed i can sort out a zip file of the files i have for tigra calendar.
I'm trying to build an application that allows the users to have their "hours of availability" during a specific month/year/ etc. I'm looking for a script that allows me to select multiple days from a calendar using Javascript. Ideally it would be similar to a windows App where they can click CTRL and select individual dates. Entire weeks. or only a few days at a time. I'd like to take the results of the selection and insert them into a mysql database.
View 1 Replies View RelatedIm currently working on a project that requires me to use jquery that i have never learnt before. I have downloaded the library online. How can i change the datepicker calendar to able to select multiple date at one time?
View 1 Replies View RelatedThe following code is working fine only in IE. when i click on the calender img, calender window is not coming up in firefox/chrome.
[Code]....
getting first line coordinates of multiple line inline element.
Example HTML
aaa bbb ccc ddd <span id="target">eee fff ggg
hhh iii jjj</span>kkk lll mmm nnn ooo ppp qqq
$(document).ready(function() {
[Code]....
Assume that span#target has a line break, when I see a browser. Then I click span#target, above function returns the head of coordinates which second line ("hhh") has. I want to have the coordinates which first line ("eee") has. How can I get that?
I want get a date, which is taken from a form field, in the format dd/mm/yyyy, and add 3 months to it - what the best way?
View 13 Replies View RelatedHow it is possible to get current & next year months and put them into array....i.e
View 2 Replies View RelatedI need to add 18 months to a date entered on a form and show the results to the user without the time. so a date like 1/1/2000 is entered and the results should be 06/30/2001. I am parsing the string and adding 18 months of milliseconds to the date. While I have gotten this to work, it is not correct because each month has a different # of days.
add 18 months to a date entered by a user?
Code:
var str = document.form1.startdate.value;
var d1 = Date.parse(document.form1.startdate.value);
var d7 = d1+86400000*30*18;
[Code]....
For a project that would be too hard to explain, I am working with date ranges. There is a begin date and an end date. With those two variables, I need a function to calculate the number of months between both dates. To be more precise, I need a count of all unique month names in the dates (or month numbers if that is easier) where the range includes the beginning date, the end date, and all dates in between. So I am not looking for full months or an approximation. If only, say, one day of a given month is included in the date range, that adds a month. Also the range can span several years, january 2010 and january 2011 need to count for two different months.
View 2 Replies View Relatedi m trying to append months short type with jQuery Datepicker
Code JavaScript:
<script type="text/javascript">
$(function() {
[code]...
Originally posted this in the CSS/HTML forum but I was recommended to posting it in here as it seems the solution I'm after would be JS based.Here's the build site so far, a little messy but you should be able to see what I'm after.[URL]...When you click the SHOWS link, I have a scrollto that scrolls horizontally to another (unfinished) div. What I want is for the logo box & navigation box to scroll along with the page, fixed horizontally. But when the user scrolls vertically through content, such as the stuff on the home div, I don't want the logo & nav to scroll.
I found this [URL]... via googling, but I can't make much sense of it as I'm very much a JS noob. I've tried to change element id to that of mine but it didn't do anything.
I'm working on a blog design. (See code below.) I'd like to fix #title vertically so that when people scroll down the blog, it stays in view in the window.I couldn't think of a CSS way to do it. Using position:fixed doesn't work because if someone is viewing the site from a netbook, or simply from a downsized browser on their normal computer, #title is either cut off -- if it's positioned relative to the left -- or it overlaps the blog content -- if it's positioned relative to the right.I've read suggestions to use Javascript but my Javascript skills are practically non-existent. The suggestions were to use an onscroll handler, and to use scrollTop. This is what I wrote but (probably for obvious reasons) it isn't working:
window.onscroll = verticalFix();
function verticalFix() {
var sidebar = document.getElementById("title");
[code]....
Can somoene give me an example of how to center a div, according to it's
image size... I am using different images, and so I have to resize it in a
functino according to the image's size. So I use a h and w vairable that
give me the height and width of the current image, but I can't seem to come
up with a simple freaking formula to center the image vertically and
horozontally.
fnFullView = function () {
var h
var w
var _tempImg = new Image()
_tempImg. () {
_tempImg.src = this.src
h = this.height
w = this.width
}
_tempImg.src = arPhotolog[currIndex].full
_picGalImage.resizeTo(w,h)
_picGalImage.swapImage(_tempImg.src)
_picGalImage.show()
}
This is the function I am working on, but it really doesn't matter how I do
it.
So I know I've seen this, and I'm sure there's a tutorial somewhere, but I can't find it for the life of me. I'm looking to code one of those boxes that stays with you where ever you move on a page. Basically, I need a javascript that says "when the user scrolls, figure out the current scroll position, then change the top position of an absolutely positioned div accordingly, so that it moves along with the user vertically and is always visible in their screen".
View 7 Replies View RelatedI'm using a neat vertical text scroller the code for which I found here:
[URL]
It scrolls my text continuously. how to modify it to scroll my text just once?
I'm working on a blog design. (See code below.) I'd like to fix #title vertically so that when people scroll down the blog, it stays in view in the window. I couldn't think of a CSS way to do it. Using position:fixed doesn't work because if someone is viewing the site from a netbook, or simply from a downsized browser on their normal computer, #title is either cut off -- if it's positioned relative to the left -- or it overlaps the blog content -- if it's positioned relative to the right.
I've read suggestions to use Javascript but my Javascript skills are practically non-existent. The suggestions were to use an onscroll handler, and to use scrollTop. This is what I wrote but (probably for obvious reasons) it isn't working:
Code:
window.onscroll = verticalFix();
function verticalFix() {
var sidebar = document.getElementById("title");
sidebar.style.top = .scrollTop(30);
[Code]...
I want to achieve a similar effect using jquery and in div's not tables,[URL]
View 2 Replies View RelatedI need to write text in the HTML page but I need it to appear vertically rotated not horizentally.
View 2 Replies View RelatedI'm trying to make my sidebar show 3 images then scroll to the next 3 automatically every 3 seconds or so. (vertically)
how to do it or show a snippet of code?
I've looked up various scripts for scrolling the pictures I have on the right vertically, but I can't seem to implement any of the ones I've found. I'm not trying to ask for you to code it all for me (unless you really want to)
Here's the site: [URL]
