Hi Sonja.....
Code: Alles auswählen
<script language="javascript">
function coordtostring(coord)
{
minutes=Math.floor(coord);
seconds=Math.floor((coord-minutes)*60);
if (String(minutes).length==1)
minutes='0'+minutes;
if (String(seconds).length==1)
seconds='0'+seconds;
return minutes+'°'+seconds+"'";
}
function userinfo(username, userlocation, distance, longitude, latitude)
{
document.forms['map_form'].username.value=username;
document.forms['map_form'].location.value=userlocation;
document.forms['map_form'].distance.value=distance;
if (longitude!='') {
document.forms['map_form'].longitude.value=coordtostring(longitude)+' ('+String(longitude).substr(0,6)+')';
document.forms['map_form'].latitude.value=coordtostring(latitude)+' ('+String(latitude).substr(0,6)+')';
}
else {
document.forms['map_form'].longitude.value='';
document.forms['map_form'].latitude.value='';
}
}
function showmousecoord(ereignis)
{
x=-10; // defaults off image
y=-10;
if (window.event) // IE
{
x=window.event.offsetX;
y=window.event.offsetY;
}
else
{
if (ereignis)
{
if (ereignis.target) // mozilla?
{
x=ereignis.pageX-ereignis.target.x;
y=ereignis.pageY-ereignis.target.y;
}
else
{
x=ereignis.pageX;
y=ereignis.pageY;
}
}
}
longitude=x/{PIXELS_PER_LONGITUDE}+{MAP_LEFT_LONGITUDE};
latitude={MAP_TOP_LATITUDE}-y/{PIXELS_PER_LATITUDE};
userinfo('','','',longitude,latitude);
}
function clearinfo()
{
userinfo('','','','','');
}
function usertooltip(u_profile,username,u_map,location,distance,longitude,latitude)
{
return '<a href="'+u_profile+'" class="gensmall" onmouseover="userinfo(\''+username+'\',\''+location+'\',\''+distance+'\',\''+longitude+'\',\''+latitude+'\');">'+username+'</a> <a href="'+u_map+'" class="gensmall">'+location+'</a><br/>';
}
var ol_bgcolor = "#006699";
var ol_fgcolor = "#000000";
var ol_textfont = "Verdana, Arial, Helvetica, sans-serif";
var ol_textcolor = "black";
var ol_textsize = "1";
</script>
<div id="overDiv" style="position:absolute; visibility:hidden; z-index:1000;"></div>
<script language="JavaScript" src="overlib.js"><!-- overLIB (c) Erik Bosrup --></script>
<table width="100%" cellspacing="2" cellpadding="2" border="0" align="center">
<tr>
<td align="center" valign="bottom"><span class="maintitle">{L_TITLE}</span></td>
</tr>
</table>
<table width="100%" cellspacing="2" cellpadding="2" border="0" align="center">
<tr>
<td align="center"><span class="nav"><a href="{U_INDEX}" class="nav">{L_INDEX}</a></span></td>
</tr>
</table>
<map name="map_users">
<!-- BEGIN location -->
<area shape="rect" coords="{location.AREA_LEFT},{location.AREA_TOP},{location.AREA_RIGHT},{location.AREA_BOTTOM}" href="{location.URL}" target="{location.TARGET}" onmouseover="return overlib('{location.NAME}',STICKY);" onmouseout="clearinfo();return nd();">
<!-- END location -->
<!-- BEGIN cluster -->
<area shape="rect" coords="{cluster.AREA_LEFT},{cluster.AREA_TOP},{cluster.AREA_RIGHT},{cluster.AREA_BOTTOM}" href="javascript:void(0);" onmouseover="return overlib(
<!-- BEGIN user -->
usertooltip('{cluster.user.U_PROFILE}','{cluster.user.USERNAME}','{cluster.user.U_MAP}','{cluster.user.LOCATION}','{cluster.user.DISTANCE}','{cluster.user.LONGITUDE}','{cluster.user.LATITUDE}')+
<!-- END user -->
'',STICKY);" onmouseout="clearinfo();return nd();" onclick="return overlib(
<!-- BEGIN user -->
usertooltip('{cluster.user.U_PROFILE}','{cluster.user.USERNAME}','{cluster.user.U_MAP}','{cluster.user.LOCATION}','{cluster.user.DISTANCE}','{cluster.user.LONGITUDE}','{cluster.user.LATITUDE}')+
<!-- END user -->
'',STICKY,CENTER,OFFSETY,-10,TIMEOUT,5000);">
<!-- END cluster -->
</map>
<table border="0" align="center">
<tr><td>
<table cellspacing="1" cellpadding="4" border="0" align="center" class="forumline">
<tr>
<td class="catHead" colspan="2" height="28" align="center"><span class="cattitle">{MAP_NAME}</span></td>
</tr>
<tr>
<td class="row1">
<img name="map_image" src="{U_MAP_GENERATOR}" onmousemove="showmousecoord();" onmouseout="clearinfo();" usemap="#map_users" border="0" width="{MAP_WIDTH}" height={MAP_HEIGHT}>
</td>
<td class="row1">
<form name="map_form">
<table cellspacing="1" cellpadding="4" border="0" align="center" valign="top" class="forumline" width="100%">
<tr>
<th colspan="2" class="thHead">{L_USER_DETAILS}</th>
</tr>
<tr>
<td class="row1"><span class="gen">{L_USER}</span></td>
<td class="row2"><input type="text" class="post" name="username" value="" /></td>
</tr>
<tr>
<td class="row1"><span class="gen">{L_LOCATION}</span></td>
<td class="row2"><input type="text" class="post" name="location" value="" /></td>
</tr>
<tr>
<td class="row1"><span class="gen">{L_DISTANCE}</span></td>
<td class="row2"><input type="text" class="post" name="distance" value="" /></td>
</tr>
<tr>
<td class="row1"><span class="gen">{L_LONGITUDE}</span></td>
<td class="row2"><input type="text" class="post" name="longitude" value="" /></td>
</tr>
<tr>
<td class="row1"><span class="gen">{L_LATITUDE}</span></td>
<td class="row2"><input type="text" class="post" name="latitude" value="" /></td>
</tr>
</table>
</form>
<form action="{S_MAP_MAP_ACTION}" method="post" name="map">
<table cellspacing="1" cellpadding="4" border="0" align="center" class="forumline" width="100%">
<tr>
<th class="thHead">{L_NAVIGATION}</th>
</tr>
<tr>
<td class="row1" align="center"><span class="gen">
{L_MAP}: <select name="map" onchange="if(this.options[this.selectedIndex].value != -1){ forms['map'].submit() }">
<!-- BEGIN map -->
<option value="{map.ID}" {map.SELECTED}>{map.NAME}</option>
<!-- END map -->
</select><input type="submit" value="{L_GO}" class="liteoption" />
</span></td>
</tr>
<tr>
<td class="row1" align="center">
<table border="0" width="60%" cellpadding="0" cellspacing="0">
<tr>
<td class="row1" align="right"><span class="gen"><a href="{U_MAP_NORTHWEST}"><img src="{IMG_NORTHWEST}" border="0" alt="{L_MAP_NORTHWEST}"></a></span></td>
<td class="row1" align="center"><span class="gen"><a href="{U_MAP_NORTH}"><img src="{IMG_NORTH}" border="0" alt="{L_MAP_NORTH}"></a></span></td>
<td class="row1" align="left"><span class="gen"><a href="{U_MAP_NORTHEAST}"><img src="{IMG_NORTHEAST}" border="0" alt="{L_MAP_NORTHEAST}"></a></span></td>
</tr>
<tr>
<td class="row1" align="left"><span class="gen"><a href="{U_MAP_WEST}"><img src="{IMG_WEST}" border="0" alt="{L_MAP_WEST}"></a></span></td>
<td class="row1" align="center"> </td>
<td class="row1" align="right"><span class="gen"><a href="{U_MAP_EAST}"><img src="{IMG_EAST}" border="0" alt="{L_MAP_EAST}"></a></span></td>
</tr>
<tr>
<td class="row1" align="right"><span class="gen"><a href="{U_MAP_SOUTHWEST}"><img src="{IMG_SOUTHWEST}" border="0" alt="{L_MAP_SOUTHWEST}"></a></span></td>
<td class="row1" align="center"><span class="gen"><a href="{U_MAP_SOUTH}"><img src="{IMG_SOUTH}" border="0" alt="{L_MAP_SOUTH}"></a></span></td>
<td class="row1" align="left"><span class="gen"><a href="{U_MAP_SOUTHEAST}"><img src="{IMG_SOUTHEAST}" border="0" alt="{L_MAP_SOUTHEAST}"></a></span></td>
</tr>
</table>
</td>
</tr>
<tr>
<td class="row1" align="center">
<table border="0"><tr>
<td align="left" valign="middle"><a href="{U_MAP_ZOOMOUT}"><img src="{IMG_ZOOMOUT}" border="0" alt="{L_MAP_ZOOMOUT}"></a> </td>
<!-- BEGIN zoom -->
<td align="center" valign="middle"><a href="{zoom.U_MAP}" class="gen">{zoom.ZOOM}</a> </td>
<!-- END zoom -->
<td align="right" valign="middle"><a href="{U_MAP_ZOOMIN}"><img src="{IMG_ZOOMIN}" border="0" alt="{L_MAP_ZOOMIN}"></a></td>
</tr></table>
</td>
</tr>
<tr>
<td class="row1" align="center">
<span class="gen" nobreak="nobreak">{L_FIND_USER} <input type="text" class="post" name="search_user" value="" />
<input type="submit" value="{L_GO}" class="liteoption" />
</span>
</td>
</tr>
</table>
<input type="hidden" name="highlight" value="{HIGHLIGHT_ID}">
</form>
<table cellspacing="1" cellpadding="4" border="0" align="center" class="forumline" width="100%">
<tr>
<th colspan="2" class="thHead">{L_LEGEND}</th>
</tr>
<!-- BEGIN switch_logged_in -->
<tr>
<td class="row1"><span class="gen">{L_LEGEND_SELF}</span><span class="gensmall"> <a href="{U_EDIT}" class="gensmall">{L_EDIT}</a></span></td>
<td class="row2"><span class="gen"><img src="{IMG_SELF}" border="0" /></span></td>
</tr>
<!-- END switch_logged_in -->
<tr>
<td class="row1"><span class="gen">{L_LEGEND_HIGHLIGHT}</span><span class="gensmall"> <a href="{U_HIGHLIGHT_PROFILE}" class="gensmall">{HIGHLIGHT_NAME}</a></span></td>
<td class="row2"><span class="gen"><img src="{IMG_HIGHLIGHT}" border="0" /></span></td>
</tr>
<!-- BEGIN switch_multiple -->
<tr>
<td class="row1"><span class="gen">{L_LEGEND_MULTIPLE}</span></td>
<td class="row2"><span class="gen"><img src="{IMG_MULTIPLE}" border="0" /></span></td>
</tr>
<!-- END switch_multiple -->
<tr>
<td class="row1"><span class="gen">{L_LEGEND_USERS}</span></td>
<td class="row2"><span class="gen"><img src="{IMG_FLAG}" border="0" /></span></td>
</tr>
<tr>
<td class="row1" colspan="2"><span class="gen">{L_LEGEND_VISIBLE}</span></td>
</tr>
<tr>
<!--
I request you retain the full copyright notice below including the link to www.bananeweizen.de.
If you cannot (for good reason) retain the full copyright I request you at least leave in place the
link to www.bananeweizen.de
If you refuse to include this then support on my forums may be affected.
Michael Keppler
// -->
<td class="row1" colspan="2" align="center" class="copyright"><span class="copyright">Map MOD by <a href="http://www.bananeweizen.de" target="_blank" class="copyright">Bananeweizen</a></span></td>
</tr>
</table>
</td>
</tr>
</table>
</td></tr>
<!-- BEGIN switch_users_near -->
<tr><td>
<br />
<table cellspacing="1" cellpadding="4" border="0" align="center" class="forumline" width="100%">
<tr>
<td class="catHead" colspan="3" height="28" align="center"><span class="cattitle">{L_USERS_NEAR}</span></td>
</tr>
<tr>
<th class="thCornerL" height="25" nowrap="nowrap" align="left"> {L_NAME} </th>
<th class="thTop" nowrap="nowrap" align="left"> {L_LOCATION} </th>
<th class="thCornerR" nowrap="nowrap" align="right"> {L_DISTANCE} </th>
</tr>
<!-- BEGIN users_near -->
<tr>
<td class="row1" align="left"><span class="gen"><a href="{switch_users_near.users_near.U_PROFILE}">{switch_users_near.users_near.NAME}</a></span></td>
<td class="row2" align="left"><span class="gen"><a href="{switch_users_near.users_near.U_LOCATION}">{switch_users_near.users_near.LOCATION}</a></span></td>
<td class="row1" align="right"><span class="gen">{switch_users_near.users_near.DISTANCE}</span></td>
</tr>
<!-- END users_near -->
</table>
<table cellspacing="1" cellpadding="4" border="0" align="center" width="100%">
<tr>
<td align="center"><a href="{U_NEAR_LIST}" class="genmed">{L_NEAR_LIST}</a></td>
</tr>
</table>
<br />
<!-- END switch_users_near -->
</td></tr>
</table>
<script>
document.map_image.onmousemove=showmousecoord;
</script>
<table width="100%" cellspacing="2" border="0" align="center">
<tr>
<td valign="top" align="center">{JUMPBOX}</td>
</tr>
</table>
