jscalendar with event - can't get it to work with IE

The calendar icon was not appearing in IE6, all other browsers seemed to be OK. I reported it on the jstools issues page and the fix just got committed to HEAD, so if you get the latest version of jscalendar from cvs it should fix it (I haven't had time to test it myself yet).

You also need to configure Calendar support for JScalendar in

admin/settings/content-types/event
[for basicevent contentent type]
Alan

Sorry for the slow response, I've been gone. You need the latest version of jscalendar, not jstools (although I'm sure getting the latest version of jstools won't hurt anything). And, yes, there is no longer a settings option, it should just work if you have jscalendar installed.

I'm not sure what the problem is. This seems to be working for others. Some more things to try:

* Try using Firefox instead of IE and see if that makes any difference.
* What other modules do you have installed? Are there any that us js other than the jstools kit? Maybe there is some other js conflict.
* What exactly do you see? I assume it is a text box but no icon to pop up the jscalendar.

I'm trying to think what else to suggest...

Sorry, I see you already provided a list of your modules. It might by tinymce -- another js package. Try turning that off and see what happens.

If none of those things uncovers anything, try turning off the other modules one at a time and see if it starts to work. I have to think this is some kind of conflict between modules.

This is a jscalendar issue I think, so I'm going to transfer this issue over to jstools issues.

The time problem is a separate issue unrelated to jscalendar that will be fixed with the patch at http://drupal.org/node/65430 whenever it gets added in. I moved this thread to the jscalendar issues page because of the failure to display in IE, which is a jscalendar issue.

dustyketchum: Make sure under administer >> settings >> event that "Time notation preference" is set to 12 h.

OK, I solved the problem, for the most part.

In my style.css, I added the following:

.form-item input.jscalendar {
  float: left;
  display: inline;
 }

This got the calendar icon button to show directly below the textfield for manually entering the time. In, FF, instead of showing it below the textfield, the button shows directly to the right of it, as expected.

I'm not entirely sure why this works. The best I could tell, it has something to do with the explanation at in this blog post which says that IE has determined that any whitespaces or blank lines in the code will be returned by the nextSibling method. This method is called in the jscalendar.js script.

Intrestingly, the calendar button shows up perfectly---that is, directly to the right of the textfield---in IE as part of a form in a table generated by theme_table. So, there is some way to get it to work perfectly in IE. I'll let someone who is more knowledgeable with IE fuck ups and javascript to figure it out.

Adding

.form-item input.jscalendar {
    float: left;
    display: inline;
}

to my style.css didn't help in my case :( The calendar icon is just for a split second next to its textfield, but imediately jumps below it again.

To make it work here, I changed the following in jscalendar.css:
I removed

div.form-item.jscalendar {
    width: 16em;
}

and added

.form-item input.jscalendar {
    display: inline;
}

I attached my modified jscalendar.css file.

Adding this to my issues list 'cause this one just bit me in the arse today.

Got everything working using the above changes to jscalandar.css.
The icon itself is showing, the calandar as wel but it is displaying underneath the other form-elements.
This makes it imposseble to select a date.

Works fine in IE7 an FF2. Failes on IE6 SP1