<div class="container">	<div class="postgrid_filter white-bg pad">		<div class="row">			<div class="col-sm-3">				<div class="ucase gray text-bold filter_label"><span class="count">Indlæser</span> cases</div>			</div>			<div class="col-sm-3 text-center">			</div>			<div class="col-sm-6 text-right">				<select class="theme-select selectpicker" data-live-search="false" id="filter-tag">					<option value="0">Alle kategorier					<option value="adaptation">Adaptation					<option value="audio-production-da">Audio production					<option value="branding-da">Branding					<option value="content-da">Content					<option value="design-da">Design					<option value="e-learning-speak-da">E-learning Speak					<option value="key-messaging-da">Key messaging					<option value="podcast-da">Podcast					<option value="positioning-da">Positioning					<option value="post-production-da">Post production					<option value="sem-seo-da">SEM/SEO					<option value="sound-design-da">Sound design					<option value="speak-for-video-games-da">Speak for video games					<option value="speak-production-da-2">Speak production					<option value="speak-production-da">Speak production					<option value="tvc-adaptation-da">TVC adaptation					<option value="video-production-da">Video production					<option value="visual-identity-da">Visual Identity					<option value="website-production-da">Website production					<option value="radio-spot-da">radio spot					<option value="storytelling-da">storytelling				</select>			</div>		</div>	</div></div><hr class="sep">	<script>
		jQuery('.theme-select').selectpicker({'liveSearchPlaceholder':'Search'});
		function filterByHash() {
			var tagslug = window.location.hash.replace('#tag=', '');
			// select the option in the selectpicker
			var select_value = tagslug ? tagslug : '0';
			var optionElem = jQuery('#filter-tag').find('option[value='+select_value+']');
			if (!optionElem.prop('selected')) {
				optionElem.prop('selected', true).trigger('change');
			}
			// apply the filter
			data = {'tag' : tagslug}
			applyPostGridFilter(data);
		}
		window.addEventListener('hashchange', filterByHash);
		
		// Hook into the the initial alm.AjaxLoadMore.loadPosts() call to filter by hash
		(function() {
			var prev_almOnChange = window.almOnChange;
			window.almOnChange = function(alm) {
				if (window.location.hash.indexOf('#tag=') == 0) {
					var tagslug = window.location.hash.replace('#tag=', '');
					if (alm.listing) {
						alm.listing.dataset.tag = tagslug;
					}
					// select the option in the selectpicker
					var select_value = tagslug ? tagslug : '0';
					var optionElem = jQuery('#filter-tag').find('option[value='+select_value+']');
					if (!optionElem.prop('selected')) {
						optionElem.prop('selected', true).trigger('change');
					}
				}
			}
		})();
	
		jQuery(document).ready(function($){
			$('#filter-tag').on('change', function(){
				var el = $(this);
				var tagslug = el.val();
				data = {'tag' : tagslug}
				// update the hash
				var new_hash = "#tag="+tagslug;
				if (!tagslug || tagslug == '0') {
					new_hash = '';
				}
				if (window.location.hash != new_hash) {
					window.location.hash = new_hash;
				}
				// We no longer call applyPostGridFilter here because it will be called by the filterByHash function
				//applyPostGridFilter(data);
			});
		});
	</script><div class="container">	<div class="postgrid_filter white-bg pad">		<div class="row">			<div class="col-sm-3">				<div class="ucase gray text-bold filter_label"><span class="count">Indlæser</span> cases</div>			</div>			<div class="col-sm-3 text-center">			</div>			<div class="col-sm-6 text-right">				<select class="theme-select selectpicker" data-live-search="false" id="filter-tag">					<option value="0">Alle kategorier					<option value="adaptation">Adaptation					<option value="audio-production-da">Audio production					<option value="branding-da">Branding					<option value="content-da">Content					<option value="design-da">Design					<option value="e-learning-speak-da">E-learning Speak					<option value="key-messaging-da">Key messaging					<option value="podcast-da">Podcast					<option value="positioning-da">Positioning					<option value="post-production-da">Post production					<option value="sem-seo-da">SEM/SEO					<option value="sound-design-da">Sound design					<option value="speak-for-video-games-da">Speak for video games					<option value="speak-production-da-2">Speak production					<option value="speak-production-da">Speak production					<option value="tvc-adaptation-da">TVC adaptation					<option value="video-production-da">Video production					<option value="visual-identity-da">Visual Identity					<option value="website-production-da">Website production					<option value="radio-spot-da">radio spot					<option value="storytelling-da">storytelling				</select>			</div>		</div>	</div></div><hr class="sep">	<script>
		jQuery('.theme-select').selectpicker({'liveSearchPlaceholder':'Search'});
		function filterByHash() {
			var tagslug = window.location.hash.replace('#tag=', '');
			// select the option in the selectpicker
			var select_value = tagslug ? tagslug : '0';
			var optionElem = jQuery('#filter-tag').find('option[value='+select_value+']');
			if (!optionElem.prop('selected')) {
				optionElem.prop('selected', true).trigger('change');
			}
			// apply the filter
			data = {'tag' : tagslug}
			applyPostGridFilter(data);
		}
		window.addEventListener('hashchange', filterByHash);
		
		// Hook into the the initial alm.AjaxLoadMore.loadPosts() call to filter by hash
		(function() {
			var prev_almOnChange = window.almOnChange;
			window.almOnChange = function(alm) {
				if (window.location.hash.indexOf('#tag=') == 0) {
					var tagslug = window.location.hash.replace('#tag=', '');
					if (alm.listing) {
						alm.listing.dataset.tag = tagslug;
					}
					// select the option in the selectpicker
					var select_value = tagslug ? tagslug : '0';
					var optionElem = jQuery('#filter-tag').find('option[value='+select_value+']');
					if (!optionElem.prop('selected')) {
						optionElem.prop('selected', true).trigger('change');
					}
				}
			}
		})();
	
		jQuery(document).ready(function($){
			$('#filter-tag').on('change', function(){
				var el = $(this);
				var tagslug = el.val();
				data = {'tag' : tagslug}
				// update the hash
				var new_hash = "#tag="+tagslug;
				if (!tagslug || tagslug == '0') {
					new_hash = '';
				}
				if (window.location.hash != new_hash) {
					window.location.hash = new_hash;
				}
				// We no longer call applyPostGridFilter here because it will be called by the filterByHash function
				//applyPostGridFilter(data);
			});
		});
	</script>{"id":7773,"date":"2022-08-15T11:40:10","date_gmt":"2022-08-15T11:40:10","guid":{"rendered":"https:\/\/www.nzinck.com\/?page_id=7773"},"modified":"2022-12-15T09:02:39","modified_gmt":"2022-12-15T09:02:39","slug":"cases","status":"publish","type":"page","link":"https:\/\/www.nzinck.com\/da\/cases\/","title":{"rendered":"Cases"},"content":{"rendered":"\n<div id=\"ajax-load-more\" class=\"ajax-load-more-wrap infinite fading-circles\"  data-alm-id=\"\" data-canonical-url=\"https:\/\/www.nzinck.com\/da\/case\/celebrating-25-years-with-adaptation-of-tv-ads\/\" data-slug=\"celebrating-25-years-with-adaptation-of-tv-ads\" data-post-id=\"11116\"  data-localized=\"ajax_load_more_vars\" data-alm-object=\"ajax_load_more\"><div aria-live=\"polite\" aria-atomic=\"true\" class=\"alm-listing alm-ajax postgrid row\" data-container-type=\"div\" data-loading-style=\"infinite fading-circles\" data-repeater=\"default\" data-post-type=\"case\" data-order=\"DESC\" data-orderby=\"date\" data-offset=\"0\" data-posts-per-page=\"16\" data-lang=\"da\" data-pause-override=\"true\" data-button-label=\"Load more\" data-prev-button-label=\"Load Previous\"><\/div><div class=\"alm-btn-wrap\" data-rel=\"ajax-load-more\"><button class=\"alm-load-more-btn \" type=\"button\">Load more<\/button><\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Load more<\/p>\n","protected":false},"author":4,"featured_media":918,"parent":0,"menu_order":28,"comment_status":"closed","ping_status":"closed","template":"page_unframed.php","meta":{"_acf_changed":false,"footnotes":""},"categories":[],"class_list":["post-7773","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.nzinck.com\/da\/wp-json\/wp\/v2\/pages\/7773","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.nzinck.com\/da\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.nzinck.com\/da\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.nzinck.com\/da\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.nzinck.com\/da\/wp-json\/wp\/v2\/comments?post=7773"}],"version-history":[{"count":1,"href":"https:\/\/www.nzinck.com\/da\/wp-json\/wp\/v2\/pages\/7773\/revisions"}],"predecessor-version":[{"id":7774,"href":"https:\/\/www.nzinck.com\/da\/wp-json\/wp\/v2\/pages\/7773\/revisions\/7774"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.nzinck.com\/da\/wp-json\/wp\/v2\/media\/918"}],"wp:attachment":[{"href":"https:\/\/www.nzinck.com\/da\/wp-json\/wp\/v2\/media?parent=7773"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.nzinck.com\/da\/wp-json\/wp\/v2\/categories?post=7773"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}