Page Displayer Module

From Fishcakes Wiki

Jump to: navigation, search
Edit Menu

Image:Icon_Exponent_40px.png Page Displayer Module

This page contains info about the Exponent Page Displayer Module.


Contents

About Page Display Module

Allows you to insert an HTML page into an Exponent page.

Code Corrections

None to date.

Using the Page Display Module

To Display a Google Map

Source code which can be uploaded using the Page Displayer Module to display a Google Map on your site.

<!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">
	<head>
		<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
	</head>
 
	<body>
		<div id="map" style="border: 1px solid #333; background-color: #ddd; width: 456px; height: 400px; margin: auto; margin-top: 2em; margin-bottom: 2em">
			<div style="padding: 1em; color: #333">Loading Google Map...</div>
		</div>
 
		<!-- Map loader -->
		<script src="http://maps.google.com/maps?file=api&v=2&key=ABQIAAAAYBB_NyS1YelEH_91Z4JRxRTPO8D1fuP4Dvehrkb7tbDtd9g_0xTVWArpb3eavxmG2-67-ZM8bD7Geg" type="text/javascript"></script>
		<script type="text/javascript">
			//<![CDATA[
 
			if (GBrowserIsCompatible()) {
				function createMarker(point,html) {
					var marker = new GMarker(point);
					GEvent.addListener(marker, "click", function() {
						marker.openInfoWindowHtml(html);
					});
				return marker;
			}	
 
			var map = new GMap2(document.getElementById("map"));
			map.addControl(new GLargeMapControl());
			map.addControl(new GMapTypeControl());
			map.setCenter(new GLatLng(51.532736, -0.131001), 15);
 
			var point = new GLatLng(51.531336, -0.131301);
			var marker = createMarker(point,'<b>Fishcakes Media</b><br>Euston / Kings Cross<br>London, NW1, UK<br>&nbsp;<br><span class="smalltext"><a href="http://maps.google.co.uk/maps?f=q&hl=en&geocode=&q=fishcakes+media&sll=54.162434,-3.647461&sspn=12.733869,24.65332&ie=UTF8&om=1&ll=51.53387,-0.127244&spn=0.013188,0.024076&z=15&iwloc=A" target="_blank" title="visit Google Maps in new window">Get directions from Google Maps &raquo;</a></span>')
			map.addOverlay(marker);
 
			}
			//]]>
		</script>
	</body>
</html>


Image:Icon Resources 20px.png Exponent CMS Resources

Official Exponent Resources


Unofficial Exponent Resources

MySQL Resources

PHP Resources


Personal tools