Forum'da ara:
Ara


Yazar Mesaj
Mesaj06.02.2010, 12:07 (UTC)    
Mesaj konusu: Javascript Acilan Menü (Anlatim ve Kod)

Arkadaslar bir cok sitede gördüm Menü var ve üzerine tikladiginda altta daha cok link cikiyor.Arastirdim ve sizlere anlatimini hazirladim.Insallah yararli olur.


Kod:

Kod:
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252" /><style type="text/css">
<!--
#containerul, #containerul ul{
text-align:left;
margin:0; /* Removes browser default margins applied to the lists. */
padding:0; /* Removes browser default padding applied to the lists. */
}

#containerul li{
margin:0 0 0 30px; /* A left margin to indent the list items and give the menu a sense of structure. */
padding:0; /* Removes browser default padding applied to the list items. */
list-style-type:none; /* Removes the bullet point that usually goes next to each item in a list. */
}

#containerul .symbols{ /* Various styles to position the symbols next to the items in the menu. */
float:left;
width:16px;
height:1em;
background-position:0 50%;
background-repeat:no-repeat;
}
--></style><script type="text/javascript">
<!--
var temp, temp2, cookieArray, cookieArray2, cookieCount;
function initiate(){
cookieCount=0;
if(document.cookie){
cookieArray=document.cookie.split(";");
cookieArray2=new Array();
for(i in cookieArray){
cookieArray2[cookieArray[i].split("=")[0].replace(/ /g,"")]=cookieArray[i].split("=")[1].replace(/ /g,"");
}
}
cookieArray=(document.cookie.indexOf("state=")>=0)?cookieArray2["state"].split(","):new Array();
temp=document.getElementById("containerul");
for(var o=0;o<temp.getElementsByTagName("li").length;o++){
if(temp.getElementsByTagName("li")[o].getElementsByTagName("ul").length>0){
temp2 = document.createElement("span");
temp2.className = "symbols";
temp2.style.backgroundImage = (cookieArray.length>0)?((cookieArray[cookieCount]=="true")?"url(http://img.webme.com/pic/m/motorocker89/minus2.gif)":"url(http://img.webme.com/pic/m/motorocker89/plus2.gif)"):"url(http://img.webme.com/pic/m/motorocker89/plus2.gif)";
temp2.onclick=function(){
showhide(this.parentNode);
writeCookie();
}
temp.getElementsByTagName("li")[o].insertBefore(temp2,temp.getElementsByTagName("li")[o].firstChild)
temp.getElementsByTagName("li")[o].getElementsByTagName("ul")[0].style.display = "none";
if(cookieArray[cookieCount]=="true"){
showhide(temp.getElementsByTagName("li")[o]);
}
cookieCount++;
}
else{
temp2 = document.createElement("span");
temp2.className = "symbols";
temp2.style.backgroundImage = "url(page.png)";
temp.getElementsByTagName("li")[o].insertBefore(temp2,temp.getElementsByTagName("li")[o].firstChild);
}
}
}

function showhide(el){
el.getElementsByTagName("ul")[0].style.display=(el.getElementsByTagName("ul")[0].style.display=="block")?"none":"block";
el.getElementsByTagName("span")[0].style.backgroundImage=(el.getElementsByTagName("ul")[0].style.display=="block")?"url(http://img.webme.com/pic/m/motorocker89/minus2.gif)":"url(http://img.webme.com/pic/m/motorocker89/plus2.gif)";
}

