Html Kod Yardım İsteği

**madrabbit** · 03.02.2011 12:10

Merhabalar.

Firma tanıtımı yapılacak olan html sunumu için bir taslak üzerinde çalışıyorum.
Sol taraftaki ana menülerin üzerine tıklanınca alta doğru açılan alt menü başlıkları olsun istiyorum.
Bir şablon üzerine, başka bir siteden edindiğim hazır menü kodunu yapıştırarak sonuç elde ettim.
Ancak chrome tarayıcıda sorunsuz görünen menüler, internet explorer de görünmüyor.
Yardım ederseniz sevinirim.

Sayfa kodları aşağıdaki gibidir:

Kod:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html><head>
<script language="JavaScript" type="text/JavaScript" src="images/myfreetemplates.js"></script>
<link href="images/myfreetemplates.css" rel="stylesheet" type="text/css">
<style type="text/css">
<!--
-->
</style>
</head>
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
  <tr> 
    <td width="310" height="61" background="images/topbg.gif">&nbsp;</td>
    <td height="61" align="right" background="images/topbg.gif">&nbsp;</td>
  </tr>
  <tr> 
    <td width="186" valign="top" background="images/bg1.gif"><img src="images/bg1.gif" width="186" height="10"> 
      <table width="100%" border="0" cellpadding="0" cellspacing="0">
        <tr> 
          <td><style type="text/css">
#divCont {position:absolute; z-index:1; left:5px; top:70px; height:400px; width:170px; visibility:hidden;}
.clTop   {position:absolute; z-index:1; width:300px; line-height:17px;}
.clSub   {position:absolute; z-index:1; left:0px; top:35px; width:270px; line-height:14px;}

/*** Link renkleri ***/
#divCont .clTop a {color:#1e3157; font-family:verdana,arial,helvetica,sans-serif; font-size:12px; font-weight:bold; text-decoration:none;}
#divCont .clTop a:hover {color:#115585; text-decoration:none;}
#divCont .clTop .clSub a {color:#000077; font-family:verdana,arial,helvetica,sans-serif; font-size:12px; font-weight:normal; text-decoration:none;}
#divCont .clTop .clSub a:hover {color:#115585; text-decoration:none;}  
</style>
<script language="JavaScript" type="text/javascript">
function lib_bwcheck(){ 
	this.ver=navigator.appVersion
	this.agent=navigator.userAgent
	this.dom=document.getElementById?1:0
	this.opera5=this.agent.indexOf("Opera 5")>-1
	this.ie5=(this.ver.indexOf("MSIE 5")>-1 && this.dom && !this.opera5)?1:0; 
	this.ie6=(this.ver.indexOf("MSIE 6")>-1 && this.dom && !this.opera5)?1:0;
	this.ie4=(document.all && !this.dom && !this.opera5)?1:0;
	this.ie=this.ie4||this.ie5||this.ie6
	this.mac=this.agent.indexOf("Mac")>-1
	this.ns6=(this.dom && parseInt(this.ver) >= 5) ?1:0; 
	this.ns4=(document.layers && !this.dom)?1:0;
	this.bw=(this.ie6 || this.ie5 || this.ie4 || this.ns4 || this.ns6 || this.opera5)
	return this
}
var bw=new lib_bwcheck()
FoldNumber = 6	//Link sayysy
var stayFolded = false			
foldImg = 1						
mainOffsetY = 0					

var unImg=new Image();
unImg.src='foldoutmenu_arrow.gif'

var exImg=new Image();					
exImg.src='images/foldoutmenu_arrow_open.gif'	
var px = bw.ns4||window.opera?"":"px";

