<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" 
  xmlns:widget="http://www.netvibes.com/ns/">
  <head>
 
    <meta name="author" content="jeremp" />
    <meta name="description" content="Un widget qui affiche les dernieres tablatures sur l'abc-tabs" />
    
    <meta name="apiVersion" content="1.0" />
    <meta name="debugMode" content="true" />
 
    <link rel="stylesheet" type="text/css" 
      href="http://www.netvibes.com/themes/uwa/style.css" />
    <script type="text/javascript" 
      src="http://www.netvibes.com/js/UWA/load.js.php?env=Standalone"></script>

 <!--
    <widget:preferences>
      <preference name="hellowho" type="text" label="Hello who ?" 
        defaultValue="World" />
    </widget:preferences>
 -->
    <title>ABC-Tabs Widget v2.0</title>
    <link rel="icon" type="image/png" 
      href="http://www.abc-tabs.com/favicon.ico" />
 
 <style>
	.header{margin-top:5px;margin-left:15px;margin-bottom:10px;}
	.lien{margin-right:5px;font-weight:bold;text-decoration:underline;cursor:pointer;}
	.footer{margin-top:10px;margin-left:5px;}
 </style>
 
    <script type="text/javascript">
		var YourWidgetName = {}
		
		var selectedUrl = 'http://www.abc-tabs.com/search/nouveautes.php' ;
		var lastUrl = 'http://www.abc-tabs.com/search/nouveautes.php';
		var topUrl = 'http://abc-tabs.com/tops/top_clics.php';
		var tabUrl = 'http://www.abc-tabs.com/search';
		
		var hautcontenu = '<div class="header"></div>';
		var bascontenu = '<div class="footer"><a href="http://www.abc-tabs.com">www.abc-tabs.com</a></div>';
		
		function changeUrl(indice){
			
			if(indice=='topUrl'){
				selectedUrl = topUrl ;
			}
			else{
				selectedUrl = lastUrl ;
			}
			YourWidgetName.dataInit();
		}	

	YourWidgetName.dataInit = function() {
	  widget.setBody('<p>loading...</p>');
	  UWA.Data.getText(
	    selectedUrl,
	    YourWidgetName.dataProcessor
	  );
	}
		 
		YourWidgetName.dataProcessor = function(text) {
			
			var debut = text.indexOf('<table cellspacing="0" cellpadding="1" border="0" width="100%"', 3500);
			var fin = text.indexOf('</table></td>', 3500);
			text = text.substr(debut,fin);
		  
			var contenu = hautcontenu + '' ;
			contenu = contenu + '<ul>';
			
			var MonEltDOM = document.createElement('div');
			MonEltDOM.innerHTML=text;
			var laTable = MonEltDOM.getElementsByTagName('table')[0] ;
			for (i=3; i<16; i++) {
				var ligne = laTable.getElementsByTagName('tr')[i] ;
				var tdTitre = ligne.getElementsByTagName('td')[2];
				var tdArtiste = ligne.getElementsByTagName('td')[1] ;
				var aTitre = tdTitre.getElementsByTagName('a')[0];
				
				var aArtiste = tdArtiste.getElementsByTagName('a')[0];
				var artiste = aArtiste.innerHTML ;
				var titre = aTitre.innerHTML ;
				
				var hRef = aTitre.href ;
				
				var d = hRef.indexOf('/goto',1);
				var f = hRef.length;
				var lienTab = hRef.substr(d,f);
				
				contenu = contenu + '<li>'+artiste+' - <a href=\''+tabUrl+lienTab+'\' target=\'_blank\'>'+titre+'</a></li>';
			}
			contenu = contenu + '</ul>';
			
			  widget.setBody(contenu+bascontenu);
		}
		 
		widget.onLoad = function() {
		  YourWidgetName.dataInit();
		}
    </script>

  </head>
  <body>
    <p>Loading...</p>
  </body>
</html>
