Şahin, bir önceki mesajımın senin için yeterli olmayacağını düşünerek oturup Netscape kardeşimizin de çalıştırabileceği bir fade uygulaması yazayım dedim :
http://free.7host02.com/xcrypt/4ceviz/Fade1.htm
Kodları da burada :
<html>
<head>
<title>Fading</title>
<script language="JavaScript1.2">
<!--
/*fxcode*/
colorHexCodes = "0123456789abcdef";
varID = "fadingCell";
startHexCodeNum = 3;
hexCodeCount = 6;
speed = 35;
function fadeTo(dir){
thisCell = document.all ? document.all(varID) :
document.getElementById(varID);
thisCellBgColor = thisCell.style.background;
newCellBgColor = "#ff";
tempDir = dir;
index = dir ? 1 : -1;
tempCode = dir ? "f" : "0";
finalColor = dir ? "#ffffff" : "#ff0000";
for(i = startHexCodeNum; i <= hexCodeCount; i++){
codeIndex = colorHexCodes.charAt(
colorHexCodes.indexOf(
thisCellBgColor.charAt(i)
) + index);
if(!codeIndex)codeIndex = tempCode;
newCellBgColor += codeIndex;
}
thisCell.style.background = newCellBgColor;
if(newCellBgColor != finalColor)
setTimeout("fadeTo(tempDir)",speed);
else clearTimeout();
}
-->
</script>
</head>
<body>
Kizinca kizaran hucre : <br><br>
<table height="30" cellpadding="4">
<tr>
<td id="fadingCell"
style="background: #ffffff; border-style: solid;
border-width: 1px; border-color: #000000; cursor: pointer"
onMouseOver="fadeTo(0);" onMouseOut="fadeTo(1);">
Gelme ustume, bak kiziyorum ha...</td>
</tr>
</table>
</body>
</html>
Ancak büyük bir hevesle yazdığım bu scripti Netscape'te deneyince, gariban tarayıcının fonksiyonların hızına yetişemediğini farkettim!(acaba???)
Tabii fixman'da çözüm tükenmez; hırs yaptım ve bu örneği geliştirdim... Sonuçta ortaya şöyle bir şey çıktı :
http://free.7host02.com/xcrypt/4ceviz/Fade2.htm
Buyurun, kodları :
<html>
<head>
<title>fx Fade</title>
<style type="text/css">
<!--
td{
color : #FF0000;
background : #FFFF00;
border-style : solid;
border-width : 1px;
border-color : #000000;
cursor : pointer
}
a:link{
color : #FF0000;
text-decoration : none
}
-->
</style>
<script language="JavaScript1.2">
<!--
/*fxcode*/
// Netscape 7.0'da test edilmistir.
/* dizinin ilk elemani, hucrenin ilk rengi;
// dizinin son elemani, hucrenin son rengi;
// renk gecisini saglamak icin bu iki renk
// arasinda kalan renk kodlarini dogru
// belirlemelisiniz...
// kodu basit tutmak icin renk gecisini
// otomatiklestiren fonksiyonu yazmadim.
// Ayrica script, hucreler arasindaki gecis
// lerde biraz sorunlu calisiyor. Bir iki
// ek fonksiyonla ve degiskenlerin sayisi
// artirilarak bu sorun giderilebilir.
// Ne deyim; gelistirmek gerekiyor... */
var allColors = new Array("#FFFF00","#FFEE00","#FFDD00","#FFCC00",
"#FFBB00","#FFAA00","#FF9900","#FF8800",
"#FF7700","#FF6600","#FF5500","#FF4400",
"#FF3300","#FF2200","#FF1100","#FF0000");
var indexLength = allColors.length - 1;
var index = 0;
var speed = document.all ? 35 : 65;
function changeCell(control,parent,object){
targetObj = document.all ?
event.srcElement : object.target;
if(!targetObj.tagName)
targetObj = targetObj.parentNode;
if(targetObj.tagName != "TABLE"){
targetCell = parent.getElementsByTagName("TD")[targetObj.id];
targetLink = targetCell.getElementsByTagName("A")[0];
window.status = control ? targetLink : "";
fadeTo(control,targetCell,targetLink);
}
}
function fadeTo(dir,targetCell,targetLink){
tempDir = dir;
tempTarget = targetCell;
tempLink = targetLink;
if(dir){
if(index < indexLength)index++;
}
else
if(index) index--;
targetCell.style.background = allColors[index];
targetLink.style.color = allColors[indexLength - index];
if(index && index != indexLength)
setTimeout("fadeTo(tempDir,tempTarget,tempLink)",speed);
else clearTimeout();
}
-->
</script>
</head>
<body>
<h2>f x F A D E</h2>
Uzerine cok fazla gidildiginde kizaran hucre : <br><br>
<table id="main" height="30" cellpadding="4"
onMouseOut="changeCell(0,this,event);"
onMouseOver="changeCell(1,this,event);">
<tr>
<td id="0" width="252">
<a id="0" href="http://www.domates.net">
Gelme ustume, bak kiziyorum ha...</a></td>
</tr>
</table>
</body>
</html>
Ammmaaaa... Bir iki denemeden sonra acı gerçeğin farkına vardım : Scripti tek bir hücreyi baz alarak yazdığım için, birden fazla hücreye sahip tablolarda hücreler arasındaki geçişlerde... Değişkenler sıfırlandığı için bir hatayla karşılaşıyoruz... Bu hata, bir iki ek fonksiyon ve değişkenle düzeltilebilir...
Ne dersin?
Geliştirmeye değer mi?
...