This sample illustrates how to dump a list of the Top 10 Unreal Tournament 2003 maps from Mapraider.com using plain old HTML and a little bit of JavaScript. Keep in mind that you can display the data however you want - you don't have to list them out like this.

The red code is all that you have to add to your HTML file to simply display a list.

The blue code shows how you can define stylesheets to change the way the data is displayed.

 Back to the Content Sharing Page 

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

	<head>
		<meta http-equiv="content-type" content="text/html;charset=ISO-8859-1">

		<!-- Include the data file that you want to use from the Mapraider.com server -->
		<script language="JavaScript" src="http://www.mapraider.com/sharing/js/top10-ut2k3.js"></script>

		<!-- include the library file below the data file -->
		<script language="JavaScript" src="inc.mapraider.js"></script>

		<!-- set the styles for the predefined classes for our map data -->
		<style type="text/css" media="screen"><!--
		
			.mrmapname { color: #000 }
			a:hover.mrmapname { color: #f00 }
			
			.mrauthortext { font-size: 10px; color: #000 }
			
			.mrauthorlink { font-size: 10px; color: #000 }
			a:hover.mrauthorlink { font-size: 10px; color: #f00 }
			
			.mrscore { color: #000 }
			.mrratings { color: #000 }
			
			--></style>
	</head>

	<body bgcolor="#ffffff">
		<p>
			<script>
			<!--
			
				// Call the ShowMaps () function to display the maps.
				ShowMaps ( iVertical, 0, 0, 
					bShowName, bShowAuthor, bShowScreenshot, bShowScore, bShowRatings);
				
			// -->
			</script>
		</p>
	</body>

</html>