Advanced Search

Page 4 of 4 FirstFirst ... 234
Results 31 to 31 of 31

Thread: RSS Ticker

  1. #31
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    28,702
    Thanks
    43
    Thanked 3,133 Times in 3,097 Posts
    Blog Entries
    12

    Default

    Firefox has a problem initializing the feeds when their display property is set to none by the tabber script. So I changed that (two places) to position:absolute;visibility:hidden;top:-3000px;left:-3000px; which also hides them, but allows Firefox to initialize them. This has no affect on other browsers that could do it the other way, they're fine with it. Additionally (and this apparently affects all browsers), sometimes a feed times out before it's fetched. For that I added a refresh current tab button. After backing it up, replace your:

    http://world-fishing-news.com/TABS/tabber/02FISHINGNEWSTAB.html

    page with this one:

    Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html lang="en">
    <head>
    <!-- $Id: example.html,v 1.4 2006/03/27 02:44:36 pat Exp $ -->
      <meta http-equiv="Content-Type"
     content="text/html; charset=ISO-8859-1">
      <title>LIVE FISHING NEWS</title>
      <script type="text/javascript" src="tabber.js"></script>
      <link rel="stylesheet" href="example.css" type="text/css"
     media="screen">
    <style type="text/css">
    .tabbertab.tabbertabhide {
    	display: block;
    	position:absolute;
    	visibility:hidden;
    	top:-3000px;
    	left:-3000px;
    }
    </style>
      <link rel="stylesheet" href="example-print.css" type="text/css"
     media="print">
      <script type="text/javascript">
    
    /* Optional: Temporarily hide the "tabber" class so it does not "flash"
       on the page as plain HTML. After tabber runs, the class is changed
       to "tabberlive" and it will appear. */
    
    document.write('<style type="text/css">.tabber{position:absolute;visibility:hidden;top:-3000px;left:-3000px;}<\/style>');
    function refreshTab(){
     var d = document.getElementsByTagName('div');
     for (var i = d.length - 1; i > -1; --i){
     	if(/tabbertab/.test(d[i].className) && !/hide/.test(d[i].className)){
     		d[i].getElementsByTagName('iframe')[0].rev = d[i].getElementsByTagName('iframe')[0].rev || d[i].getElementsByTagName('iframe')[0].src;
     		d[i].getElementsByTagName('iframe')[0].src = d[i].getElementsByTagName('iframe')[0].rev + '?bustcache=' + new Date().getTime();
     	}
     }
    }
      </script>
    
      <meta content="The World of Fishing News Team" name="author">
      <meta
     content="≈~≈The Daily Catch Team brings you Fishing News &amp; Reports continually updated from thousands of sources around the World≈~≈"
     name="description">
    </head>
    <body style="color: rgb(0, 0, 0); background-color: yellow;"
     alink="#000099" link="#000099" vlink="#990099">
    <div class="tabber">
    <div class="tabbertab">
    <h2><span><style="height: 30px;=""><span
     style="color: rgb(51, 51, 255);">The Daily Catch News</span></style="height:>
    </span></h2>
    <div align="left"><iframe
     src="http://world-fishing-news.com/RSSWFNews/rsscrawler/rsscrawler/newsletters.html"
     marginwidth="0" marginheight="0"
     style="border-style: solid; border-color: rgb(68, 85, 153);"
     frameborder="no" height="60" scrolling="no" width="100%"> </iframe>
    </div>
    </div>
    <div class="tabbertab">
    <h2 style="color: rgb(51, 51, 255);">UK Fishing News
    
    </h2>
    <div align="left"><iframe
     src="http://world-fishing-news.com/RSSWFNews/rsscrawler/rsscrawler/uknewsfeed.html"
     marginwidth="0" marginheight="0"
     style="border-style: solid; border-color: rgb(68, 85, 153);"
     frameborder="no" height="60" scrolling="no" width="100%"> </iframe>
    </div>
    </div>
    <div class="tabbertab">
    <h2 style="color: rgb(51, 51, 255);">USA Fishing News
    </h2>
    <div align="left"><iframe
     src="http://world-fishing-news.com/RSSWFNews/rsscrawler/rsscrawler/usanewsfeed.html"
     marginwidth="0" marginheight="0"
     style="border-style: solid; border-color: rgb(68, 85, 153);"
     frameborder="no" height="60" scrolling="no" width="100%"></iframe>
    </div>
    </div>
    <div class="tabbertab">
    <h2 style="color: rgb(51, 51, 255);">Fishing Catch Reports <br>
    </h2>
    <div align="left"><iframe
     src="http://world-fishing-news.com/RSSWFNews/rsscrawler/rsscrawler/catchreports.html"
     marginwidth="0" marginheight="0"
     style="border-style: solid; border-color: rgb(68, 85, 153);"
     frameborder="no" height="60" scrolling="no" width="100%"> </iframe>
    
    </div>
    </div>
    <div class="tabbertab">
    <h2 style="color: rgb(51, 51, 255);">Tournament Fishing News<br>
    </h2>
    <div align="left"><iframe
     src="http://world-fishing-news.com/RSSWFNews/rsscrawler/rsscrawler/tournament.html"
     marginwidth="0" marginheight="0"
     style="border-style: solid; border-color: rgb(68, 85, 153);"
     frameborder="no" height="60" scrolling="no" width="100%"></iframe>
    </div>
    </div>
    <div class="tabbertab">
    <h2 style="color: rgb(51, 51, 255);">Bass Fishing News<br>
    </h2>
    <div align="left"><iframe
     src="http://world-fishing-news.com/RSSWFNews/rsscrawler/rsscrawler/bass.html"
     marginwidth="0" marginheight="0"
     style="border-style: solid; border-color: rgb(68, 85, 153);"
     frameborder="no" height="60" scrolling="no" width="100%"></iframe>
    </div>
    
    </div>
    <div align="center">
    <form style="height: 42px;"> <input onclick="history.go(0)"
     value="Refresh Fishing News" type="button"> <br> <input onclick="refreshTab();" value="Refresh Current Tab" type="button"> <br>
      <img style="width: 728px; height: 60px;" alt=""
     src="http://i237.photobucket.com/albums/ff191/BILLYFISHING/c78469e7.png"><br>
    </form>
    </div>
    </div>
    </body>
    </html>
    Last edited by jscheuer1; 01-29-2012 at 05:20 PM. Reason: code improvement
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •