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...
______________
IQRAMEDIA Yakında...
Mesaj29.07.2010, 14:32 (UTC)    
Mesaj konusu:

Anlatımların çok hoş teşekkürler.. Wink
______________
Aşağıdaki yazı fontunun adı Angilo Tatto'dur. Gelen mesajlara istinaden yazdım Smile
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

______________
IQRAMEDIA Yakında...
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

______________
IQRAMEDIA Yakında...
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