Pro PHP and jQuery by Jason Lengstorf.pdf - Computer Science ...

More documents

Recommendations

Info

280 CHAPTER 8 ■ EDITING THE CALENDAR WITH AJAX AND JQUERY ■ Note Using the “month-” prefix for the ID means that you stay compliant with W3 standards, which state that element IDs must begin with a letter. Building Date Objects in JavaScript To ensure that the new event falls within the current month, create two empty Date objects: one for the current month and one for the new event. To set the value of the current month’s Date object, retrieve the ID attribute from the H2 element using the .attr() method, split it at the hyphens, and store it in the cdata variable. For the new event, split the value of entry.event_start at the spaces and take the first array element (which is the date in the format of YYYY-MM-DD) and store it in a variable called date. Next, split the information at the hyphens and store the array in a variable called edata. To set the Date objects, use the data from cdata and edata to set the date in cal and event, respectively. Finally, modify fx.addevent with the following bold code: fx = { "initModal" : function() {...}, "boxin" : function(data, modal) {...}, "boxout" : function(event) {...}, // Adds a new event to the markup after saving "addevent" : function(data, formData){ // Converts the query string to an object var entry = fx.deserialize(formData), }, // Makes a date object for current month cal = new Date(NaN), // Makes a date object for the new event event = new Date(NaN), // Extracts the calendar month from the H2 ID cdata = $("h2").attr("id").split('-'), // Extracts the event day, month, and year date = entry.event_start.split(' ')[0], // Splits the event data into pieces edata = date.split('-'); // Sets the date for the calendar date object cal.setFullYear(cdata[1], cdata[2], 1); // Sets the date for the event date object event.setFullYear(edata[0], edata[1], edata[2]);
}; "deserialize" : function(str){...}, "urldecode" : function(str) {...} Fixing Timezone Inconsistencies CHAPTER 8 ■ EDITING THE CALENDAR WITH AJAX AND JQUERY You aren’t passing a time or timezone to the Date object, so that object will default to midnight Greenwich Mean Time (00:00:00 GMT). This can cause your dates to behave unexpectedly for users in different timezones. To address this problem, you’ll need to adjust the date by the timezone offset using two built-in Date object methods: .setMinutes() and .getTimezoneOffset(). The return value of .getTimezoneOffset() is the difference in the number of minutes between GMT and the user’s timezone. For instance, the return value of .getTimezoneOffset() in Mountain Standard Time (-0700) is 420. Using .setMinutes(), you can add the value of the timezone offset to the Date object, which will return the date to midnight on the given day, no matter what timezone the user is in. You can make that adjustment using the following bold code: fx = { "initModal" : function() {...}, "boxin" : function(data, modal) {...}, "boxout" : function(event) {...}, // Adds a new event to the markup after saving "addevent" : function(data, formData){ // Converts the query string to an object var entry = fx.deserialize(formData), // Makes a date object for current month cal = new Date(NaN), // Makes a date object for the new event event = new Date(NaN), // Extracts the event day, month, and year date = entry.event_start.split(' ')[0], // Splits the event data into pieces edata = date.split('-'), // Extracts the calendar month from the H2 ID cdata = $("h2").attr("id").split('-'); // Sets the date for the calendar date object cal.setFullYear(cdata[1], cdata[2], 1); // Sets the date for the event date object event.setFullYear(edata[0], edata[1], edata[2]); // Since the date object is created using 281
Page 1:
THE EXPERT’S VOICE ® IN OPEN SOU
Page 4 and 5:
ii Pro PHP and jQuery Copyright ©
Page 6 and 7:
iv Contents at a Glance ■About th
Page 8 and 9:
vi ■ CONTENTS Understanding jQuer
Page 10 and 11:
viii ■ CONTENTS Summary .........
Page 12 and 13:
x ■ CONTENTS ■Chapter 9: Perfor
Page 14 and 15:
xii About the Author ■ Jason Leng
Page 16 and 17:
xiv Acknowledgments I feel like I s
Page 19 and 20:
C H A P T E R 1 ■ ■ ■ Introdu
Page 21 and 22:
CHAPTER 1 ■ INTRODUCING JQUERY Th
Page 23 and 24:
SETTING UP A LOCAL TESTING ENVIRONM
Page 25 and 26:
google.load("jquery", "1.4.2");
Page 27 and 28:
Basic Selectors CHAPTER 1 ■ INTRO
Page 29 and 30:
Only one paragraph in our document
Page 31 and 32:
$(".foo+p"); CHAPTER 1 ■ INTRODUC
Page 33 and 34:
$("p:odd"); [ p.foo, p#bar ] Select
Page 35 and 36:
$("p:parent"); [ p, p.foo, p, p#bar
Page 37 and 38:
which returns the following in the
Page 39:
Selecting Only Enabled or Disabled
Page 42 and 43:
26 CHAPTER 2 ■ COMMON JQUERY ACTI
Page 44 and 45:
Page 46 and 47:
Page 48 and 49:
Page 50 and 51:
Page 52 and 53:
Page 54 and 55:
Page 56 and 57:
Page 58 and 59:
Page 60 and 61:
Page 62 and 63:
Page 64 and 65:
Page 66 and 67:
Page 68 and 69:
Page 70 and 71:
Page 72 and 73:
Page 74 and 75:
Page 76 and 77:
Page 78 and 79:
Page 80 and 81:
Page 82 and 83:
Page 84 and 85:
Page 86 and 87:
Page 88 and 89:
Page 90 and 91:
Page 92 and 93:
Page 94 and 95:
Page 96 and 97:
Page 98 and 99:
Page 100 and 101:
Page 103 and 104:
C H A P T E R 3 ■ ■ ■ Object-
Page 105 and 106:
$obj = new MyClass; var_dump($obj);
Page 107 and 108:
CHAPTER 3 ■ OBJECT-ORIENTED PROGR
Page 109 and 110:
Page 111 and 112:
$obj = new MyClass; // Get the valu
Page 113 and 114:
} public function setProperty($newv
Page 115 and 116:
Page 117 and 118:
} } return $this->getProperty(); pu
Page 119 and 120:
Create a new object $newobj = new M
Page 121 and 122:
} } // Create a new object $newobj
Page 123 and 124:
Private Properties and Methods CHAP
Page 125 and 126:
} public function __construct() { e
Page 127 and 128:
*/ CHAPTER 3 ■ OBJECT-ORIENTED PR
Page 129 and 130:
Ease of Implementation CHAPTER 3
Page 131 and 132:
Page 133 and 134:
Page 135 and 136:
C H A P T E R 4 ■ ■ ■ Build a
Page 137 and 138:
CHAPTER 4 ■ BUILD AN EVENTS CALEN
Page 139 and 140:
# # DocumentRoot: The directory out
Page 141 and 142:
CHAPTER 4 ■ BUILD AN EVENTS CALEN
Page 143 and 144:
} ?> } } } CHAPTER 4 ■ BUILD AN E
Page 145 and 146:
■ Note For the sake of brevity, D
Page 147 and 148:
} ?> CHAPTER 4 ■ BUILD AN EVENTS
Page 149 and 150:
} ?> } include_once $filename; CHAP
Page 151 and 152:
private $_startDay; public function
Page 154 and 155:
138 CHAPTER 4 ■ BUILD AN EVENTS C
Page 156 and 157:
Page 158 and 159:
Page 160 and 161:
Page 162 and 163:
Page 164 and 165:
Page 166 and 167:
Page 168 and 169:
Page 170 and 171:
Page 172 and 173:
Page 174 and 175:
Page 176 and 177:
Page 178 and 179:
Page 180 and 181:
Page 182 and 183:
Page 184 and 185:
168 CHAPTER 5 ■ ADD CONTROLS TO C
Page 186 and 187:
Page 188 and 189:
Page 190 and 191:
Page 192 and 193:
Page 194 and 195:
Page 196 and 197:
Page 198 and 199:
Page 200 and 201:
Page 202 and 203:
Page 204 and 205:
Page 206 and 207:
Page 208 and 209:
Page 210 and 211:
Page 212 and 213:
Page 214 and 215:
Page 216 and 217:
200 CHAPTER 6 ■ PASSWORD PROTECTI
Page 218 and 219:
Page 220 and 221:
Page 222 and 223:
Page 224 and 225:
Page 226 and 227:
Page 228 and 229:
Page 230 and 231:
Page 232 and 233:
Page 234 and 235:
Page 236 and 237:
Page 238 and 239:
Page 240 and 241:
Page 242 and 243:
Page 244 and 245:
Page 246 and 247: 230 CHAPTER 6 ■ PASSWORD PROTECTI
Page 249: P A R T 3 ■ ■ ■ Combining jQu
Page 252 and 253: 236 CHAPTER 7 ■ ENHANCING THE USE
Page 280 and 281: 264 CHAPTER 8 ■ EDITING THE CALEN
Page 325: P A R T 4 ■ ■ ■ Advancing jQu
Page 328 and 329: 312 CHAPTER 9 ■ PERFORMING FORM V
Page 346 and 347:
330 CHAPTER 9 ■ PERFORMING FORM V
Page 348 and 349:
Page 350 and 351:
Page 352 and 353:
Page 354 and 355:
Page 356 and 357:
Page 358 and 359:
Page 361 and 362:
C H A P T E R 10 ■ ■ ■ Extend
Page 363 and 364:
$.validDate = function(date, option
Page 365 and 366:
Modifying the Initialization Script
Page 367 and 368:
Adding Methods to jQuery CHAPTER 10
Page 369 and 370:
over, then returns it to its origin
Page 371 and 372:
CHAPTER 10■ EXTENDING JQUERY ■
Page 373 and 374:
Defines default values for the plug
Page 375 and 376:
}); // Loads the event data from th
Page 377 and 378:
■ ■ ■ Index ■ Special Chara
Page 379 and 380:
■ C Calendar app JavaScript initi
Page 381 and 382:
saving new calendar events in addin
Page 383 and 384:
:eq( ) method, 17, 20, 26-27 equals
Page 385 and 386:
eginning of string, 324 character c
Page 387 and 388:
asic selectors in by class name, 12
Page 389 and 390:
.die( ) method, 75-76 .error( ) met
Page 391 and 392:
.parents( ) method, 33 .parentsUnti
Page 393 and 394:
overview, 328 regex pattern to vali
show all

Pro PHP and jQuery by Jason Lengstorf.pdf - Computer Science ...

You also want an ePaper? Increase the reach of your titles

Delete template?

Save as template?