function writeCookie(){ // Runs through the menu and puts the "states" of each nested list into an array, the array is then joined together and assigned to a cookie.
cookieArray=new Array()
for(var q=0;q<temp.getElementsByTagName("li").length;q++){
if(temp.getElementsByTagName("li")[q].childNodes.length>0){
if(temp.getElementsByTagName("li")[q].childNodes[0].nodeName=="SPAN" && temp.getElementsByTagName("li")[q].getElementsByTagName("ul").length>0){
cookieArray[cookieArray.length]=(temp.getElementsByTagName("li")[q].getElementsByTagName("ul")[0].style.display=="block");
}
}
}
document.cookie="state="+cookieArray.join(",")+";expires="+new Date(new Date().getTime() + 365*24*60*60*1000).toGMTString();
}
//-->
</script>
<ul id="containerul">
<li><u><font size="3">Konu Basligi 1</font></u>
<ul>Icerik 1</ul>
<p>
</li>
<script type="text/javascript">
initiate(); // This must be placed immediately after the menu in order to format it properly.
</script>




Daha fazla eklemek icin:

</li> kodundan sonra assagidaki kodu istediginiz kadar ekleyip, konu basliklarini cogaltabilirsiniz.

Kod:
<ul id="containerul">
<li><u><font size="3">Konu Basligi 1</font></u>
<ul>Icerik 1</ul>
<p>
</li>


Konu Basligi yazan yere Genel basligi ve Icerik 1 yazan yere ise menünün acildiktan sonra altta cikacak diger linki verebilirsiniz...

Iyi eglenceler,
Hayirli kullanmalar... Wink
Mesaj29.07.2010, 14:26 (UTC)    
Mesaj konusu:

Güncel...
Mesaj29.07.2010, 14:32 (UTC)    
Mesaj konusu:

Anlatımların çok hoş teşekkürler.. Wink
Mesaj29.07.2010, 14:32 (UTC)    
Mesaj konusu:

Merhaba,
Paylaşım için teşekkürler.
Yalnız herhangi bir önizleme de koysaydınız daha iyi olurdu. Wink

______________
"Ya olduğun gibi görün, ya göründüğün gibi ol."
Hz.Mevlana
Mesaj29.07.2010, 14:42 (UTC)    
Mesaj konusu:

ibrahmgun yazmış:
Anlatımların çok hoş teşekkürler.. Wink



Sag ol seninde:P

simerweb yazmış:
Merhaba,
Paylaşım için teşekkürler.
Yalnız herhangi bir önizleme de koysaydınız daha iyi olurdu. Wink


Buna gerek duymadim Razz
Cünkü bilinen ve aranan bir kod du.
Insallah böylede üyelerin isini görür Wink
Mesaj31.07.2010, 14:27 (UTC)    
Mesaj konusu:

Teşekkurler Wink

Emeğine Sağlık Wink
Mesaj09.08.2010, 06:17 (UTC)    
Mesaj konusu:

Sağol Paylaşım İçin Tşk!
______________

Tekrardan Döndüm! Artık Hep Onlineyim : )
Domainimizi Değiştik Sonunda : ) www.cupacup.tr.gg
Mesaj09.08.2010, 09:31 (UTC)    
Mesaj konusu:

@eskidendi-78
@cupacup

Yorumlariniz icin Tesekkürler Wink
Mesaj09.08.2010, 12:59 (UTC)    
Mesaj konusu:

güzel sağolasın
Mesaj13.09.2010, 13:28 (UTC)    
Mesaj konusu: saoollll

çok teşekkürler sıkça sorulan sorular bölümümde kullandım
______________
Mesaj13.09.2010, 14:28 (UTC)    
Mesaj konusu:

Güzel Paylaşım Teşekkürler
______________


Mesaj15.09.2010, 15:46 (UTC)    
Mesaj konusu:

biz bu kodları tam olarak nereye yapıştırıyoruz ?
Mesaj15.09.2010, 15:49 (UTC)    
Mesaj konusu:

quaffle yazmış:
biz bu kodları tam olarak nereye yapıştırıyoruz ?

menünün görünmesini istediğin yere
______________
lifeye'den özür diliyorum.bana tasarımı e-photoshopar yaptı sanmıştım.
Önceki mesajları göster:   


Powered by phpBB © 2001, 2005 phpBB Group
Türkçe Çeviri: phpBB Türkiye & Erdem Çorapçıoğlu