1. Trang chủ
  2. » Giáo án - Bài giảng

Code thời tiết

4 514 0
Tài liệu đã được kiểm tra trùng lặp

Đang tải... (xem toàn văn)

THÔNG TIN TÀI LIỆU

Thông tin cơ bản

Định dạng
Số trang 4
Dung lượng 42 KB

Nội dung

Đoạn code hiển thị thời tiết cho blog Xin lưu ý với các bạn là code hoặc scripts về dự báo thời tiết thì rất nhiều Bạn có thể login vào một số trang web về thời tiết , search rồi add thành phố bạn muốn hiển thị sau đó trang web sẽ tạo cho bạn một đoạn code để gắn vào trang web hay blog. Một số trang web hỗ trợ kiểu này ví dụ như : http://www.wunderground.com/. và đây là đoạn code đã tạo được như sau: <div class=”tableborder”> <div class=”maintitle”>Thời Tiết</div> <div class=”tablepad”> <table width=”100%” cellpadding=”0″ cellspacing=”0″ border=”0″> <tr> <td class=”row1″ align=”center”> Thủ đô Hà Nội<br /> <img src=”http://banners.wunderground.com/banner/gizmotimetemp_both/language/www/global/stations/48820.gif” alt=”Ha Noi” height=41 width=127> <br /><br /> Cố đô Huế<br /> <img src=”http://banners.wunderground.com/banner/gizmotimetemp_both/language/www/global/stations/48852.gif” alt=”Co Do Hue” height=41 width=127><br /><br /> Tp Hồ Chí Minh <br /><img src=”http://banners.wunderground.com/banner/gizmotimetemp_both/language/www/global/stations/48900.gif” alt=”Ho Chi Minh” height=41 width=127><br /><br /> Tp Ðà Nẵng<br /> <img src=”http://banners.wunderground.com/banner/gizmotimetemp_both/language/www/global/stations/48855.gif” alt=”Da Nang” height=41 width=127><br /><br /> </td> </tr> </table> </div> </div> Đoạn code trên chỉ hiện được 4 thành phố là Hà Nội , Huế , Đà Nẵng và HCM . Nếu bạn muốn thêm một thành phố hoặc tỉnh bất kỳ thì có thể vào trang web đó và tìm cái số của tỉnh hoặc thành phố là được. Tuy nhiên kèm theo thông tin về thời tiết thì nó lại hiển thị những cái hình không đẹp tí nào. Cái mà mình muốn là đơn giản và không màu mè quá . Và đây là đoạn code : <script language=”JavaScript” src=”http://www.vnexpress.net/Service/Weather_Content.js” type=”text/javascript”></script> <script language=”JavaScript” type=”text/javascript”> function add(name, value) { content = “<tr>”; content += “<td>” + name + “</td><td>” + value + “<sup>o</sup>C</td>”; content += “</tr>”; return content; } content = ” <table width=\”100%\”>”; content += add(vHanoi,dHanoi); content += add(vHaiPhong,dHaiPhong); content += add(vDaNang,dDaNang); content += add(vHoChiMinh,dHoChiMinh); content += “</table>”; document.writeln(content); document.close(); </script> Thành phố Nha Trang: <a href="http://www.wunderground.com/global/stations/ 48877.html?bannertypeclick=gizmotimetemp"> <img src="http://banners.wunderground.com/ weathersticker/gizmotimetemp_both/language /www/global/stations/48877.gif" border=0 alt="Click for Nha Trang, Viet Nam Forecast" height=41 width=127></a> Bạch Long Vĩ: <a href="http://www.wunderground.com/global/ stations/48839.html?bannertypeclick=miniDial"> <img src="http://banners.wunderground.com/ weathersticker/miniDial_both/language/www/ global/stations/48839.gif" border=0 alt="Click for Bach Long Vi, Viet Nam Forecast" height=50 width=150></a> Cà Mau: <a href="http://www.wunderground.com/global/stations/48914.html?bannertypeclick=gizmotimetempbig"> <img src="http://banners.wunderground.com/weathersticker/gizmotimetempbig_both/language/www/global/stations/48 914.gif" border=0 alt="Click for Ca Mau, Viet Nam Forecast" height=40 width=467></a> Cao Bằng: <a href="http://www.wunderground.com/global/stations/48808.html?bannertypeclick=gizmotimetempbig"> <img src="http://banners.wunderground.com/weathersticker/gizmotimetempbig_both/language/www/global/stations/48 808.gif" border=0 alt="Click for Cao Bang, Viet Nam Forecast" height=40 width=467></a> Côn Sơn: <a href="http://www.wunderground.com/global/stations/48918.html?bannertypeclick=gizmotimetempbig"> <img src="http://banners.wunderground.com/weathersticker/gizmotimetempbig_both/language/www/global/stations/48 918.gif" border=0 alt="Click for Con Son, Viet Nam Forecast" height=40 width=467></a> Đồng Hới: <a href="http://www.wunderground.com/global/stations/48848.html?bannertypeclick=gizmotimetempbig"> <img src="http://banners.wunderground.com/weathersticker/gizmotimetempbig_both/language/www/global/stations/48 848.gif" border=0 alt="Click for Dong Hoi, Viet Nam Forecast" height=40 width=467></a> Sơn La: <a href="http://www.wunderground.com/global/stations/48806.html?bannertypeclick=gizmotimetempbig"> <img src="http://banners.wunderground.com/weathersticker/gizmotimetempbig_both/language/www/global/stations/48 806.gif" border=0 alt="Click for Son La, Viet Nam Forecast" height=40 width=467></a> Lạng Sơn: <a href="http://www.wunderground.com/global/stations/48830.html?bannertypeclick=gizmotimetempbig"> <img src="http://banners.wunderground.com/weathersticker/gizmotimetempbig_both/language/www/global/stations/48 830.gif" border=0 alt="Click for Lang Son, Viet Nam Forecast" height=40 width=467></a> Lào Cai: <a href="http://www.wunderground.com/global/stations/48803.html?bannertypeclick=gizmotimetempbig"> <img src="http://banners.wunderground.com/weathersticker/gizmotimetempbig_both/language/www/global/stations/48 803.gif" border=0 alt="Click for Lao Cai, Viet Nam Forecast" height=40 width=467></a> Nam Định: <a href="http://www.wunderground.com/global/stations/48823.html?bannertypeclick=gizmotimetempbig"> <img src="http://banners.wunderground.com/weathersticker/gizmotimetempbig_both/language/www/global/stations/48 823.gif" border=0 alt="Click for Nam Dinh, Viet Nam Forecast" height=40 width=467></a> Phan Thiết: <a href="http://www.wunderground.com/global/stations/48887.html?bannertypeclick=gizmotimetempbig"> <img src="http://banners.wunderground.com/weathersticker/gizmotimetempbig_both/language/www/global/stations/48 887.gif" border=0 alt="Click for Phan Thiet, Viet Nam Forecast" height=40 width=467></a> Vinh: <a href="http://www.wunderground.com/global/stations/48845.html?bannertypeclick=gizmotimetempbig"> <img src="http://banners.wunderground.com/weathersticker/gizmotimetempbig_both/language/www/global/stations/48 845.gif" border=0 alt="Click for Vinh, Viet Nam Forecast" height=40 width=467></a> Phú Quốc: <a href="http://www.wunderground.com/global/stations/48917.html?bannertypeclick=gizmotimetempbig"> <img src="http://banners.wunderground.com/weathersticker/gizmotimetempbig_both/language/www/global/stations/48 917.gif" border=0 alt="Click for Phu Quoc, Viet Nam Forecast" height=40 width=467></a> Qui Nhơn: <a href="http://www.wunderground.com/global/stations/48870.html?bannertypeclick=gizmotimetempbig"> <img src="http://banners.wunderground.com/weathersticker/gizmotimetempbig_both/language/www/global/stations/48 870.gif" border=0 alt="Click for Qui Nhon, Viet Nam Forecast" height=40 width=467></a> Thanh Hoá: <a href="http://www.wunderground.com/global/stations/48840.html?bannertypeclick=gizmotimetempbig"> <img src="http://banners.wunderground.com/weathersticker/gizmotimetempbig_both/language/www/global/stations/48 840.gif" border=0 alt="Click for Thanh Hoa, Viet Nam Forecast" height=40 width=467></a> Trường Sa: <a href="http://www.wunderground.com/global/stations/48920.html?bannertypeclick=gizmotimetempbig"> <img src="http://banners.wunderground.com/weathersticker/gizmotimetempbig_both/language/www/global/stations/48 920.gif" border=0 alt="Click for Truong Sa, Viet Nam Forecast" height=40 width=467></a> Tìm thêm tỉnh hoặc thành phố khác: vào trang http://www.weatherlet.com/ Khi đó xuất hiện 1 trang. Bạn đánh tên tỉnh, thành phố mà bạn muốn biết thời tiết.( Nhớ là đánh liền nhau và không có dấu). Sau đó click vào 0C. http://space.sky.vn/files/2008/01/anh11.jpg Tiếp tục nhấn vào “Get Weather” để lấy sinh code. Rồi bạn nhấn vào “Copy code” để lấy code. Có 2 lựa chọn cho bạn. Lựa chọn 1: Code: ……… Lựa chọn 2: Code: ………… http://space.sky.vn/files/2008/01/anh21.jpg Sau khi chỉnh sửa xong. Bạn copy và chèn vào Text, sau đó Lưu và coi kết quả http://space.sky.vn/files/2008/01/anh31.jpg Chúc các bạn thành công . Đoạn code hiển thị thời tiết cho blog Xin lưu ý với các bạn là code hoặc scripts về dự báo thời tiết thì rất nhiều Bạn có thể. “Get Weather” để lấy sinh code. Rồi bạn nhấn vào “Copy code để lấy code. Có 2 lựa chọn cho bạn. Lựa chọn 1: Code: ……… Lựa chọn 2: Code: ………… http://space.sky.vn/files/2008/01/anh21.jpg

Ngày đăng: 08/09/2013, 17:10

Xem thêm

TỪ KHÓA LIÊN QUAN

w