Đang chuẩn bị nút TẢI XUỐNG, xin hãy chờ
Tải xuống
Practical prototype and scipt.aculo.us part 43: The information in this book is distributed on an "as is" basis, without warranty Although every pre-caution has been taken in the preparation of this work, neither the author(s) nor Apress shall have any liability to any person or entity with respect to any loss or damage caused or alleged to be caused directly or indirectly by the information contained in this work. | CHAPTER 10 INTRODUCTION TO SCRIPT.ACULO.US EFFECTS 247 tr class RB1 td class pos RB td td James Madison td td class summary td td class score 0 td tr tr class RB2 td class pos RB td td John Jay td td class summary td td class score 0 td tr tr class WR1 td class pos WR td td John Marshall td td class summary td td class score 0 td tr tr class WR2 td class pos WR td td Daniel Webster td td class summary td td class score 0 td tr tr class TE td class pos TE td td Samuel Chase td td class summary td td class score 0 td tr tbody table We ll place two such tables into our page one for each team. Adding Styles This page is begging for some styling. Create a new file styles.css and link to it from game.html 248 CHAPTER 10 INTRODUCTION TO SCRIPT.ACULO.US EFFECTS head meta http-equiv Content-type content text html charset utf-8 title Game Page title link rel stylesheet type text css href styles.css script src js prototype.js type text javascript script script src js scriptaculous.js type text javascript script head Now you re free to style this page however you like. Let your inner designer run wild. I m going to go with something minimal see Figure 10-21 . Figure 10-21. The scoring page with styles applied The technical details aren t very interesting I changed the default font sized the tables so that they appear side by side and styled the score table cells to stand out. Bringing in Help Now we re going to search back through the examples from earlier chapters. We ll be salvaging three files in all. The first two scores.php and score_broadcaster.js were created in Chapter 5. The third totaler.js was created in Chapter 7. Move all three to the same directory as game.html. CHAPTER 10 INTRODUCTION TO SCRIPT.ACULO.US EFFECTS 249 As you may remember score_broadcaster.js is our beacon in the sky it talks to our server the scores.php file and fires a custom event every 30 seconds with the latest player data. Soon we ll write code to listen for this event and act upon it. The .
