TAILIEUCHUNG - JavaScript in 10 Simple Steps or Less 2007 phần 8

Trong cơ thể của tài liệu, sử dụng các thẻ span để xác định các văn bản cho kéo. Tên dragThis khối với thuộc tính id, và sử dụng xử lý sự kiện onDragStart giao đối tượng nguồn để sourceObject khi người dùng bắt đầu kéo văn bản: kéo này | Dynamic User Interaction 431 2. In the body of the document use span tags to specify the text for dragging. Name the block dragThis with the id attribute and use the onDragStart event handler to assign the source object to sourceobject when the user starts dragging the text span id dragThis onDragStart sourceObject Drag This span 3. Create the blue target box using a div tag. Name the box dropHere and cancel onDragEnter and onDragOver as outlined earlier in this task. Finally use onDrop to display a dialog box naming the object that was dragged and where it was dropped. div id dropHere onDragEnter false onDragOver false onDrop alert was dropped on D style height 100 width 100 left 500 position absolute D background-color blue nbsp div 4. Save the file and open it in your browser. 5. Select the text and drag it and drop it on the blue box. A dialog box like Figure 208-1 appears. Figure 208-1 Dropping the text displays an alert dialog box. 432 Part 8 Task 2 0 Moving a Dragged Object in Drag and Drop notes The function in the code uses the innerHTML and outerHTML properties of objects. Consider the simple code div id myObject b Text b div . In this case myObj ect. outerHTML is div id my Object b Text b div while is just b Text b . Notice that event. srcElement is used here. This allows you to store the object being dragged in sourceObject for later use when the object is dropped. In Task 208 you saw the basics of drag and drop. This task shows you how to move a dragged object in Internet Explorer. For instance consider Figure 209-1. In this case the goal is to allow the user to drag the text into the blue square and drop it to leave it in the square and remove the original text as in Figure 209-2. Figure 209-1 Preparing to move the text. Figure 209-2 Moving the text after dragging and dropping. Doing this requires several steps 1. When the user starts dragging .

• Kỹ thuật lập trình
• lập trình windows
• ứng dụng windows
• tìm hiểu windows
• lập trình ứng dụng
• lập trình phần mềm
• lập trình hệ thống
• lập trình dotNet
• lập trình Java
• lập trình PHP
• Lập trình Windows nâng cao
• Đề thi Lập trình Windows nâng cao
• Nội dung thi Lập trình Windows nâng cao
• Bài thi Lập trình Windows nâng cao
• Ôn thi Lập trình Windows nâng cao
• Câu hỏi thi Lập trình Windows nâng cao
• Luyện thi Lập trình Windows nâng cao
• Tài liệu thi Lập trình Windows nâng cao
• Bài giảng Lập trình Windows
• Tổng quan lập trình Windows
• Phương pháp lập trình Windows
• Lập trình C trên Windows
• Một số lệnh API đơn giản
• Đề thi môn Lập trình trên Windows
• Môn thi Lập trình trên Windows
• Ôn tập Đề Lập trình trên Windows
• Bài thi Lập trình trên Windows
• Nội dung thi Lập trình trên Windows
• Hướng dẫn thi Lập trình trên Windows
• Đề thi Lập trình trên Windows
• Câu hỏi Lập trình trên Windows
• Ôn thi Lập trình trên Windows
• Luyện thi Lập trình trên Windows
• Môi trường Windows
• Lập trình trên môi trường Windows
• Lập trình Windows Form với C#
• Bài tập thực hành
• Ứng dụng Windows Forms
• Lập trình Windows Form
• Lập trình hướng đối tượng
• Lập trinh Windows
• cẩm nang Lập trinh Windows
• kỹ thuật Lập trinh Windows
• phương pháp Lập trinh Windows
• kinh nghiệm Lập trinh Windows
• Lập trình đồ họa
• Lập trình đa luồng làm việc
• Lập trình đa luồng
• Tổng quan lập trình đa luồng
• Kỹ thuật lập trình Windows
• Ngôn ngữ lập trình Windows
• Ứng dựng lớp cửa sổ
• Phương pháp OOP
• Lập trình C++
• Lập trình Windows VC++ MFC
• Xây dựng ứng dụng Windows Form
• Cấu trúc chương trình Windows
• Lập trình File
• Lập trình Print
• Hàm in tài liệu
• Bài giảng Lập trình trên Windows
• Lập trình trên Windows
• Lập trình ứng dụng Windows
• Lập trình C# trên Windows
• Lập trình C#
• Bài giảng Lập trình Windows bài 1
• Kỹ thuật lập trình
• Xử lý thông điệp trên MS Windows
• Luyện thi Lập trình Windows
• Câu hỏi thi Lập trình Windows
• Tài liệu thi Lập trình Windows
• Control nâng cao
• Giao diện MDI