Target area açılan pencere

Kodla Büyü
P

pakgun

Seçkin Üye
Seçkin Üye
Mesajlar
277
Arkadaşlar html olarak bir site hazırladım ve bir haritanın üzerindeki hedef bölgelere fareyi götürdüğüm zaman küçük bir pencere içinde bir html sayfası açılsın istiyorum. nasıl yapabilirim?
 
Hocam burdakilerden biraz farklı istediğim şey.
Ajaxla yapılabilir ama ben pek bilmiyorum.
Yapmak istediğim tam olarak şu:
Bir harita var ve fareyi bu haritanın üzerindeki köylere getirdiğinizde bir DIV açılacak ve o köyle ilgilş hazırlanmış html sayfası burada gözükecek. fareyi yazı üzerinden çektiğimizde sayfa kapanacak.
 
hocam flashta cok daha rahat yaparsınız dediğniz seyi bence flashla yapın bi metin kutusunun visible true false olaylarıyla yaparsınız
 
hocam dreamweaver da onun adı hotspot . resmi ekledikten sonra alltaki menüde hotspot özelliği belirgin oluyor zaten. şekil çizerek alanı belirleyip linki veriyorsun. pakgun hocam galiba edine'densiniz.:)
 
Elimde şöyle bir javascript var amacınıza göre düzenleyip istediğiniz hale getirebilirsiniz.


.divstyle{position:absolute;
border:1px groove #115585;
width:150;
top:0;
left:0;
}
.pstyletitle{postion:absolute;
background:#b1b49e;
color:white;
font-size:70%;
font-family:verdana;
heigth:50px;}

.pstylebody{postion:absolute;
background:#ebe9d9;
font-size:70%;
font-family:verdana;}
</style>
<script language="JavaScript1.2">
var IE = document.all?true:false

if (!IE) document.captureEvents(Event.MOUSEMOVE)

document.onmousemove = getMouseXY;

var tempX = 0
var tempY = 0


function getMouseXY(e) {
if (IE) { // grab the x-y pos.s if browser is IE
tempX = event.clientX + document.body.scrollLeft
tempY = event.clientY + document.body.scrollTop
} else { // grab the x-y pos.s if browser is NS
tempX = e.pageX
tempY = e.pageY
}
// catch possible negative values in NS4
if (tempX < 0){tempX = 0}
if (tempY < 0){tempY = 0}
// show the position values in the form named Show
// in the text fields named MouseX and MouseY
obj_info = document.getElementById("info")
obj_info.style.top = tempY + 10;
obj_info.style.left = tempX + 10;
return true
}

function alert_msg(titletext,bodytext){
obj_info = document.getElementById("info")
obj_info.style.display = '';
obj_imagetitle = document.getElementById("imagetitle");
obj_imagetitle.innerHTML = titletext;
obj_imagebody = document.getElementById("imagebody");
obj_imagebody.innerHTML = bodytext;
}

function away()
{
obj_info = document.getElementById("info")
obj_info.style.display = 'none';
}
function goToURL() { history.go(-1); }
</script>
<body>
<div Class="divstyle" id="info" style='display:none;'>
<div id="imagetitle" class="pstyletitle" align="center"></div>
<div id="imagebody" class="pstylebody"></div>
</div>
<img src="balik.jpg" width="240" height="160" onmouseover="alert_msg('Buraya Resmin adını','Buraya da <br> içerik yazılacak')" onmouseout="away()">
 
Hocam flashla yapılırda çok fazla bağlantı var haritada 100 kadar yeri etiketlemem lazım. 2. bir konuda her etiketin üzerine gelince açılacak sayfaları ben yapmayacağım sadece bağlantı kısımlarını ben hazırlayacağım. flashta yaparsam hepsi bana kalır :D
 
hmm ben burada tooltip javascript kullandım, bunun html versiyonu var mı bilmiyorum ama denenebilir
 
Cevap yazmak için giriş yap yada kayıt ol.
BBNET
Geri
Üst