Bio sam u zurbi pa nisam stigi da napisem ceo kod.
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Interaktivna mapa</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1250">
<script language="JavaScript" type="text/JavaScript">
// definisemo kordinate markera na mapi <<<<<<<<<<<<<<<<<<<<<<<
markers = new Array(new Array(220,140),
new Array(265,75),
new Array(21,20),
new Array(245,123),
new Array(150,123));
function show(id){
for(i=0;i<markers.length;i++){
toggleVisibility('marker_'+i, 'hidden', 'hidden', 'hidden')
}
toggleVisibility('marker_'+id, 'visible', 'visible', 'visible')
}
function toggleVisibility(id, NNtype, IEtype, W3Ctype) {
if (document.getElementById) {
eval("document.getElementById(id).style.visibility = \"" + W3Ctype + "\"");
}
else {
if (document.layers) {
document.layers[id].visibility = NNtype;
}
else {
if (document.all) {
eval("document.all." + id + ".style.visibility = \"" + IEtype + "\"");
}
}
}
}
</script>
</head>
<body>
<div style="position: relative">
<div style="position: absolute; left: 0; top: 0; width:399; height:315">
<img src="mapa.jpg" width="399" height="315">
<a href="javascript:show(0);">Beograd</a>
<a href="javascript:show(1);">Pancevo</a>
<a href="javascript:show(2);">marker 3</a>
<a href="javascript:show(3);">marker 4</a>
<a href="javascript:show(4);">marker 5</a>
</div>
<script language="JavaScript" type="text/JavaScript">
for(i=0;i<markers.length;i++){
document.write("<div id=\"marker_" + i + "\" style=\"position: absolute; left: " + markers[i][0] + " ; top: " + markers[i][1] + " ; width:20; height:20; visibility: hidden;\">");
document.write("<img src=\"marker.gif\" width=\"20\" height=\"20\">");
document.write("</div>");
}
</script>
</div>
</body>
</html>
Flash komponenta za atraktivan prikaz vesti na sajtu:
www.flash-news-ticker.com
interaktivna mapa?
