TAILIEUCHUNG - Publishing AJAX and PHP - part 5

Client-Side Techniques with Smarter JavaScript Product Name Airplane Big car 3. Create a file called and write the following code in it: // Change table style to style 1 function setStyle1() { // obtain references to HTML elements oTable = ("table"); oTableHead = ("tableHead"); oTableFirstLine = ("tableFirstLine"); oTableSecondLine = ("tableSecondLine"); // set styles = "Table1"; = "TableHead1"; = "TableContent1"; = "TableContent1"; } // Change table style to style 2 function. | Client-Side Techniques with Smarter JavaScript body table id table tr th id tableHead Product Name th tr tr td id tableFirstLine Ai rplane td tr tr td id tableSecondLine Big car td tr table br input type button value Set Style 1 onclick setStyle1 input type button value Set Style 2 onclick setStyle2 body html 3. Create a file called and write the following code in it Change table style to style 1 function setStyle1 obtain references to HTML elements oTable table oTableHead tableHead oTableFirstLine tableFirstLine oTableSecondLine tableSecondLine set styles Table1 TableHead1 TableContent1 TableContent1 Change table style to style 2 function setStyle2 obtain references to HTML elements oTable table oTableHead tableHead oTableFirstLine tableFirstLine oTableSecondLine tableSecondLine set styles Table2 TableHead2 TableContent2 TableContent2 4. Finally create the CSS file styles .css .Table1 border DarkGreen 1px solid background-color LightGreen .TableHead1 font-family Verdana Arial font-weight bold 40 Chapter 2 font-size 10pt .TableContentl font-family Verdana Arial font-size 10pt .Table2 border DarkBlue lpx solid background-color LightBlue .TableHead2 font-family Verdana Arial font-weight bold font-size 10pt .TableContent2 font-family Verdana Arial font-size 10pt 5. Load http localhost ajax foundations css css .html in your web browser and test that your buttons work as they should. Figure Table with CSS and JavaScript What Just Happened Your styles .css file contains two sets of styles that can be applied to the table in . When the user clicks one of the Set Style buttons .

TỪ KHÓA LIÊN QUAN
TAILIEUCHUNG - Chia sẻ tài liệu không giới hạn
Địa chỉ : 444 Hoang Hoa Tham, Hanoi, Viet Nam
Website : tailieuchung.com
Email : tailieuchung20@gmail.com
Tailieuchung.com là thư viện tài liệu trực tuyến, nơi chia sẽ trao đổi hàng triệu tài liệu như luận văn đồ án, sách, giáo trình, đề thi.
Chúng tôi không chịu trách nhiệm liên quan đến các vấn đề bản quyền nội dung tài liệu được thành viên tự nguyện đăng tải lên, nếu phát hiện thấy tài liệu xấu hoặc tài liệu có bản quyền xin hãy email cho chúng tôi.
Đã phát hiện trình chặn quảng cáo AdBlock
Trang web này phụ thuộc vào doanh thu từ số lần hiển thị quảng cáo để tồn tại. Vui lòng tắt trình chặn quảng cáo của bạn hoặc tạm dừng tính năng chặn quảng cáo cho trang web này.