Homework SourseCreate a weather frame that is resizeable using javascript c
Create a weather frame that is resizeable using javascript, css, html that allows users to see the weather of which ever city they want
Solution
<!-- weather widget start --><div id=\"m-booked-weather-bl250-71926\"> <a href=\"//www.booked.net/weather/visakhapatnam-43622\" class=\"booked-wzs-250-175\" style=\"background-color:#137AE9;\"> <div class=\"booked-wzs-250-175-data wrz-01\"> <div class=\"booked-wzs-250-175-right\"> <div class=\"booked-wzs-day-deck\"> <div class=\"booked-wzs-day-val\"> <div class=\"booked-wzs-day-number\"><span class=\"plus\">+</span>16</div> <div class=\"booked-wzs-day-dergee\"> <div class=\"booked-wzs-day-dergee-val\">°</div> <div class=\"booked-wzs-day-dergee-name\">C</div> </div> </div> <div class=\"booked-wzs-day\"> <div class=\"booked-wzs-day-d\">H: <span class=\"plus\">+</span>16°</div> <div class=\"booked-wzs-day-n\">L: <span class=\"plus\">+</span>8°</div> </div> </div> <div class=\"booked-wzs-250-175-city smolest\">Visakhapatnam</div> <div class=\"booked-wzs-250-175-date\">Sunday, 20 November</div> <div class=\"booked-wzs-left\"> <span class=\"booked-wzs-bottom-l\">See 7-Day Forecast</span> </div> </div> </div> <table cellpadding=\"0\" cellspacing=\"0\" class=\"booked-wzs-table-250\"> <tr> <td>Mon</td> <td>Tue</td> <td>Wed</td> <td>Thu</td> <td>Fri</td> <td>Sat</td> </tr> <tr> <td class=\"week-day-ico\"><div class=\"wrz-sml wrzs-01\"></div></td> <td class=\"week-day-ico\"><div class=\"wrz-sml wrzs-01\"></div></td> <td class=\"week-day-ico\"><div class=\"wrz-sml wrzs-01\"></div></td> <td class=\"week-day-ico\"><div class=\"wrz-sml wrzs-01\"></div></td> <td class=\"week-day-ico\"><div class=\"wrz-sml wrzs-01\"></div></td> <td class=\"week-day-ico\"><div class=\"wrz-sml wrzs-01\"></div></td> </tr> <tr> <td class=\"week-day-val\"><span class=\"plus\">+</span>31°</td> <td class=\"week-day-val\"><span class=\"plus\">+</span>30°</td> <td class=\"week-day-val\"><span class=\"plus\">+</span>30°</td> <td class=\"week-day-val\"><span class=\"plus\">+</span>29°</td> <td class=\"week-day-val\"><span class=\"plus\">+</span>29°</td> <td class=\"week-day-val\"><span class=\"plus\">+</span>29°</td> </tr> <tr> <td class=\"week-day-val\"><span class=\"plus\">+</span>8°</td> <td class=\"week-day-val\"><span class=\"plus\">+</span>10°</td> <td class=\"week-day-val\"><span class=\"plus\">+</span>9°</td> <td class=\"week-day-val\"><span class=\"plus\">+</span>16°</td> <td class=\"week-day-val\"><span class=\"plus\">+</span>14°</td> <td class=\"week-day-val\"><span class=\"plus\">+</span>13°</td> </tr> </table> </a> </div><script type=\"text/javascript\"> var css_file=document.createElement(\"link\"); css_file.setAttribute(\"rel\",\"stylesheet\"); css_file.setAttribute(\"type\",\"text/css\"); css_file.setAttribute(\"href\",\'//s.bookcdn.com/css/w/booked-wzs-widget-275.css?v=0.0.1\'); document.getElementsByTagName(\"head\")[0].appendChild(css_file); function setWidgetData(data) { if(typeof(data) != \'undefined\' && data.results.length > 0) { for(var i = 0; i < data.results.length; ++i) { var objMainBlock = document.getElementById(\'m-booked-weather-bl250-71926\'); if(objMainBlock !== null) { var copyBlock = document.getElementById(\'m-bookew-weather-copy-\'+data.results[i].widget_type); objMainBlock.innerHTML = data.results[i].html_code; if(copyBlock !== null) objMainBlock.appendChild(copyBlock); } } } else { alert(\'data=undefined||data.results is empty\'); } } </script> <script type=\"text/javascript\" charset=\"UTF-8\" src=\"http://widgets.booked.net/weather/info?action=get_weather_info&ver=4&cityID=43622&type=3&scode=124<id=3458&domid=w209&cmetric=1&wlangID=1&color=137AE9&wwidth=250&header_color=ffffff&text_color=333333&link_color=08488D&border_form=1&footer_color=ffffff&footer_text_color=333333&transparent=0\"></script><!-- weather widget end -->