if(navigator.userAgent.indexOf('Opera')>-1 && document.getElementById){ 
	scrX= innerWidth; scrY= innerHeight;
	document.onmousemove= function(){
		if(scrX<innerWidth-10 || scrY<innerHeight-10 || scrX>innerWidth+10 || scrY>innerHeight+10){
			scrX = innerWidth;
			scrY = innerHeight;
			initFoldout();
		}
	};
}
function makeMenu(obj,nest){
	nest= (!nest)?"":'document.'+nest+'.';
	this.el= bw.ie4?document.all[obj]:bw.ns4?eval(nest+'document.'+obj):document.getElementById(obj);	
   	this.css= bw.ns4?this.el:this.el.style;
	this.ref= bw.ns4?this.el.document:document;		
	this.x= (bw.ns4||bw.opera5)?this.css.left:this.el.offsetLeft;
	this.y= (bw.ns4||bw.opera5)?this.css.top:this.el.offsetTop;
	this.h= (bw.ie||bw.ns6)?this.el.offsetHeight:bw.ns4?this.ref.height:bw.opera5?this.css.pixelHeight:0;
    this.vis= b_vis;
	this.hideIt= b_hideIt;
    this.showIt= b_showIt;
    this.moveIt= b_moveIt;
	return this
}
function b_showIt(){this.css.visibility='visible'}
function b_hideIt(){this.css.visibility='hidden'}
function b_vis(){if(this.css.visibility=='hidden' || this.css.visibility=='HIDDEN' || this.css.visibility=='hide') return true;}
function b_moveIt(x,y){this.x=x; this.y=y; this.css.left=this.x+px; this.css.top=this.y+px}
function menu(num){
	if(bw.bw){
		if (!stayFolded){
			for (var i=0; i<oSub.length; i++){
				if (i!=num){
					oSub[i].hideIt()
					if (foldImg)oTop[i].ref["imgA"+i].src = unImg.src
				}
			}
			for(var i=1; i<oTop.length; i++){
				oTop[i].moveIt(0,oTop[i-1].y+oTop[i-1].h)
			}
		}
		if (oSub[num].vis()){
			oSub[num].showIt()
			if (foldImg)oTop[num].ref["imgA"+num].src = exImg.src
		}else{
			oSub[num].hideIt()
			if(foldImg)oTop[num].ref["imgA"+num].src = unImg.src
		}
		for(var i=1; i<oTop.length; i++){ 
			if (!oSub[i-1].vis()) oTop[i].moveIt(0,oTop[i-1].y+oTop[i-1].h+oSub[i-1].h+mainOffsetY) 
			else oTop[i].moveIt(0,oTop[i-1].y+oTop[i-1].h+mainOffsetY)
		}
	}
}
function initFoldout(){
		bw.opera5 = (navigator.userAgent.indexOf("Opera")>-1 && document.getElementById)?true:false
	if (bw.opera5) bw.ns6 = 0

	oTop = new Array()
	oSub = new Array()
		for (var i=0; i<FoldNumber; i++){
		oTop[i] = new makeMenu('divTop'+i,'divCont')
		oSub[i] = new makeMenu('divSub'+i,'divCont.document.divTop'+i)
		oSub[i].hideIt()
	}
		oTop[0].moveIt(0,0)
	for (var i=1; i<oTop.length; i++){
		oTop[i].moveIt(0, oTop[i-1].y+oTop[i-1].h+mainOffsetY)
	}
			oCont = new makeMenu('divCont')
	oCont.showIt()
}
if(bw.bw) onload = initFoldout;
</script>
</head>
<body bgcolor="#ebe2d3" marginleft="0" marginheight="0">
<div id="divCont">

<div id="divTop0" class="clTop"><a href="index.html" onClick="menu(0); return false" onFocus="this.blur()"><img src="images/foldoutmenu_arrow.gif" name="imgA0" width=12 height=12 alt="" border="0"> Cephe Sistemleri</a><br>
<div id="divSub0" class="clSub">
	<p><a href="index.html">- Planar cephe sistemleri</a><br>
	  <a href="index.html">- Kompozit panel cephe sistemleri</a><br>
	  <a href="index.html">- Kompakt panel cephe sistemleri</a><br>
	  <a href="index.html">- Terra cotta panel cephe sistemleri<br>
	  </a><a href="index.html">- Danpalon cepheler</a><br>
	  <a href="index.html">- G&uuml;neş kontrol sistemleri</a><br>
	  </p>
</div><br>
</div>

<div id="divTop1" class="clTop"><a href="index.html" onClick="menu(1); return false" onFocus="this.blur()"><img src="images/foldoutmenu_arrow.gif" name="imgA1" width=12 height=12 alt="" border="0"> Kapı ve Pencere Sistemleri</a><br>
<div id="divSub1" class="clSub">
	<a href="index.html">- Konvansiyonel kapı ve pencereler</a><br>
	<a href="index.html">- S&uuml;rg&uuml;l&uuml; sistem kapı ve pencereler</a><br>
	
</div><br>
</div>

<div id="divTop2" class="clTop"><a href="index.html" onClick="menu(2); return false" onFocus="this.blur()"><img src="images/foldoutmenu_arrow.gif" name="imgA2" width=12 height=12 alt="" border="0"> &Ccedil;atı Işıklıkları, Markizler, Korkuluklar</a><br>
<div id="divSub2" class="clSub">
	<a href="index.html">Link 1</a><br>
	<a href="index.html">Link 2</a><br>
	</div><br>
</div>

<div id="divTop3" class="clTop"><a href="index.html" onClick="menu(3); return false" onFocus="this.blur()"><img src="images/foldoutmenu_arrow.gif" name="imgA3" width=12 height=12 alt="" border="0"> Paslanmaz, Transparan &Ouml;rg&uuml;ler <br>
  &nbsp;&nbsp;&nbsp;&nbsp;ve G&uuml;neş Kontrol Sistemleri</a><br>
<div id="divSub3" class="clSub">
	<a href="index.html">Link 1</a><br>
	<a href="index.html">Link 2</a><br>
	
