Can anyone help me with this . . .?

liunx · Jan 9, 2008

I run a site were I list local business locations with maps. 
 
I'm wanting to make each map for each business come up in a new window that's smaller than the whole screen, that would include a "print this page" button, and a "close this window" button. 
 
Does anyone know where I can find code, or how to set up code to achive what I'm wanting to do? 
 
Any help any of you could pass along would be greatly appreciated. 
 
thanx, 
RockrzYou can check out this, not sure it quite the way you want to go, but you select US or Canada cities, Zoom in for a close up of all the streets and it also has a print option. 
 
<a class="postlink" href="http://ca.maps.yahoo.com/">http://ca.maps.yahoo.com/</a>in your head tags put this. 
 
function popUp(pPage) { 
window.open(pPage,'popWin','resizable=yes,scrollbars=yes,width=580,height=460,toolbar=yes,location=y es'); 
} 
 
then call it like this 
<A href=http://www.htmlforums.com/archive/index.php/"javascript: popUp('map.gif');"><IMG SRC = <a class="postlink" href="http://www.htmlforums.com/archive/index.php/">http://www.htmlforums.com/archive/index.php/</a>"mapsmall.gif" border=0 alt="some text"> 
 
that is one way, I'm sure there is more.Something like this? 
 
 
<html> 
<head> 
<title>map-o-matic</title> 
<style type="text/css"> 
 
a { 
font:400 18px "Comic Sans MS"; 
color

eru; 
} 
 
</style> 
<script language="JavaScript" type="text/javascript"> 
 
var mapWin = null; 
var maps = new Array(); 
var mapNames = new Array(); 
maps[0] = 'http://m2.maps.yahoo.com/mqmapgend?MQMapGenRequest=FDR2dmwjDE%3bu70lr:HOEvq%3batgdf7:%29ualqrt5%26%40%24:%26%40%24g%26w72%26w 72%26MDUV'; 
mapNames[0] = 'Sausalito'; 
maps[1] = 'http://m2.maps.yahoo.com/mqmapgend?MQMapGenRequest=FDR2dmwjDE%3bu70lr:HOEvq%3bw20qr8:%29z7l04y:%26%40%24:%26%40y:q67:q67:VO%1 6P'; 
mapNames[1] = 'Hyannis'; 
maps[2] = 'http://m2.maps.yahoo.com/mqmapgend?MQMapGenRequest=FDR2dmwjDE%3bu70lr:HOEvq%3b0rsdzt:%29r2a0yt:%26%40%24:%26%40y:q67:q67:VO%1 6P'; 
mapNames[2] = 'Key West'; 
 
function openMapWin(mapNum) { 
var markUp = '<html><head><title>'+mapNames[mapNum]+'</title><style>'; 
markUp += 'a{font:600 12px Arial;color:gold;text-decoration:none;}</style></head>'; 
markUp += '<body marginwidth="0" marginheight="0" leftmargin="0" topmargin="0" '; 
markUp += 'bgcolor="#333333"><img width="400" height="400" border=0 src=http://www.htmlforums.com/archive/index.php/"'+maps[mapNum]+'">'; 
markUp += '<table width="100%" cellpadding="8" cellspacing="0" border="0"><tr>'; 
markUp += '<td align="center">'; 
markUp += '<a href=http://www.htmlforums.com/archive/index.php/"javascript:if(window.print)window.print()">Print It</a>'; 
markUp += '</td><td align="center"><a href=http://www.htmlforums.com/archive/index.php/"javascript:self.close()">Close</a>'; 
markUp += '</td></tr></table></body></html>'; 
 
var w = 400; //popup width 
var h = 430; //popup height 
var l = screen.availWidth/2 - w/2; 
var t = screen.availHeight/2 - h/2; 
mapWin = open('','mapWin','width='+w+',height='+h+',left='+l+',top='+t+',status=0'); 
mapWin.document.write(markUp); 
mapWin.document.close(); 
mapWin.focus(); 
} 
 
</script> 
</head> 
<body bgcolor="#000000"> 
<a href=http://www.htmlforums.com/archive/index.php/"#" onclick="openMapWin(0);return false;">Sausalito</a> 
<a href=http://www.htmlforums.com/archive/index.php/"#" onclick="openMapWin(1);return false;">Hyannis</a> 
<a href=http://www.htmlforums.com/archive/index.php/"#" onclick="openMapWin(2);return false;">Key West</a> 
</body> 
</html> 
 
 
Can't totally vouch for the window.print() call; it's somewhat browser-specific. Put your image (map) urls and map names in the arrays. Hope the maps are the same size...

Can anyone help me with this . . .?

liunx

Guest