[]

html/css mouseover kod, çok acil
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
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

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.
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 11:21:59)

<div>, <span>, <td> vs değiştirmek için de
document.getElementById("bilmemne").innerHTML =... diye kullanabilirsiniz.
document.getElementById("bilmemne").innerHTML =... diye kullanabilirsiniz.
- 386 dx
(15.08.08 12:19:43)

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.
<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 12:57:41)
1