</div><br>
</div>

<div id="divTop4" class="clTop"><a href="index.html" onClick="menu(4); return false" onFocus="this.blur()"><img src="images/foldoutmenu_arrow.gif" name="imgA4" width=12 height=12 alt="" border="0"> Camlı Ofis B&ouml;lmeleri, <br>
  &nbsp;&nbsp;&nbsp;&nbsp;İ&ccedil; Mekan &Uuml;r&uuml;nleri, Akustik &Ccedil;&ouml;z&uuml;mler
</a><br>
<div id="divSub4" class="clSub">
	<a href="index.html">Link 1</a><br>
	<a href="index.html">Link 2</a><br>
	</div><br>
</div>

<div id="divTop5" class="clTop"><a href="index.html" onClick="menu(5); return false" onFocus="this.blur()"><img src="images/foldoutmenu_arrow.gif" name="imgA5" width=12 height=12 alt="" border="0"> Kış Bah&ccedil;eleri ve A&ccedil;ılabilir Havuz &Ouml;rt&uuml;leri</a><br>
<div id="divSub5" class="clSub">
	<a href="index.html">Link 1</a><br>
	<a href="index.html">Link 2</a><br>
</div>
<br>         <tr> 
          <td><br> 
            <img src="images/pixi_clear.gif" width="1" height="3"></td>
        </tr>
        <tr> 
          <td>&nbsp;</td>
        </tr>
      </table> <br> 
      <br>
    <br> </td>
    <td valign="top" background="images/bg3.gif">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
        <tr> 
          <td width="20" rowspan="4" align="left" valign="top"><img src="images/bosluk.gif" width="20" height="5" align="top"></td>
          <td width="790">&nbsp;</td>
          <td width="20" rowspan="4" align="right" valign="top"><img src="images/bosluk.gif" width="20" height="5"></td>
        </tr>
        <tr> 
          <td align="left"> <h1>Sistem &gt; <span class="gezinilen">Alt men&uuml; 1</span> - Alt men&uuml; 2 - Alt men&uuml; 3</h1>
          </h1></td>
        </tr>
        <tr> 
          <td align="left"><h2>Sub-header</h2>
            <p>Deneme deneme deneme deneme Deneme deneme </p>
            <p>&nbsp;</p></td>
        </tr>
        <tr> 
          <td align="left">&nbsp;</td>
        </tr>
      </table>
    </td>
  </tr>
  <tr valign="middle"> 
   
  </tr>
</table>
</body>
</html>

**AriSoft** · 03.02.2011 12:54

http://www.ilkaymola.com/downloads/accordion.rar bu örneği indirip kullanabilirsin JQuery ile hazırlanmış bir accordion menü. İe ve diğer tarayıcılar da sorunsun çalışmaktadır.

**madrabbit** · 03.02.2011 14:17

Arisoft; gönderdiğiniz kod hiç de fena değilmiş, ve her iki tarayıcı ile de uyumlu.
Çözümünüz için teşekkür ederim, birazcık rötuş ile işimi fazlasıyla görecek.

**afilli** · 03.02.2011 14:19

sayın arkadaş
bende çok uğraştım çok araştırdım ama yapamadım.
bende html ile ft ile tıklayınca sağa doğru açılan menü yapmak istedim yapamadım.ahal uğraşıyorum.hala araştırıyorum.siz bu işi çözebildiyseniz bana da yardımcı olabilirmsiniz

**madrabbit** · 09.02.2011 12:34

Orijinalini Gönderen: afilli

sayın arkadaş
bende çok uğraştım çok araştırdım ama yapamadım.
bende html ile ft ile tıklayınca sağa doğru açılan menü yapmak istedim yapamadım.ahal uğraşıyorum.hala araştırıyorum.siz bu işi çözebildiyseniz bana da yardımcı olabilirmsiniz

Ben konuyu arkadaşın verdiği linkteki kaynaktan çözdüm.
Ama sağa doğru açılan menü için, "behaviors -> on click -> ..." menüsü işinizi görecektir sanıyorum.

Başlık: Html Kod Yardım İsteği

Başlık Araçları

Başlıkta Ara

Html Kod Yardım İsteği

Benzer Başlıklar

Taşınabilir Bilgisayar Tavsiye İsteği

Firmware İsteği.!

Visual Basic Kod İsteği

phpBB Mod İsteği

Battlefield 3 ü rahatlıkla oynayan PC...

Toplam Ram

GEFORCE 310M overclock ?

Oyun haberleri

Geri Sayım Sayacı.

Geforce 310m nasıl bir karttır ?

En fazla ne kadar hız alabilirim ?

ACill destek lazım hemde çok :S !!!

hangi antivirüs programı kullanabilirim

Oyun korsan olduğundan oyun kasarmı ?