tailieunhanh - DHTML Utopia Modern Web Design Using JavaScript & DOM- P15

DHTML Utopia Modern Web Design Using JavaScript & DOM- P15:In a single decade, the Web has evolved from a simple method of delivering technical documents to an essential part of daily life, making and breaking relationships and fortunes along the way. “Looking something up on the Internet,” by which is almost always meant the Web, is now within reach of almost anyone living in a first-world country, and the idea of conducting conversations and business (and probably orchestras) in your Web browser is no longer foreign, but part of life | Chapter 9 Communicating With The Server draggable var s for var j 0 j fileNodes i . j 5 s fileNodes i . j 5 s wbr path path fileNodes i . s li ul setTimeout 100 receiveFilenames receives the XML returned by the server in the form of a Sarissa DomDocument object in loadFiles and constructs from it a slice of HTML a document fragment. Here s an example of that fragment based on two retrieved files and ul li class draggable path html file1 wbr .html li li class draggable path html longf wbr ilena wbr wbr l li ul Essentially receiveFilenames creates an unordered list of filenames and adds to each list item a class of draggable ensuring that our drag script later will know that this is a draggable item . It also adds a custom path attribute with the full path of the file to make life easier on the drag script . Finally it breaks the filename into five-character chunks and inserts a wbr tag after each chunk. The wbr tag indicates a point at which a word may be broken for wrapping at the end of a line. This is used to ensure that the filename can be word-wrapped so that it doesn t break the 3 wbr is a nonstandard tag the use of which may well engender some guilty feelings. However there is no cross-browser way to say break up this word wherever you need to in order to get it to fit into a box properly. The other possibilities are shy the soft hyphen which is unsupported by Mozilla and the official solution zero-width space 8203 which has patchy support. MSIE also has the nonstandard CSS word-wrap property but there is no cross-browser equivalent. 260 Licensed to siowchen@ Server Control Commands If you work through the method slowly you ll see that three document hierarchies are at