ie5 ve firefoxta düzgün çalışmasına rağmen operada güzgün çalışmayan bir kodum var ve bu browser farklılıkları insanı çileden çıkarıyor...
öncelikle bu kodu operada nasıl çalıştırabileceğimi ve bu browser farklılıkları konsunda bilgi alabileceğim bir adresi benimle paylaşabilir misiniz ?
kolaygelsin
PHP Kodu:
<script language="javascript" type="text/javascript">
function menugoster(id){
document.getElementById(id).style.visibility = "visible";
}
function menugizle(id){
document.getElementById(id).style.visibility = "hidden";
}
//alt menülerin aktifleştirildiği bölüm
function aktif(id,renk,olumlu){
document.getElementById(id).style.background = renk;
}
function aktifdegil(id,renk,olumlu){
document.getElementById(id).style.background = renk;
}
//ana görünür menüyü aktifleştiren kısın
function aktifa(id,renk,olumlu){
document.getElementById(id).style.background = renk;
border(id,"#66ccff",olumlu);
}
function aktifdegila(id,renk,olumlu){
document.getElementById(id).style.background = renk;
border(id,"#66ccff",olumlu);
}
function border(id,renk,olumlu){
if (olumlu == "+"){
document.getElementById(id).style.border = "solid " + 1 +"px "+renk;
}else{
}
}
</script>
<table >
<tr>
<td id="t1" onmousemove="aktifa('t1','#0099ff','+')"
onmouseout="aktifdegila('t1','#00ccff','-')"
style=" background:#00ccff;border:solid 1px #FFFFFF; color:#FFFFFF; cursor:default;">Ana Sayfa</td>
<td id="t2" onmousemove="aktif('t2','#0099ff','+');menugoster(1)"
onmouseout="aktifdegil('t2','#00ccff','-');menugizle(1)"
style=" background:#00ccff;border:solid 1px #FFFFFF; color:#FFFFFF; cursor:default;">konular</td>
<!--ilk div ve ilk menü -->
<div id="1" align="left" onmousemove="menugoster(1)" onmouseout="menugizle(1)"
style="position:absolute; cursor:default;
left:100px; top:30px;
width:120px; height:130px; visibility:hidden; background-color:#66CCFF; border:solid 2px #82B5DB; " >
<!--ilk divin ilk kategorisi -->
<div id="11" onmousemove="aktif(11,'#9FD6F0');menugoster(111)"
onmouseout="aktifdegil(11,'#66CCFF');menugizle(111)">
<strong>Konu 1 ></strong>
</div>
<!--ilk divin ilk kategorisinin açılır divi -->
<div id="111" onmousemove="menugoster(111)" onmouseout="menugizle(111)"
style="position:absolute; cursor:default; left:120px; top:0px;
width:100px; height:80px; visibility:hidden; background: #66CCFF; border: solid 2px #82B5DB; " >
<div id="1111" onmousemove="aktif(1111,'#9FD6F0');"
onmouseout="aktifdegil(1111,'#66CCFF');" > Qse</div>
<div id="1112" onmousemove="aktif(1112,'#9FD6F0');"
onmouseout="aktifdegil(1112,'#66CCFF');" > QSECAN</div>
</div>
<!--ilk divin ilk kategorisinin açılır divin sonu -->
<!--ilk divin ikinci kategorisi -->
<div id="12" onmousemove="aktif(12,'#9FD6F0')"
onmouseout="aktifdegil(12,'#66CCFF')" ><strong>Konu 2</strong></div>
<!--ilk divin 3. kategorisi -->
<div id="13" onmousemove="aktif(13,'#9FD6F0')"
onmouseout="aktifdegil(13,'#66CCFF')" ><strong>Konu 3</strong></div>
<!--ilk divin 4. kategorisi -->
<div id="14" onmousemove="aktif(14,'#9FD6F0');menugoster(141)"
onmouseout="aktifdegil(14,'#66CCFF');menugizle(141)" ><strong>Konu 4</strong></div>
<div id="141" onmousemove="menugoster(141)"
onmouseout="menugizle(141)" style="position:absolute; cursor:default;
left:120px; top:60px; width:80px; height:250px; visibility:hidden;
background:white; border:solid #66ccff; ">
<div id="1411" onmousemove="aktif(1411,'#9FD6F0')"
onmouseout="aktifdegil(1411,'#66CCFF')"> id no: 1411 </div>
<div id="1412" onmousemove="aktif(1412,'#9FD6F0')"
onmouseout="aktifdegil(1412,'#66CCFF')"> id no: 1412 </div>
<div id="1413" onmousemove="aktif(1413,'#9FD6F0')"
onmouseout="aktifdegil(1413,'#66CCFF')"> id no: 1413 </div>
</div>
<div id="15" onmousemove="aktif(15,'#9FD6F0')"
onmouseout="aktifdegil(15,'#66CCFF')" ><strong>Konu 5</strong></div>
</div>
<!-- tablo 3. bölüm -->
<td>Mevzular</td>
</tr>
</table>