AJAX - The Complete Reference
PART II Chapter 8: User Interface Design for Ajax 361 might argue strongly for the single-click, while others might prefer a dou ...
362 Part II: Developing an Ajax Library^ When we are in edit , look for this special inedit- stemmed class and set it to the cla ...
PART II Chapter 8: User Interface Design for Ajax 363 Finally, in the save() function, the value of the input field used to coll ...
364 Part II: Developing an Ajax Library^ However, before you rush out to use this feature or try to emulate it in Firefox, be aw ...
PART II Chapter 8: User Interface Design for Ajax 365 Click-to-Edit List Now we experiment with the click-to-edit concept within ...
366 Part II: Developing an Ajax Library^ input.focus(); /* set save trigger callback */ input.onblur = function(){save(elm, inpu ...
PART II Chapter 8: User Interface Design for Ajax 367 Drag-and-Drop Drag-and-drop interfaces certainly do not have to rely on Aj ...
368 Part II: Developing an Ajax Library^ Once the events are bound, the user can invoke dragging by holding the mouse button dow ...
PART II Chapter 8: User Interface Design for Ajax 369 widely used libraries discussed towards the end of Chapter 5 like YUI prov ...
370 Part II: Developing an Ajax Library^ padding: 10px; border: solid 2px black; } .draggable {cursor: move;} .draggable:hover { ...
PART II Chapter 8: User Interface Design for Ajax 371 else { position.x = e.clientX + document.documentElement.scrollLeft + docu ...
372 Part II: Developing an Ajax Library^ { /* address cross browser event issues */ e = fixE(e); /* find the position and adjust ...
PART II Chapter 8: User Interface Design for Ajax 373 triggered, the dragDropStop() function would be modified to not only cance ...
374 Part II: Developing an Ajax Library^ <li id="item2" class="draggable">Item #2</li> <li id="item3" class="drag ...
PART II Chapter 8: User Interface Design for Ajax 375 CSS is used to set the cursor of the draggable items as well as specify a ...
376 Part II: Developing an Ajax Library^ else { parent.appendChild(obj); var offsetDiff = -20; } yOffset -= offsetDiff; return f ...
PART II Chapter 8: User Interface Design for Ajax 377 The complete code for the draggable list can be found at http://ajaxref.co ...
378 Part II: Developing an Ajax Library^ client side. Using Ajax, we do this as we go along, and we can even fetch data incremen ...
PART II Chapter 8: User Interface Design for Ajax 379 to see if the user selected one of the choices. In this case, all the clic ...
380 Part II: Developing an Ajax Library^ These are really just global variables that we use as constants to aid readability sinc ...
«
15
16
17
18
19
20
21
22
23
24
»
Free download pdf