Huh...well even when I look at that page in FF the positioning is off...the
div pops up off the top of the screen.
What I'd do for starters is strip off the code where you are positioning the
clockpick div manually, that is this part:
> var posTop = event.pageY+340;
> var posLeft = event.pageX;
> $("#CP_hourcont").css({ position: 'absolute', top: posTop, left:
> posLeft });
It's set up in the plugin to popup automatically right where the mouse is,
taking into account any scrolling, for easy selecting. I would at least
make sure that works right before going on to try and reposition the div
using css.
Unfortunately my IE6 is hosed at the moment, I applied a windows IE6
security update today, and now my IE6 won't even startup. NICE.
-- Josh
----- Original Message -----
From: "pedalpete" <[EMAIL PROTECTED]>
To: "jQuery (English)" <jquery-en@googlegroups.com>
Sent: Tuesday, February 12, 2008 3:00 PM
Subject: [jQuery] Re: clock pick in ajax loaded form - ie error
Hi Josh,
I do have the latest release.
I can't point you to my actual page with the error as it is behind a
login, but i've put up a bunch of similar code and it is showing the
same behavior.
Here's a link.
http://zifimusic.com/testing/clockpick-ie.php
I find it incredibly strange that the alert i put into the
"templateShifts" function triggers in FF but not in IE. It makes me
kinda think that the issue isn't with clockpick at all, but I don't
see any other problems with my code.
Pete
On Feb 12, 2:06 pm, "Josh Nathanson" <[EMAIL PROTECTED]> wrote:
Do you have the latest release? You will want to get 1.2.1. I think
there
was an IE issue in earlier releases.
If you could post a link as well that would be helpful.
-- Josh
----- Original Message -----
From: "pedalpete" <[EMAIL PROTECTED]>
To: "jQuery (English)" <jquery-en@googlegroups.com>
Sent: Tuesday, February 12, 2008 1:49 PM
Subject: [jQuery] clock pick in ajax loaded form - ie error
> I've been using the clockpick plugin (it's awesome) and I load the
> form which uses the plugin via an ajax call.
> The plugin works perfectly in FF and Safari, but in ie 6&7, it only
> shows a grey box at the bottom of the page.
> I've look through other comments here in the jquery groups, but the
> other resolutions don't apply to this instance.
> If I attach clockpick to an input box in the main page, it works no
> problem, so this only affects input boxes on a form retrieved through
> ajax in ie.
> I have included an alert so I know when the function is triggered.
> strangely, the alert triggers in FF but not in IE
> The things i've tried that didn't work are
> a) move the content of templateShifts function into the success:
> function
> b) put the clockpick.js and css into the ajax add.php form (this
> called all sorts of strange jquery errors in ie)
> c) putting just the clockpick css into the ajax add.php
> the code which calls the clockpick is
> [code]
> function getClicks(){$(".add").click(function(event) {
> var id = this.id;
> var posTop = event.pageY-100;
> var posLeft = event.pageX-200;
> var formID = "#addForm";
> $.ajax({
> type: "POST",
> url: "add.php",
> data: id,
> success: function(response){
> $(formID).css({ position: 'absolute', top: posTop, left:
> posLeft });
> $(formID).fadeIn("slow").html(response);
> cancelForm(formID);
> templateShifts();
> }
> });
> });
> };
> function templateShifts(){
> alert('templateShifts')
> $("#startTime").clockpick(function(event){
> var posTop = event.pageY+340;
> var posLeft = event.pageX;
> $("#CP_hourcont").css({ position: 'absolute', top: posTop, left:
> posLeft });
> });
> $("#endTime").clockpick();
> $(".templateShift").click(function(){
> var id=this.id;
> var times_array=id.split("-");
> $("#startTime").val(times_array[0]);
> $("#endTime").val(times_array[1]);
> });
> };
> [/code]
> the code of the ajax(ed) from is
> [code]
> <html>
> <head>
> <title>add form</title>
> </head>
> <body>
> <script type="text/javascript">
> var uid = "79";
> var cid = "";
> var sid = "3";
> var date = "2008-02-04";
> var swapuid = "";
> </script>add a new 2008-02-04<br />
> <fieldset>
> <legend> on 2008-02-04</legend> Start Time: <input
> name="inputStartTime" type="text" id="startTime"
> End Time: <input name="inputEndTime" type="text" id="endTime">
> <input type="hidden" name="sid" value="3" />
> <input type="hidden" name="uid" value="79" />
> <input type="hidden" name="date" value="2008-02-04" />
> <input type="hidden" name="f" value="n" />
> </fieldset>
> Add Note (optional)<br />
> <textarea name="note" rows="4" cols="20" />
> <input type="submit" value="submit" /></body>
> </html>
> [/code]
