Practical prototype and scipt aculo us part 46 ppt

... you can (and should) build custom controls on top of the base logic of Draggable and Droppables. And that brings us to a specialized control that leverages drag- and- drop—script .aculo. us s own ... shows CSS changes in real time, just like DOM changes. Click and drag on the element you’re inspecting, and move it around the page—but don’t drop it on the other ul just yet. You’l...

Ngày tải lên: 03/07/2014, 01:20

... Programming and Class-Based OOP 139 ■CHAPTER 8 Other Helpful Things: Useful Methods on Built-Ins 167 PART 2 ■■■ script .aculo. us ■CHAPTER 9 What You Should Know About DHTML and script .aculo. us 193 ■CHAPTER ... 297 ■INDEX 315 iii

Ngày tải lên: 03/07/2014, 01:20

... between Prototype and script .aculo. us: the former builds a rich set of APIs, while the latter uses those APIs to address specific UI needs. Even so, there are a few meanderings. Each chapter of Part ... the way the user expects it to. Prototype is meant to be intuitive and easy to learn. CHAPTER 1 ■ WHAT YOU SHOULD KNOW ABOUT PROTOTYPE, JAVASCRIPT, AND THE DOM10 The second exa...

Ngày tải lên: 03/07/2014, 01:20

... also reads like a sentence: Using Ajax, get the contents of ajax.html and insert them at the bottom of the bucket element. Run this code. Then run it again, and again, and again. Each time you’ll ... We could just as easily have used $('bucket') (or a native DOM call like document.getElementsByTagName('div')[0]) as the argument instead of 'bucket'. • Just...

Ngày tải lên: 03/07/2014, 01:20

... documents that tell us the makeup of the teams, nor the out- comes of the games, but a thorough reading of the US Constitution gives us hints. And so every year a small group of New England football ... allows us to proceed with the fantasy football concept without using the names of actual football players—thus sparing me the wrath of the NFL Players’ Association, which regulates t...

Ngày tải lên: 03/07/2014, 01:20

... just set a breakpoint, paus- ing the evaluation of scripts (and rendering in general) at a certain spot. From here, we can resume the page load, step through functions one by one, and even use ... you can halt the bubbling phase using the stopPropagation method. • When you need to stop the event from bubbling and prevent the default action, use Prototype s custom stop method. It’s a s...

Ngày tải lên: 03/07/2014, 01:20

... readAttribute and writeAttribute Methods Prototype s readAttribute and writeAttribute methods are used to get and set attributes on elements. “Aren’t these superfluous?” you ask. “Doesn’t the DOM give us ... WORKING WITH THE DOM122 Using replace Element#replace is nearly identical to its brother update, but can be used to replace an ele- ment (and all its descendants) instead of jus...

Ngày tải lên: 03/07/2014, 01:20

... events. The next chapter will exemplify the power of Prototype s element traversal methods in the context of handling standard (and not-so-standard) browser events. CHAPTER 6 ■ WORKING WITH THE ... that part. • Instead of the annoying document.createTextNode, we can use Prototype s own Ele- ment#update to set the text content of a new element. • The last step is the same in all cases. W...

Ngày tải lên: 03/07/2014, 01:20

... doesn’t have variable interpolation, but since when has that stopped us? We can fake it. Using the Template Class Prototype gives us a class named Template. Let’s play around with it. var t = new ... new instance of Template and pass it a string. You should recognize the special syntax we use inside the string—it’s identical to Ruby’s. Now we can use this template over and over agai...

Ngày tải lên: 03/07/2014, 01:20

... will focus on script .aculo. us and its robust effects library and set of UI controls. We’ll revisit everything covered in this chapter as we explore script .aculo .us through hands-on examples. CHAPTER ... of us. I managed to fill in a few of the cracks I had skipped over in previous chap- ters, and you got a broader look at the some of the APIs Prototype provides. Part 2 of t...

Ngày tải lên: 03/07/2014, 01:20