mouse'la imajın üzerine gelince ayrı yerde text belirmesi nasıl olabilir..?

**dialog** · 23.04.2002 10:44

Merhaba...
Arkadaşlar benim iki problemim var...
1-) "Arşiv" bölümünde de bu konuya tam olarak değinilmemiş....Mouse ile bir resmin (veya map) üzerine gelince ayrı bir yerde text olarak bir yazı beliriyor...Bunu nasıl yapabilirim. Özellikle Dreamweaver ile yapmak mümkün müdür?.. Mümkünse Dreamweaver ile nasıl yapılacağını bana öğretebilirmisiniz....Yok sadece JavaScript kodları ile oluyorsa bunu bana detaylı olarak izah etmeniz gerekecek...Çünkü bu JavaScript başta olmak üzere HTML dışında bu "kodlama" olaylarına epeyce yabancıyım....
2-) Bu JavaScript olayı ne yapmak istesem karşıma çıkıyor....Bunu adamakıllı ve pratik olarak öğrenebileceğim bir yer bir site v.s biliyor musunuz...Gerçi ben araştırıp bir kaç yer buldum. Ama yine de sizin tavsiyelerinizi öğrenmek istiyorum....

Şimdiden teşekkürler...

**Scud** · 23.04.2002 11:47

Kod:

<HTML>
<head>
<title>Başlıksız Döküman</title>
<META name=VI60_defaultClientScript content=JavaScript> 
<meta http-equiv="Content-Type" content="text/HTML; charset=windows-1254"> 
<META NAME="GENERATOR" Content="Microsoft Visual Studio 6.0"> 
<META NAME="AUTHOR" Content="Deniz Dursun (Scud)"> 
<script language="JavaScript">
function mesaj(msg){
scud.innerHTML=msg;}
</script>
</head>
<body bgcolor="#FFFFFF" text="#000000" scroll="auto">
<div id="scud" style="position:absolute; left:488px; top:50px; width:235px; height:205px; z-index:1">Hoşgeldin</div>
<p><a href="#" onMouseOver="mesaj('<b>yazi</b>')" onMouseOut="mesaj('Hoşgeldiniz')">adsadssdasda</a></p>
<p><img src="resim.jpg" onMouseOver="mesaj('<u>resim</u>')" onMouseOut="mesaj('Hoşgeldiniz')"> </p>
</body>
</HTML>

işin mantığı şu şekilde:
Bir adet layer koyuyosun. Bu layer mesajlarının gözükeceği, değişeceği layer oluyor.
sonra bir js fonksiyonu yazıyoruz. Bu fonksiyonun görevi layere erişip içindeki mesajı değiştirmek.
son olarak da bu fonksiyonu herhangi bir nesne ile kulllanıyoruz...

Umarım işine yarar.
Saygılar...

**dialog** · 23.04.2002 14:49

verdiğin kodlarla büyük oranda sorunun çözümüne yaklaşmış sayılırım...Fakat ben bir resmin değişik yerlerine map'ler atayıp oralara da link vermek istiyorum...yani tam olarak yapmak istediğim şu aslında...Bir şehir haritası var...üzerinde de tabiiki şehrin merkez ve ilçeleri var. Mouse ile her bir ilçenin üzerine geldikçe o ilçenin adı ayrı bir yerde belirecek ve isteyen de haritada ilçenin üzerine tıklayarak tanıtım bilgilerine ulaşacak....Yani yapmak istediğim bu benim....Şimdi sen bana resim üzerindeki map in üstüne geldiğimde yazının belirmesi olayını gösterebilirsen sorun hallolacak...
Ben belki baştan tam olarak derdimi anlatamamış da olabilirim....

**Scud** · 23.04.2002 16:03

Yeni bi örnek yazmicam map için ama anlatabilirim....

İlk verdiğim kodda java scripti çalıştırmak için onMouseOver="mesaj('<b>yazi</b>')" onMouseOut="mesaj('Hoşgeldiniz')" şeklinde mouseover ve mouseout olaylarını kullanıyoduk. a tagının da böle özelliği var img tagının da. img map da da

<area shape="circle".....> gibi area tagları var
işte bunlara bu eventları ekleyebilirsin

<area onMouseOver="mesaj('<b>yazi</b>')" onMouseOut="mesaj('Hoşgeldiniz')" shape="circle"....>

gibi...

**someplus** · 18.04.2009 18:31

text gelmesinde bir problem yok yalnız renklendirme olayı neden çalışmıyor anlamadım.
örnek olarak

Kod:

<area shape="rect" style="border:1px red solid;background-color:#FF0000;" coords="276,101,350,144" href="JavaScript:void(0);">

yaptım diyelim. Çalışmıyor nedense

bir fikri olan var mı acaba

**erkanceran** · 20.04.2009 13:19

neyin renginde sorun var tam olarak anlamadım.

<area shape="rect" style="border:1px red solid;background-color:#FF0000;" coords="276,101,350,144" href="JavaScript:void(0);">

bu kodda background-color:#FF0000;" demişsin ama bu resmin üzerinde bir kordinat var arka planı beyaz yapsa bile önünde resim var gözükmez ki.. üzerine geldiğinde text in çıktıgı yerinmi rengini değiştirmek istiyorsunuz ?

Konu Başlığı: mouse'la imajın üzerine gelince ayrı yerde text belirmesi nasıl olabilir..?

Konuyu Paylaş

Seçenekler

mouse'la imajın üzerine gelince ayrı yerde text belirmesi nasıl olabilir..?

Bu konu başlığı için etiketler

Mesaj Seçenekleri