Ekşi Duyuru html/css mouseover kod, çok acil

(3)

html/css mouseover kod, çok acil

pinkburger

mouse bir linkin veya bir imajın üstüne geldiğinde, sayfanın başka bir yerindeki text değişsin istiyorum. örneğin şöyle olacak;

en altta sayfa1 | sayfa2 | sayfa3... yazacak. bir üst satır boş
sayfa1'in üstüne geldiğinizde bir üstteki satırda 'ana sayfa' yazacak
sayfa2'nin üstüne geldiğinizde anasayfa yazan gidecek yerine 'içindekiler' gelecek.

birkaç tutorial baktım ama hepsi klasik mouseover'lar.
işi bugün bitirmem lazım, aciliyet çok yani.
teşekkürler

pinkburger

(15.08.08)

aklıma ilk gelen şöyle bişey:

onmouseover="textDegistir('sayfa1in');" onmouseout="textDegistir('sayfa1out');"

textDegistir(target) {
if(target == 'sayfa1in')
document.getElementById('sayfaId').title = 'ana sayfa'
else
document.getElementById('sayfaId').title = ''
}

içindekiler sayfasi için de aynısını yazarsın.

kokomichu

(15.08.08)

<div>, <span>, <td> vs değiştirmek için de

document.getElementById("bilmemne").innerHTML =... diye kullanabilirsiniz.

386 dx

(15.08.08)

biraz karışık ama javascript ile şöyle bişi yapmıştık zamanında:

<script type="text/JavaScript">
<!--
function showDiv(divToShow)
{ document.getElementById('div01').style.visibility = 'hidden';
document.getElementById('div02').style.visibility = 'hidden';
document.getElementById(divToShow).style.visibility = 'visible';
}
function hideDiv(divToShow)
{ document.getElementById('div01').style.visibility = 'hidden';
document.getElementById('div02').style.visibility = 'hidden';

}

ve ardından resim için;

<a href="#" onmouseout="MM_swapImgRestore(); hideDiv('div01')" onmouseover="MM_swapImage('Image9','','imagename.jpg',1); showDiv('div01')">

bir örneği için www.genpr.com adresine bakabilirsiniz.

gereksiz insan

(15.08.08)