140 lines
9.8 KiB
PHP
140 lines
9.8 KiB
PHP
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<link rel="stylesheet" type="text/css" media="screen,projection" href="css/cssmap-europe/cssmap-europe.css" />
|
|
<link rel="stylesheet" type="text/css" media="screen,projection" href="css/style.css" />
|
|
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
|
|
<script type="text/javascript" src="http://cssmapsplugin.com/4/jquery.cssmap.js"></script>
|
|
<script type="text/javascript">
|
|
|
|
$(function($){
|
|
$('#map-europe').cssMap({'size' : 850,'cities' : false });
|
|
});
|
|
window.onload=alert("click "+document.getElementById('romania').href);
|
|
window.onload=document.getElementById('romania').click();
|
|
|
|
/*size : 960, // String: map width (must be set); availalbe sizes: 250, 320, 430, 540, 650, 750, 850, 960, 1280 and 1450;
|
|
tooltips : "sticky", // String: "sticky" - display tooltip in the center of the region;
|
|
// String: "floating" - tooltip follows the mouse pointer; position to the cursor: "floating-top-center" (default), "floating-bottom", "floating-left", "floating-right", "floating-middle-left", "floating-bottom-right" etc;
|
|
// String: "hidden" - hidden tooltips;
|
|
// String: "visible" - always visible tooltips (can be use to show number of item in each region for example);
|
|
tooltipArrowHeight : 5, // Integer: height of the arrow under the tooltip; is set by border-width of the .css-map li a .tooltip-arrow;
|
|
cities : false, // Boolean: display cities on the map;
|
|
visibleList : false, // Boolean: show a list of regions;
|
|
visibleListContainerId : '', // Selector: ID of the optional visible list container; must start with a hash (#) mark;
|
|
loadingText : 'Loading ...', // String: text of the preloader; HTML tags allowed;
|
|
|
|
// Multiple Click mode
|
|
multipleClick : false, // Boolean: Multiple Click mode;
|
|
searchUrl : 'search.php', // String: URL to the search engine; in the Multiple Click mode search link is displayed under the map;
|
|
searchLink : 'Search', // String: Name of the search link;
|
|
searchLinkVar : 'region', // String: variable passing to the search engine;
|
|
searchLinkSeparator : '|', // String: separator of the values passed to the search engine; => ?region=value1|value2|value3
|
|
clicksLimit : 0, // Integer: limited number of clicks; 0 - unlimited clicks;
|
|
clicksLimitAlert : 'You can select only %d region! || regions!',
|
|
// String: error message when the clicks limit has been reached;
|
|
// syntax: [beginning of sentences] %d [singular] || [plural] - where %d is a number of clicks (added by script);
|
|
|
|
// List of addresses
|
|
agentsListId : '', // Selector: ID of the list of agents/addresses; must start with a hash (#) mark;
|
|
agentsListOnHover : false, // Boolean: show and hide agent/address on hover;
|
|
agentsListSpeed : 0, // Integer: fade in/fade out delay in miliseconds; 0 - no fade effect;
|
|
// doesn't work when the agentsListOnHover mode is on;
|
|
|
|
// custom events
|
|
'onHover' : function(e){}, // Callback: function(listItem) - invoked when the mouse pointer enters a region and passing a current list item element;
|
|
'unHover' : function(e){}, // Callback: function(listItem) - invoked when the mouse pointer leaves a region and passing a current list item element;
|
|
'onClick' : function(e){}, // Callback: function(listItem) - invoked when region is clicked and passing a current list item element;
|
|
'onSecondClick' : function(e){}, // Callback: function(listItem) - invoked when region is clicked second time and passing a current list item element;
|
|
'onLoad' : function(e){} // Callback: function(mapObject) - invoked when map is fully loaded and passing a mapObject; => $('#map-europe');
|
|
*/
|
|
</script>
|
|
|
|
</head>
|
|
<body>
|
|
<?php include ("db.php"); ?>
|
|
<div style="z-index:10" id="map-europe">
|
|
<ul class="europe">
|
|
<!-- <li class="eu1"><a href="#albania">Albania</a></li> -->
|
|
<!-- <li class="eu2"><a href="#andorra">Andorra</a></li> -->
|
|
<li class="eu3"><a href="index.php?menuID=4&lan=de#h-12.2" target="_parent">Austria</a></li>
|
|
<!-- <li class="eu4"><a href="#belarus">Belarus</a></li> -->
|
|
<!-- <li class="eu5"><a href="#belgium">Belgium</a></li> -->
|
|
<li class="eu6"><a href="#bosnia-and-herzegovina">Bosnia and Herzegovina</a></li>
|
|
<li class="eu7"><a href="index.php?menuID=36#bulgaria" target="_parent">Bulgaria</a></li>
|
|
<!-- <li class="eu8"><a href="#croatia">Croatia</a></li> -->
|
|
<!-- <li class="eu9"><a href="#cyprus">Cyprus</a></li> -->
|
|
<li class="eu10"><a href="#czech-republic">Czech Republic</a></li>
|
|
<!-- <li class="eu11"><a href="#denmark">Denmark</a></li> -->
|
|
<!-- <li class="eu12"><a href="#estonia">Estonia</a></li> -->
|
|
<!-- <li class="eu13"><a href="#france">France</a></li> -->
|
|
<!-- <li class="eu14"><a href="#finland">Finland</a></li> -->
|
|
<!-- <li class="eu15"><a href="#georgia">Georgia</a></li> -->
|
|
<li class="eu16"><a href="#germany">Germany</a></li>
|
|
<!-- <li class="eu17"><a href="#greece">Greece</a></li> -->
|
|
<li class="eu18"><a href="#hungary">Hungary</a></li>
|
|
<!-- <li class="eu19"><a href="#iceland">Iceland</a></li> -->
|
|
<!-- <li class="eu20"><a href="#ireland">Ireland</a></li> -->
|
|
<!-- <li class="eu21"><a href="#san-marino">San Marino</a></li> -->
|
|
<!-- <li class="eu22"><a href="#italy">Italy</a></li> -->
|
|
<!-- <li class="eu23"><a href="#kosovo">Kosovo</a></li> -->
|
|
<!-- <li class="eu24"><a href="#latvia">Latvia</a></li> -->
|
|
<!-- <li class="eu25"><a href="#liechtenstein">Liechtenstein</a></li> -->
|
|
<!-- <li class="eu26"><a href="#lithuania">Lithuania</a></li> -->
|
|
<!-- <li class="eu27"><a href="#luxembourg">Luxembourg</a></li> -->
|
|
<!-- <li class="eu28"><a href="#macedonia">Macedonia <abbr title="The Former Yugoslav Republic of Macedonia">(F.Y.R.O.M.)</abbr></a></li> -->
|
|
<!-- <li class="eu29"><a href="#malta">Malta</a></li> -->
|
|
<!-- <li class="eu30"><a href="#moldova">Moldova</a></li> -->
|
|
<!-- <li class="eu31"><a href="#monaco">Monaco</a></li> -->
|
|
<!-- <li class="eu32"><a href="#montenegro">Montenegro</a></li> -->
|
|
<!-- <li class="eu33"><a href="#netherlands">Netherlands</a></li> -->
|
|
<!-- <li class="eu34"><a href="#norway">Norway</a></li> -->
|
|
<!-- <li class="eu35"><a href="#poland">Poland</a></li> -->
|
|
<!-- <li class="eu36"><a href="#portugal">Portugal</a></li> -->
|
|
<li class="eu37"><a href="#romania" id="romania" >Romania</a></li>
|
|
<!-- <li class="eu38"><a href="#russian-federation">Russian Federation</a></li> -->
|
|
<li class="eu39"><a href="#serbia">Serbia</a></li>
|
|
<!-- <li class="eu40"><a href="#slovakia">Slovakia</a></li> -->
|
|
<!-- <li class="eu41"><a href="#slovenia">Slovenia</a></li> -->
|
|
<!-- <li class="eu42"><a href="#spain">Spain</a></li> -->
|
|
<!-- <li class="eu43"><a href="#sweden">Sweden</a></li> -->
|
|
<!-- <li class="eu44"><a href="#switzerland">Switzerland</a></li> -->
|
|
<li class="eu45"><a href="#turkey">Turkey</a></li>
|
|
<!-- <li class="eu46"><a href="#ukraine">Ukraine</a></li> -->
|
|
<!-- <li class="eu47"><a href="#united-kingdom">United Kingdom</a></li> -->
|
|
<!-- remove this comment and UK list item (above) to activate the United Kingdom countries
|
|
<li class="eu48"><a href="#england">England</a></li>
|
|
<li class="eu49"><a href="#isle-of-man">Isle of Man</a></li>
|
|
<li class="eu50"><a href="#northern-ireland">Northern Ireland</a></li>
|
|
<li class="eu51"><a href="#scotland">Scotland</a></li>
|
|
<li class="eu52"><a href="#wales">Wales</a></li>
|
|
-->
|
|
</ul>
|
|
|
|
</div>
|
|
<?php
|
|
if(false){ ?>
|
|
<div style="z-index:100">
|
|
<?php
|
|
$query_content_map = "SELECT * FROM map";
|
|
$result_content_map = mysql_query($query_content_map);
|
|
|
|
if($result_content_map!=null){
|
|
while ($line_content_map = mysql_fetch_array($result_content_map)) {
|
|
if($line_content_map['type']=='b'){
|
|
?><div href="javascript:return false;" class="eumap_kreis" style="position:absolute;<?php echo "top:".$line_content_map['var_y']."%;left:".$line_content_map['var_x']."%;"; ?>"></div>
|
|
<div class="eumap_detail" style="position:absolute;<?php echo "top:".($line_content_map['var_y']+5)."%;left:".$line_content_map['var_x']."%;"; ?>"><p><span class="eumap_detail_title"><?php echo $line_content_map['title']; ?></span><br/><br/><span class="eumap_detail_adress">TEXT<?php echo $line_content_map['detail']; ?></span></p></div>
|
|
<?php
|
|
}else if($line_content_map['type']=='s'){{
|
|
?><div href="javascript:return false;" class="eumap_kreis_klein" style="position:absolute;<?php echo "top:".$line_content_map['var_y']."%;left:".$line_content_map['var_x']."%;"; ?>"></div>
|
|
<div class="eumap_detail" style="position:absolute;<?php echo "top:".($line_content_map['var_y']+5)."%;left:".$line_content_map['var_x']."%;"; ?>"><p><span class="eumap_detail_title"><?php echo $line_content_map['title']; ?></span><br/><br/><span class="eumap_detail_adress">TEXT<?php echo $line_content_map['detail']; ?></span></p></div>
|
|
<?php
|
|
}
|
|
}
|
|
}
|
|
}
|
|
?>
|
|
</div>
|
|
<?php } ?>
|
|
</body>
|
|
</html>
|