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
-
Mürid(e)ler merhaba
İstediğim şey javascript veya jquery ile olabilir yeterki olsun modundayım. Aşağıdaki ekran görüntüsünde ki gibi bir kategori ağacım var. Sepet, Bagaj veya Çocuk Koltukları kategorisine tıklandığında kategorinin ürünlerinin listelendiği sayfaya gidiyor. Bu sayfaya gittiğinde tüm kategoriler kapalı olarak geliyor. İstediğim şey ise hangi kategoride ise onun bir üst kategorisinin aşağıdaki resimde ki gibi açık gelmesi
Bu da HTML kaynak kodun bulunduğu ekran görüntüsü. 2. li kapalı olan AYDINLATMA kategorisinin 3. li ise açıldığında oluşan değişiklikleri gösteriyor.
-
-
pSkpt bunu yazdı
Cevap için teşekkürler hocam. Sistem wordpress değil. Yapmış olduğum özel bir yazılım ve işlemi cookie de tutamam. Cookie bu sebeple işimi görmüyor. Canlı veri ile bunu manipüle etmeliyim.
-
sayfa yenilendiği için veriyi kaybedersin hocam.
cookie de tutman lazım, yok ben onu kullanmicam dersen,
pathi değiştir.
#/page/15 gibi.
15 mesela senin listendeki butonun id si oldun. öyle açılsın diğer sayfa.
-
http://www.w3schools.com/html/tryit.asp?filename=tryhtml5_webstorage_local_clickcount
Html Localstorage ile halledebilirsin
Tayga tarafından 04/Eki/15 23:26 tarihinde düzenlenmiştir -
Tayga bunu yazdı
http://www.w3schools.com/html/tryit.asp?filename=tryhtml5_webstorage_local_clickcount
Html Localstorage ile halledebilirsin
Hocam localstorage i biliyorum. İşimi görmez çünkü birde üstte kategori navbar ı var. :) Kullanıcı oradan klikleyip giderse işe yaramaz.
zeybekustasi bunu yazdısayfa yenilendiği için veriyi kaybedersin hocam.
cookie de tutman lazım, yok ben onu kullanmicam dersen,
pathi değiştir.
#/page/15 gibi.
15 mesela senin listendeki butonun id si oldun. öyle açılsın diğer sayfa.
Hocam path zaten o şekilde ve Kategori ID sini tutuyor. Oradan aldığım kategorinin üst kategori ID sini alabiliyorum ancak o id nin attribute larına eklenmesi gereken değerleri nasıl ekleyeceğim onu çözemedim henüz.
-
aktif kategorileri degiskenlere atayıp diger sayfaya giderken post etsen ?
birde sayfa değişmek zorunda mı ? sadece icerik alanı dinamik olsa kategori menuleri sabit kalsa sayfada olmaz mı ?
-
Sayfadan gelen ID eğerki menünün alt kategorisindeki ID ile bağdaşıyorsa.
O elemanı yakalayıp .parent() yapıp üst kısma ulaşırsın ardından da onu genişletmek için class='active_parent' eklersin.
-
<ul id='category_nav'> <li><a id='a1'>1</a></li> <li><a id='a2'>2</a></li> <li><a id='a3'>3</a><ul style="display:none;"><li>deneme</li></ul></li> <li><a id='a4'>4</a></li> </ul> <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; } 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>
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.
-
boş html sayfasıdna denemek istiyorsanız 25. satırın başındaki // işaretlerini kaldırın.
-
mugen bunu yazdı
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. <body onload="getUrlVars()"> şeklinde.