Oficjalne forum pomocy serwisu PUN.pl

ukaszf9

Użytkownik

Dołączył: 2011-08-01

Liczba postów: 1,335

[JS] Chowanie kategorii z funkcją zapamiętywania

Skrypt autorstwa Christiana z FluxBB forum (http://fluxbb.org/resources/mods/category-collapse/).
Zastąpiłem w nim zbędne elementy php na js by działał pod serwis.
Kod wklejamy do ogłoszenia lub stopki.
Wymagane jest dołączenie biblioteki jQuery oraz pluginu jQuery cookie. Obydwie są dostępne w linku powyżej.
Jeżeli ktoś zamiast "+" lub "-" chce obrazek to dodaje go poprzez <img src="adres_do_obrazka">

<script type="text/javascript" src="captcha/js/jquery-1.7.2.min.js"></script>
<script src="link_do_pluginu_jQuerycookie"></script>
<script type="text/javascript">
var category_collapse = '<span style="float:right;">+</span>';
var category_expand = '<span style="float:right;">-</span>';
var collapsed_categories = new Array();

jQuery(document).ready(function() {
	function cc_save_cookie()
	{
		jQuery.cookie('category_collapse', collapsed_categories.join('#|#'), { expires: 3650 });
	}
	
	if (jQuery('#punindex').length > 0 || jQuery('#punforums').length > 0)
	{
		var cc_cookie = jQuery.cookie('category_collapse');
		
		if (cc_cookie == null)
		{		
			jQuery('div.blocktable > h2 > span').after(' <a class="category_collapse" href="#">' + category_collapse + '</a>');
		}
		else
		{			
			collapsed_categories = cc_cookie.split('#|#');
			
			jQuery('div.blocktable > h2 > span').each(function()
			{
				if (jQuery.inArray(jQuery(this).html(), collapsed_categories) > -1)
				{				
					jQuery(this).after(' <a class="category_collapse" href="#">' + category_expand + '</a>');
					jQuery(this).parents('div.blocktable:first').find('div.box').hide();
				}
				else
				{
					jQuery(this).after(' <a class="category_collapse" href="#">' + category_collapse + '</a>');
				}					
			});
		}
		
		jQuery('a.category_collapse').click(function(e)
		{
			var status = jQuery(this).html();
			var category = jQuery(this).prev().html();
			var idx = jQuery.inArray(category, collapsed_categories);

			if (status == category_collapse)
			{
				jQuery(this).html(category_expand);
				jQuery(this).parents('div.blocktable:first').find('div.box').hide();

				if (idx == -1)
				{
					collapsed_categories.push(category);
					cc_save_cookie();
				}
			}
			else
			{
				jQuery(this).html(category_collapse);
				jQuery(this).parents('div.blocktable:first').find('div.box').show();
				
				if (idx > -1)
				{
					collapsed_categories.splice(idx, 1);
					cc_save_cookie();
				}
			}

			return false;
		});
	}
});
</script>

Czarny Marker

Użytkownik

Dołączył: 2011-12-26

Liczba postów: 103

Odp: [JS] Chowanie kategorii z funkcją zapamiętywania

Dałoby radę zrobić tak, żeby wybrane kategorie były domyślnie ukryte?

---

Bo tak.

Rakshi

Użytkownik

Dołączył: 2013-05-13

Liczba postów: 174

WWW

Odp: [JS] Chowanie kategorii z funkcją zapamiętywania

coś mi nie działa...

k juz sobie poradziłem :D

proszę o usunięcie tego posta

Ostatnio edytowany przez Rakshi (2014-01-06 11:26:59)

---