yazının üstüne gelince solda resim ve açıklama çıkması

[grafmaster]

merhaba arkadaşlar...

haber sitelerinin çoğunda görüyorum solda yhaber başlıkları oluyor üstüne gelince sağ tarafta haberin resmi ve yazısı çıkıo başka bir haberin üstüne gelince o resim gidiyor diğer haberin resmi ve yazısı geliyor. onmouseover olayı yani bunu nasıl yapabilirz şimdiden teşekkürler

[MOnurCe]

haber sitelerinin çoğunda görüyorum

İstersen bir tanesini göster, kodlarını verim...

[grafmaster]

ya vercektim aslında link ama yasak olcağını düşündüğüm için vermedim...

www.fanatik.com.tr sitesinde ana sayfadaki olay çok iyi bence

[MOnurCe]

Dediğin sayfa ASP.NET kodlarıyla hazırlanmış, başlık çağırıyor dikkat edersen... ASP.NET ile yapacaksan çok basit...

Tabloya label ekle, mouse linkin üzerindeyken, VB script ile Label1.text = "Haber1" gibi yap.

[grafmaster]

php kullanıyorum javascript ile yapılmıyormu bu

[anova]

İstemci tarafında asla vbscript kullanmamalıyız.
asp.net ajax bileşenleri de istemci tarafında javascript kullanmakta.

grafmaster : onmouseover içine yazacağın fonksiyona o linkin üzerine gelince görünecek resmi ve altında görünecek açıklamanın html kodunu parametre olarak yollarsan, ve resmin SRC içeriğin bulunduğu yere de bir DIV yerleştirip innerHTML değerine müdahale edersen kolayca yaparsın.

[MOnurCe]

anova, mesajından alıntı:

İstemci tarafında asla vbscript kullanmamalıyız.
asp.net ajax bileşenleri de istemci tarafında javascript kullanmakta.

grafmaster : onmouseover içine yazacağın fonksiyona o linkin üzerine gelince görünecek resmi ve altında görünecek açıklamanın html kodunu parametre olarak yollarsan, ve resmin SRC içeriğin bulunduğu yere de bir DIV yerleştirip innerHTML değerine müdahale edersen kolayca yaparsın.

Arkadaşın tek kelime anlamadığından eminim (: arkadaş için JS de denerim...

[grafmaster]

evet anlamadım

[anova]

O halde hemen örnekleyelim:

+-------------------------------------------------+
|                        |                        |
|                        |                        |
|   img id="resim"       |                        |
|                        |     Sağ                |
|                        |     tarafta            |
|   div id="icerik"      |     linkler            |
|                        |                        |
+-------------------------------------------------+

her linkin onmouseover olayında şöyle bir fonksiyon çağrılmalı:

onmouseover=habergoster('haber.jpg', '<h3>Şok gelişme</h3><p>Şok gelişme vs.vs. vs.</p>');

function habergoster(resim, ozet)
{
   document.getElementById('resim').src = resim;
   document.getElementById('icerik').innerHTML = ozet;
}

Elbette fonksiyonu çağırırken resim isimleri ve özet içerik bilgileri önceden link içine server-side dil ile çekilmiş olmalı. ( Bu durumda php)

Not: lestioni nin belirttiği gibi, src değil innerHTML olmalı ki div de hata vermesin kod.

[MOnurCe]

İstemci tarafında asla vbscript kullanmamalıyız.

Sebep?