Unfortunately I've not been successful in finding out why the last click
event doesn't get added each time I'm going through the loop below. All
of the divs get properly added (well... they show up on screen anyway),
but the last one is missing the click event (and the mouseover and
mouseout events for that matter!)... what the heck am I doing wrong.
If there's a flaw in my logic, I don't see it. Maybe I've been looking
at it for too long. I tried to make a simplified example, but couldn't
get it to fail as this one does. I'll keep pluggin', but if anyone has
any ideas, I'd love to hear them! :o) This is yet another stumper on an
app with a deadline that is fast approaching... too fast for my liking! :o(
Thanks,
Chris
Ⓙⓐⓚⓔ wrote:
if ThisIndex is off by one .. you'd see the missing last click
symptom... it's hard to tell because the code is large and I can't see
if the classes get set correctly... you can simple slam the click on
all the elements... it is overkill but that may shed some more light.
On 1/4/07, Christopher Jordan <[EMAIL PROTECTED]> wrote:
I've got a stumper... well it's a stumper to me. I'm hoping someone here
can help me with it. I posted the problem before, but it's slightly
different now.
In the function to follow, I'm adding a div element to the DOM that
represents a "row". Each row has a unique ID. For each of these divs I'm
adding a mouseover, mouseout, and click event. All three work perfectly for
all but the last row. It's like the events never get assigned.
In this case, the user can select several dates from calendars and add them
to a list. This list is what's represented by these rows (one row for each
date). If the user adds just one row, the click event fails to bind. If the
user adds any other number of rows the last row will fail. If the user adds
four rows and then adds four more (or five more or six more... it doesn't
matter). The last one in the first group fails, and so does the last one in
the next group.
Here's my code: (NOTE: the use of the double pounds(##) is intentional. I'm
writing in ColdFusion and this is how the pound sign is escaped.)
function AddToPending(){
var OTAIndex = 0;
var i, NumberOfRows, ThisRow, RowClass, ThisIndex;
var SelectedDates = "";
var OrdersToAdd = new Array;
// gather relevant data from the DOM
var CostCenterInfo = $("##CostCenterName_ID").val();
CostCenterInfo = CostCenterInfo.split("~");
//var CostCenterID = CostCenterInfo[0];
var CostCenterName = CostCenterInfo[1];
var ShiftData = $("##Shift_ID").val();
ShiftData = ShiftData.split("~");
var ShiftCode = ShiftData[0];
var ShiftID = ShiftData[1];
var ShiftName = ShiftData[2];
var Classification = $("##Classification_ID").val();
var Quantity = $("##Quantity_ID").val();
var SpecialInstructions =
$("##SpecialInstructions_ID").val();
// this one gets the dateValue of each selected cell and adds
everything to the array of structs.
$("[EMAIL PROTECTED]").each(function() {
OrdersToAdd[OTAIndex] = new Object;
OrdersToAdd[OTAIndex].ShiftDate = this.dateValue;
OrdersToAdd[OTAIndex].CostCenterName =
CostCenterName;
OrdersToAdd[OTAIndex].ShiftName = ShiftName;
OrdersToAdd[OTAIndex].ShiftID = ShiftID;
OrdersToAdd[OTAIndex].ShiftCode = ShiftCode;
OrdersToAdd[OTAIndex].Classification =
Classification;
OrdersToAdd[OTAIndex].Quantity = Quantity;
OrdersToAdd[OTAIndex].SpecialInstructions =
SpecialInstructions;
OTAIndex++;
});
if(!OTAIndex){alert("Please select at least one date from the calendars
on the left.");return;}
OrdersToAddJSON = $.toJSON(OrdersToAdd);
$.ajax({
type: "POST",
url: "JSON_WriteOrderData.cfm",
datatype: "html",
data:
"ClientNumber=#ThisClientNumber#&OrderStruct=" +
OrdersToAddJSON,
success: function(IndexList) {
NumberOfRows = CFJS.ListLen(IndexList);
alert(IndexList);
for(i = 0; i < NumberOfRows; i++){
ThisIndex = CFJS.ListGetAt(IndexList, i + 1);
//alert(ThisIndex);
ThisTmpDate =
$.odbcDateTimeParse(OrdersToAdd[i].ShiftDate);
ThisMonth = ThisTmpDate.getMonth() + 1;
ThisDay = ThisTmpDate.getDate();
ThisYear = ThisTmpDate.getFullYear();
ThisDate = ThisMonth + "/" + ThisDay + "/" + ThisYear;
RowClass = "OddRow";
/*
if(i % 2){
RowClass = "EvenRow";
}
*/
ThisRow = "";
ThisRow += "<div class=\"OrderEntryListRow " + RowClass +
"\" RowType=\"" + RowClass + "\" RowState=\"Off\" ID=\"Row_" + ThisIndex +
"\">\n";
ThisRow += "<span class=\"Date Cell\">" + ThisDate +
"</span> \n";
ThisRow += "<span class=\"CostCenter Cell\">" +
CostCenterName + "</span> \n";
ThisRow += "<span class=\"ShiftName Cell\">" +
ShiftName + "</span> \n";
ThisRow += "<span class=\"Classification Cell\">" +
Classification + "</span> \n";
ThisRow += "<span class=\"Quantity Cell\">" + Quantity
+ "</span>\n";
ThisRow += "</div>";
$("##OrderList").append(ThisRow);
$("##Row_" +
ThisIndex).mouseover(function(){
$(this).removeClass("OddRow");
$(this).addClass("OddOver");
}).mouseout(function(){
$(this).removeClass("OddOver");
$(this).addClass("OddRow");
}).click(function(){
alert($(this).attr("ID"));
OrderListClickEvents($(this).attr("ID"));
});
}
},
error: function(){
alert("Error: Please note the username and the time and called
the Nursefinders helpdesk for assistance.");
}
});
}
Anybody have a clue what I'm doing wrong?
--
http://www.cjordan.info
_______________________________________________
jQuery mailing list
[email protected]
http://jquery.com/discuss/
--
http://www.cjordan.info
_______________________________________________
jQuery mailing list
[email protected]
http://jquery.com/discuss/
