Вопрос по размещенной здесь Jquery карте мира
Вопрос по данной карте:
http://www.codenet.ru/webmast/js/world-map/
Никак не могу сделать так, чтобы при клике на страну проверялся ее хендл: "RU", "BY" и т.п., и при проверке, скажем на "RU" вело на определенную страничку сайта.
Пожалуйста, Гуру, помогите...
Спасибо!
http://www.codenet.ru/webmast/js/world-map/
Никак не могу сделать так, чтобы при клике на страну проверялся ее хендл: "RU", "BY" и т.п., и при проверке, скажем на "RU" вело на определенную страничку сайта.
Пожалуйста, Гуру, помогите...
Спасибо!
- Опять же по данной карте, не описано, как работать с "overandler". Может кто подскажет? от Demias, 30 мая 2012 года
Там же есть пример:
Код:
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type="text/javascript" src="worldmap.js"></script>
<style type="text/css">
.worldmap {fill:white;stroke:black;stroke-width:0.5px;}
.worldmap:hover {fill:#e0ffe0;stroke:black;stroke-width:0.5px;}
</style>
</head>
<body>
<div id="worldmap" width="640" height="400" style="overflow:hidden;"></div>
<script type="text/javascript">
function countryclick(tld) {
document.location='/page.php?country='+tld;
}
var map=new WorldMap({
element : 'worldmap',
width : 640,
height : 400,
clickhandler :'countryclick'
});
</script>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type="text/javascript" src="worldmap.js"></script>
<style type="text/css">
.worldmap {fill:white;stroke:black;stroke-width:0.5px;}
.worldmap:hover {fill:#e0ffe0;stroke:black;stroke-width:0.5px;}
</style>
</head>
<body>
<div id="worldmap" width="640" height="400" style="overflow:hidden;"></div>
<script type="text/javascript">
function countryclick(tld) {
document.location='/page.php?country='+tld;
}
var map=new WorldMap({
element : 'worldmap',
width : 640,
height : 400,
clickhandler :'countryclick'
});
</script>
</body>
</html>
Покапался в яваскриптах, почитал мануалы. Все оказалось очень просто, сам все сделал.
Простите за вопрос.
Ответ банален:
<div id="worldmap" width="960" height="600" style="overflow:hidden;"></div>
<script type="text/javascript">
function countryclick(tld) {
if (tld=='BY')
{
*действие при нажатии на страну "Беларусь"*
}
}
var map=new WorldMap({
element : 'worldmap',
width : 960,
height : 600,
c : {BY:2,DE:2,RU:1,CA:1},
clickhandler :'countryclick'
});
</script>
<?php
Простите за вопрос.
Ответ банален:
<div id="worldmap" width="960" height="600" style="overflow:hidden;"></div>
<script type="text/javascript">
function countryclick(tld) {
if (tld=='BY')
{
*действие при нажатии на страну "Беларусь"*
}
}
var map=new WorldMap({
element : 'worldmap',
width : 960,
height : 600,
c : {BY:2,DE:2,RU:1,CA:1},
clickhandler :'countryclick'
});
</script>
<?php