Ejemplo 8: lista de enlaces construida sobre los datos de países

Código fuente

<html>
<head>
	<meta http-equiv="content-type" content="text/html; charset=utf-8" />
	<title>Ejemplo 8: lista de enlaces construida sobre los datos de países</title>
	<script src="http://www.google.com/jsapi"></script>
	<script>google.load("jquery", "1.2.6"); </script>
	
	<script type="text/javascript" src="http://www.lonelydrops.com/drops/1.0/list/es/countries"></script>
	<style type="text/css">
	.continent { font-weight: bold; }
	.country { padding-left: 20px; }
	</style>

</head>
<body>
	<h1>Ejemplo 8: lista de enlaces construida sobre los datos de países</h1>
	<script type="text/javascript"><!--
	$(document).ready(function(){
		var list = drops_countries_es;
		var total = list.length;

var html = '';
		for(var i=0;i<total;i++) {
			var c = list[i];
			if(c.isParent)
				html += ('<div class="continent">' + c.label + ' (' + c.value + ')</div>');
			else
				html += ('<div class="country"><a href="#' + c.value +'">'  + c.label + '</a> (' + c.value + ')</div>');
		}
		$('#listArea').html(html);
	})
	// --></script>
	<div id="listArea"></div>
</body>
</html>