F1 Javascript Headline Trackers

• Example 1: 10 Latest headlines
• 
  
• 
  <!-- BEGIN UPDATESPORT JS news syndication code --> <style type="text/css"> <!-- table.headlineContainer { width: 300px; border-top: 0px; border-bottom: 6px solid #555555; border-left: 1px solid #555555; border-right: 1px solid #555555; background: #FFFFFF; font-size: 10px; color: #555555; } table.headlineContainer a { color: #315171; } table.headlineContainer a:hover { color: #698EB2; } //--> </style> <table cellpadding="0" cellspacing="0" border="0" class="headlineContainer"> <tr><td bgcolor="#555555"><a href="http://formula-1.updatesport.com/news/" title="Latest F1 News"><img src="http://formula-1.updatesport.com/js/testgfx.gif" alt="Latest Formula 1 Headlines" border="0" /></td></tr> <tr><td> <script language="javascript" src="http://formula-1.updatesport.com/js/jsHeadlines.php"></script> </td></tr> <tr><td align="right"><a href="http://www.updatef1.com" target="_blank"><img src="http://formula-1.updatesport.com/gfx/logoUF12.gif" alt="F1 Formula 1 Formula One - UpdateF1" border="0" /></a></td></tr> </table> <!-- REMOVABLE NOTICE: The script provided is fully customisable but UpdateSport requests that external code - including links to our site and copyright notices - is not removed --> <!-- Copyright 2005 UpdateSport.com. All rights reserved. --> <!-- END UPDATESPORT JS -->
• 
  Example 2: 10 Latest headlines & article preview
• 
  
• 
  <!-- BEGIN UPDATESPORT JS news syndication code --> <style type="text/css"> <!-- table.headlineContainer { width: 300px; border-top: 0px; border-bottom: 6px solid #555555; border-left: 1px solid #555555; border-right: 1px solid #555555; background: #FFFFFF; font-size: 10px; color: #555555; } table.headlineContainer a { color: #315171; } table.headlineContainer a:hover { color: #698EB2; } //--> </style> <table cellpadding="0" cellspacing="0" border="0" class="headlineContainer"> <tr><td bgcolor="#555555"><a href="http://formula-1.updatesport.com/news/" title="Latest F1 News"><img src="http://formula-1.updatesport.com/js/testgfx.gif" alt="Latest Formula 1 Headlines" border="0" /></td></tr> <tr><td> <script language="javascript" src="http://formula-1.updatesport.com/js/jsHeadlines.php?preview=on&keyword=Ferrari"></script> </td></tr> <tr><td align="right"><a href="http://www.updatef1.com" target="_blank"><img src="http://formula-1.updatesport.com/gfx/logoUF12.gif" alt="F1 Formula 1 Formula One - UpdateF1" border="0" /></a></td></tr> </table> <!-- REMOVABLE NOTICE: The script provided is fully customisable but UpdateSport requests that external code - including links to our site and copyright notices - is not removed --> <!-- Copyright 2005 UpdateSport.com. All rights reserved. --> <!-- END UPDATESPORT JS -->
• 
  Example 3: 10 Latest headlines with images
• 
  
• 
  <!-- BEGIN UPDATESPORT JS news syndication code --> <style type="text/css"> <!-- table.headlineContainer { width: 350px; border-top: 0px; border-bottom: 6px solid #555555; border-left: 1px solid #555555; border-right: 1px solid #555555; background: #FFFFFF; font-size: 10px; color: #555555; } table.headlineContainer a { color: #315171; } table.headlineContainer a:hover { color: #698EB2; } //--> </style> <table cellpadding="0" cellspacing="0" border="0" class="headlineContainer"> <tr><td bgcolor="#555555"><a href="http://formula-1.updatesport.com/news/" title="Latest F1 News"><img src="http://formula-1.updatesport.com/js/testgfx.gif" alt="Latest Formula 1 Headlines" border="0" /></td></tr> <tr><td> <script language="javascript" src="http://formula-1.updatesport.com/js/jsHeadlines.php?images=on"></script> </td></tr> <tr><td align="right"><a href="http://www.updatef1.com" target="_blank"><img src="http://formula-1.updatesport.com/gfx/logoUF12.gif" alt="F1 Formula 1 Formula One - UpdateF1" border="0" /></a></td></tr> </table> <!-- REMOVABLE NOTICE: The script provided is fully customisable but UpdateSport requests that external code - including links to our site and copyright notices - is not removed --> <!-- Copyright 2005 UpdateSport.com. All rights reserved. --> <!-- END UPDATESPORT JS -->
• 
  Example 4: 10 Latest keyword ('FIA') headlines with images
• 
  
• 
  <!-- BEGIN UPDATESPORT JS news syndication code --> <style type="text/css"> <!-- table.headlineContainer { width: 350px; border-top: 0px; border-bottom: 6px solid #555555; border-left: 1px solid #555555; border-right: 1px solid #555555; background: #FFFFFF; font-size: 10px; color: #555555; } table.headlineContainer a { color: #315171; } table.headlineContainer a:hover { color: #698EB2; } //--> </style> <table cellpadding="0" cellspacing="0" border="0" class="headlineContainer"> <tr><td bgcolor="#555555"><a href="http://formula-1.updatesport.com/news/" title="Latest F1 News"><img src="http://formula-1.updatesport.com/js/testgfx.gif" alt="Latest Formula 1 Headlines" border="0" /></td></tr> <tr><td> <script language="javascript" src="http://formula-1.updatesport.com/js/jsHeadlines.php?images=on&keyword=FIA"></script> </td></tr> <tr><td align="right"><a href="http://www.updatef1.com" target="_blank"><img src="http://formula-1.updatesport.com/gfx/logoUF12.gif" alt="F1 Formula 1 Formula One - UpdateF1" border="0" /></a></td></tr> </table> <!-- REMOVABLE NOTICE: The script provided is fully customisable but UpdateSport requests that external code - including links to our site and copyright notices - is not removed --> <!-- Copyright 2005 UpdateSport.com. All rights reserved. --> <!-- END UPDATESPORT JS -->
• 
  How to customise your code...
• UpdateF1's Javascript headline trackers offer webmasters the ability to be able to customise both the appearance of the feed and the news it displays.
  
  Changing the look and feel of your tracker is as simple as editing the stylesheet included in the code above.
  
  To customise the news displayed, a number of variables can be added to the scriptÕs query string.
  
  Headlines: The number of headlines the tracker should display (A maximum of 25)
  Preview: A one-line preview of each article. Set to 'on' to activate.
  Keyword: Restricts the headlines displayed to a given topic (Maximum of 75 characters)
  Images: Displays an image with each of the headlines. Set to 'on' to activate.
  
  
  To use these options, modify the URL in the source of the javascript (<script language="javascript" src="URL">)
  
  The below example displays 15 headlines, with a preview and images, about McLaren.
  
  ...jsHeadlines.php?headlines=15&preview=on&images=on&keyword=McLaren.
  
  If you have any troubles using the script, please feel free to request help through the online contact form.
  
  Notice: Webmasters that use the provided scripts should be aware that we can not guarantee the code will not change in the future. Should we need to make changes a notice will be placed in the Announcements section of the forum at least two months before modifications are made.