Advertisement
babyfist

Testing RSS feeds

May 26th, 2020
382
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 8.40 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html>
  3.     <head>
  4.         <title>ABCU|8 - NEWS FEED</title>
  5.     </head>
  6.     <body>
  7.         <header>
  8.             <h1 style="text-align:center; color:Red;"> RSS FEEDS FOR DAILY NEWS</h1>
  9.             <p>  
  10.             <button onclick="divVisibility('Div1')">NEWS SOURCE #</button> |
  11.             <button onclick="divVisibility('Div2')">NEWS SOURCE #</button> |  
  12.             <button onclick="divVisibility('Div3')">NEWS SOURCE #</button> |  
  13.             <button onclick="divVisibility('Div4')">NEWS SOURCE #</button> |  
  14.             <button onclick="divVisibility('Div5')">NEWS SOURCE #</button> |  
  15.             <button onclick="divVisibility('Div6')">NEWS SOURCE #</button> |  
  16.             <button onclick="divVisibility('Div7')">NEWS SOURCE #</button> |  
  17.             <button onclick="divVisibility('Div8')">NEWS SOURCE #</button> |  
  18.             <button onclick="divVisibility('Div9')">NEWS SOURCE #</button> |  
  19.             <button onclick="divVisibility('Div10')">NEWS SOURCE #</button> |
  20.             <button onclick="divVisibility('Div11')">NEWS SOURCE #</button> |
  21.             <button onclick="divVisibility('Div12')">MAKE SHOW ALL</button> |
  22.             </p>
  23.         </header>
  24.  
  25. <!–– DIV # Comment -->
  26. <div id="Div1" style="text-align:left;overflow-y:auto;overflow-x:hidden;width:300px;background-color:#transparent; border:1px solid #333333;">
  27. <h2 style="text-align:center; color:blue;">This is the heading.</h2>
  28. <div id="rsswidget" style="height:600px;">
  29. <iframe src="http://us1.rssfeedwidget.com/getrss.php?time=1590460726134&amp;x=http%3A%2F%2Frss.news.yahoo.com%2Frss%2Ftopstories&amp;w=300&amp;h=600&amp;bc=333333&amp;bw=1&amp;bgc=transparent&amp;m=60&amp;it=true&amp;t=(default)&amp;tc=333333&amp;ts=15&amp;tb=transparent&amp;il=true&amp;lc=0000FF&amp;ls=14&amp;lb=false&amp;id=true&amp;dc=333333&amp;ds=14&amp;idt=true&amp;dtc=284F2D&amp;dts=12" border="0" hspace="0" vspace="0" frameborder="no" marginwidth="0" marginheight="0" style="border:0; padding:0; margin:0; width:300px; height:600px;" id="rssOutput">Reading RSS Feed ...</iframe>
  30. </div><div style="text-align:right;margin-bottom:0;border-top:1px solid #333333;" id="widgetbottom"><span style="font-size:70%"><a href="https://twitter.com/babyfist/">@babyfist</a>&nbsp;</span></div>
  31. </div>
  32. <!–– END DIV # HERE -->
  33.    
  34. <!–– Comment Here -->
  35. <div id="Div2" style="text-align:left;overflow-y:auto;overflow-x:hidden;width:300px;background-color:#transparent; border:1px solid #333333;"><h2 style="text-align:center; color:blue;">This is the heading.</h2><div id="rsswidget" style="height:600px;"><iframe src="https://twitter.com/babyfist/" border="0" hspace="0" vspace="0" frameborder="no" marginwidth="0" marginheight="0" style="border:0; padding:0; margin:0; width:300px; height:600px;" id="rssOutput">Reading RSS Feed ...</iframe></div><div style="text-align:right;margin-bottom:0;border-top:1px solid #333333;" id="widgetbottom"><span style="font-size:70%"><a href="https://twitter.com/babyfist/">@babyfist</a>&nbsp;</span></div></div>
  36. <!–– End Here -->
  37.  
  38. <!–– Comment Here -->
  39. <div id="Div3" style="text-align:left;overflow-y:auto;overflow-x:hidden;width:300px;background-color:#transparent; border:1px solid #333333;"><h2 style="text-align:center; color:blue;">This is the heading.</h2><div id="rsswidget" style="height:600px;"><iframe src="http://us1.rssfeedwidget.com/getrss.php?time=1590460726134&amp;x=http%3A%2F%2Frss.news.yahoo.com%2Frss%2Ftopstories&amp;w=300&amp;h=600&amp;bc=333333&amp;bw=1&amp;bgc=transparent&amp;m=60&amp;it=true&amp;t=(default)&amp;tc=333333&amp;ts=15&amp;tb=transparent&amp;il=true&amp;lc=0000FF&amp;ls=14&amp;lb=false&amp;id=true&amp;dc=333333&amp;ds=14&amp;idt=true&amp;dtc=284F2D&amp;dts=12" border="0" hspace="0" vspace="0" frameborder="no" marginwidth="0" marginheight="0" style="border:0; padding:0; margin:0; width:300px; height:600px;" id="rssOutput">Reading RSS Feed ...</iframe></div><div style="text-align:right;margin-bottom:0;border-top:1px solid #333333;" id="widgetbottom"><span style="font-size:70%"><a href="https://twitter.com/babyfist/">@babyfist</a>&nbsp;</span><br></div></div>
  40. <!–– End Here -->
  41.  
  42. <!–– Comment Here -->
  43. <div id="Div4" style="text-align:left;overflow-y:auto;overflow-x:hidden;width:300px;background-color:#transparent; border:1px solid #333333;"><h2 style="text-align:center; color:blue;">This is the heading.</h2><div id="rsswidget" style="height:600px;"><iframe src="http://us1.rssfeedwidget.com/getrss.php?time=1590467414225&amp;x=https%3A%2F%2Fnews.google.com%2Frss%3Fhl%3Den-US%26gl%3DUS%26ceid%3DUS%3Aen&amp;w=300&amp;h=600&amp;bc=333333&amp;bw=1&amp;bgc=transparent&amp;m=60&amp;it=false&amp;t=(default)&amp;tc=333333&amp;ts=15&amp;tb=transparent&amp;il=true&amp;lc=0000FF&amp;ls=14&amp;lb=false&amp;id=true&amp;dc=333333&amp;ds=14&amp;idt=true&amp;dtc=284F2D&amp;dts=12" border="0" hspace="0" vspace="0" frameborder="no" marginwidth="0" marginheight="0" style="border:0; padding:0; margin:0; width:300px; height:600px;" id="rssOutput">Reading RSS Feed ...</iframe></div><div style="text-align:right;margin-bottom:0;border-top:1px solid #333333;" id="widgetbottom"><span style="font-size:70%"><a href="https://twitter.com/babyfist/">@babyfist</a>&nbsp;</span><br></div></div>
  44. <!–– End Here -->      
  45.  
  46. <!–– Comment Here -->
  47. <div id="Div5" style="text-align:left;overflow-y:auto;overflow-x:hidden;width:300px;background-color:#transparent; border:1px solid #333333;"><h2 style="text-align:center; color:blue;">This is the heading.</h2><div id="rsswidget" style="height:600px;"><iframe src="http://feeds.bbci.co.uk/news/world/us_and_canada/rss.xml" border="0" hspace="0" vspace="0" frameborder="no" marginwidth="0" marginheight="0" style="border:0; padding:0; margin:0; width:300px; height:600px;" id="rssOutput">Reading RSS Feed ...</iframe></div><div style="text-align:right;margin-bottom:0;border-top:1px solid #333333;" id="widgetbottom"><span style="font-size:70%"><a href="https://twitter.com/babyfist/">@babyfist</a>&nbsp;</span><br></div></div>
  48. <!–– End Here -->  
  49.     </body>
  50. </html>                
  51.  
  52.             <script>
  53.             var divs = ["Div1", "Div2", "Div3", "Div4", "Div5", "Div6", "Div7", "Div8", "Div9", "Div10", "Div11"];
  54.             var rows = ["Row1", "Row2", "Row3"]
  55.                 var visibleDivId = null;
  56.                 function divVisibility(divId) {
  57.                     if(visibleDivId === divId) {
  58.                         visibleDivId = null;
  59.                     } else {
  60.                         visibleDivId = divId;
  61.                     }
  62.                     hideNonVisibleDivs();
  63.                 }
  64.                 function hideNonVisibleDivs() {
  65.                     var i, divId, div;
  66.                     for(i = 0; i < divs.length; i++) {
  67.                     divId = divs[i];
  68.                     div = document.getElementById(divId);
  69.                     if(visibleDivId === divId) {
  70.                         div.style.display = "block";
  71.                     } else {
  72.                         div.style.display = "none";
  73.                     }
  74.                 }
  75.             }
  76.             </script>
  77.  
  78. <!–– Div # Comment Here -->
  79.  
  80. <!–– Div # End Here -->
  81.  
  82. <!–– Comment Here -->
  83.  
  84. <!–– End Here -->
  85.  
  86. <!–– Comment Here -->
  87.  
  88. <!–– End Here -->
  89.  
  90. <!–– Comment Here -->
  91.  
  92. <!–– End Here -->
  93.  
  94. <!–– Comment Here -->
  95.  
  96. <!–– End Here -->
  97.  
  98. <!–– Comment Here -->
  99.  
  100. <!–– End Here -->
  101.  
  102. <!–– Comment Here -->
  103.  
  104. <!–– End Here -->
  105.  
  106. <!–– Comment Here -->
  107.  
  108. <!–– End Here -->
  109.  
  110. <!–– Comment Here -->
  111.  
  112. <!–– End Here -->
  113.  
  114. <!–– Comment Here -->
  115.  
  116. <!–– End Here -->
  117.  
  118. <!–– Comment Here -->
  119.  
  120. <!–– End Here -->
  121.  
  122. <!–– Comment Here -->
  123.  
  124. <!–– End Here -->
  125.  
  126. <!–– Comment Here -->
  127.  
  128. <!–– End Here -->
  129.  
  130. <!–– Comment Here -->
  131.  
  132. <!–– End Here -->
  133.  
  134. <!–– Comment Here -->
  135.  
  136. <!–– End Here -->
  137.  
  138. <!–– Comment Here -->
  139.  
  140. <!–– End Here -->
  141.  
  142. <!–– Comment Here -->
  143.  
  144. <!–– End Here -->
  145.  
  146. <!–– Comment Here -->
  147.  
  148. <!–– End Here -->
  149.  
  150. <!–– Comment Here -->
  151.  
  152. <!–– End Here -->
  153.  
  154. <!–– Comment Here -->
  155.  
  156. <!–– End Here -->
  157.  
  158. <!–– Comment Here -->
  159.  
  160. <!–– End Here -->
  161.  
  162. <!–– Comment Here -->
  163.  
  164. <!–– End Here -->
  165.  
  166. <!–– Comment Here -->
  167.  
  168. <!–– End Here -->
  169.  
  170. <!–– Comment Here -->
  171.  
  172. <!–– End Here -->
  173.  
  174. <!–– Comment Here -->
  175.  
  176. <!–– End Here -->
  177.  
  178. <!–– Comment Here -->
  179.  
  180. <!–– End Here -->
  181.  
  182. <!–– Comment Here -->
  183.  
  184. <!–– End Here -->
  185.  
  186. <!–– Comment Here -->
  187.  
  188. <!–– End Here -->
  189.  
  190. <!–– Comment Here -->
  191.  
  192. <!–– End Here -->
  193.  
  194. <!–– Comment Here -->
  195.  
  196. <!–– End Here -->
  197.  
  198. <!–– Comment Here -->
  199.  
  200. <!–– End Here -->
  201.  
  202. <!–– Comment Here -->
  203.  
  204. <!–– End Here -->
  205.  
  206. <!–– Comment Here -->
  207.  
  208. <!–– End Here -->
  209.  
  210. <!–– Comment Here -->
  211.  
  212. <!–– End Here -->
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement