Rub21
11/26/2013 - 10:05 PM

programas gis

programas gis

<!DOCTYPE>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	 <STYLE type="text/css">
  *{
	margin:0px;
	paddng:0px;
}
body{
	font: 62.5%;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	}
	#page-wrap{
		padding-top:20px;
		padding-left:20px;
		}
		h1{
			margin-bottom:10px;
		}
		.items a,.items a:active,.items a:link,.items a:visited{
		font-size:1.2em;
			color:#3300CC;
			text-decoration:underline;
			display:block;
			margin-top:10px;
		}
		.items a:hover{
			text-decoration:none;	
		}
		.brief{
			font-size:0.8em;
			padding-left:10px;
		}
		.long{
			font-size:0.8em;
			padding-left:10px;
		}
    </STYLE>

	<script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.js"></script>
	<title>Datos GIS</title>
     <script>
     	$(document).ready(function(){
			$.ajax({
				type: "GET",
				//url: "https://dl.dropboxusercontent.com/u/43116811/SITES.XML",
				url: "https://dl.dropboxusercontent.com/u/43116811/dat-gis.xml",
				dataType: "xml",
				success: function(xml) {
					$(xml).find('Contents').each(function(){

						var key = $(this).find('Key').text();
						console.log(key);
						var LastModified = $(this).find('LastModified').text();
							console.log(LastModified);
						var Size = $(this).find('Size').text();
							console.log(LastModified);
						$('<div class="items" id="link_'+key+'"></div>').html('<a href="http://s3.amazonaws.com/ArcGIS-10.1/'+key+'">'+key+'</a><div>Modificado: '+LastModified+'</div><div> tamaño:'+((Size/1024)/1024).toFixed(2)+'MB </div>').appendTo('#page-wrap');
						$(this).find('desc').each(function(){
							var brief = $(this).find('brief').text();
							var long = $(this).find('long').text();
							$('<div class="brief"></div>').html(brief).appendTo('#link_'+id);
							$('<div class="long"></div>').html(long).appendTo('#link_'+id);
						});
					});
				}
			});
		});
     </script>
</head>
<body>
	<div id="page-wrap">
     	<h1>>Datos GIS</h1>
     </div>
</body>
</html>