Html - CSS - XML - JavaScript - Ajax
Javascript Veya Jquery İle Üst Kategoriyi Açık Bırakmak
Javascript Veya Jquery İle Üst Kategoriyi Açık Bırakmak
-
hocam jquery ile "url parse" edip, seni ilgilendiren kısmı bi' değişkene atayayıp. sonra da document.onload event'ine ilgili değişkenle bağlantılı bir "IF" koyup, oradan ilgili menu'nun açılmasını tektikleyen bir kod yazabilirsin.
-
Yazilimci bunu yazdımugen bunu yazdı
//
jsfiddle'a kaydedip denedim ama çalışmadı hocam, ama bir html dosyasına kaydedip bakarsan çalıştığını görürsün, temel olarak senin DOM yapına benzetmeye çalıştım.
asıl şimdi oldu, browserda açtığında url sonuna ?kategori_id=a3 yazıp giriş yapın hocam.
Hocam çalışmadı. Kategori linki http://localhost:8851/Kategori/488/ADAPTORLER.html?kategori_id=a479 bu şekilde yaptım. Tabi fonksiyonu body onload event ında çalıştırdım.şeklinde.
Hocam o fonksiyonu çalıştırmayacaktınız, ama madem öyle yaptınız kodu şöyle düzeltiyim öyle kullanın ama önce aşağıdaki kodu kopyalayıp boş bir html sayfasına yapıştırıp mantığı inceleyin. ve ilk girişinizde menüdeki linklerdenbirine tıklayın.
<script> function getUrlVars() { var vars = [], hash; var decodedUrl = decodeURIComponent(window.location.href); var hashes = decodedUrl.slice(decodedUrl.indexOf('?') + 1).split('&'); for(var i = 0; i < hashes.length; i++) { hash = hashes[i].split('='); vars.push(hash[0]); vars[hash[0]] = hash[1]; } return vars; } function Menu(){ //console.log(getUrlVars().kategori_id); var menu = document.querySelectorAll("ul#category_nav li a"); //console.log(menu.length) for(var i=0;i<menu.length;i++){ if(getUrlVars().kategori_id==menu[i].id){ //menu[i].style["background"] = "red"; menu[i].className = "active_parent"; menu[i].nextSibling.style["display"] = "block"; } } } </script> <body onload="Menu()"> <ul id='category_nav'> <li><a id='a1' href="?kategori_id=a1">1</a><ul style="display:none;"><li>deneme1</li></ul></li> <li><a id='a2' href="?kategori_id=a2">2</a><ul style="display:none;"><li>deneme2</li><li>deneme2</li></ul></li> <li><a id='a3' href="?kategori_id=a3">3</a><ul style="display:none;"><li>deneme3</li><li>deneme3</li><li>deneme3</li></ul></li> <li><a id='a4' href="?kategori_id=a4">4</a><ul style="display:none;"><li>deneme4</li><li>deneme4</li><li>deneme4</li><li>deneme4</li></ul></li> </ul> </body>
-
Uyguladığınızda gene çalışmazsa akşama bi ammyy ile bakabilirim hocam 9 dan sonra.
-
o sayfanın hangi sayfa olduğunu biliyorsun, ürünleri çekerken kullanıyorsun çünkü. e o zaman if else ile bile yaparsın
-
ozgunlu bunu yazdı
o sayfanın hangi sayfa olduğunu biliyorsun, ürünleri çekerken kullanıyorsun çünkü. e o zaman if else ile bile yaparsın
bu da olabilir ( ki ben de genelde bunu kullanıyorum ) ama yapıyı tam bilmiyoruz, belki menünün olduğu kısmı ajax ile çekip oraya ekliyordur hocam.