snippet tabControl v1.0

from which file i should copy code to snippet (class.tabControl.php OR snippet.tabControl.php)

and parents = resource id of "sample" page but on which page i should add the follwing code

is there is example of ’tpl’

<ul class="tabs">
[+tabs+]
</ul>
<div class="tabContent">
[+content+]
</div>

I’m having a really difficult time getting tabControl working. Here’s my page: http://tinyurl.com/y9tsb3o
As you can see, the first tab’s content shows up, the links are working, but the display is not updating when you click other tabs. Is there something obvious I’m missing?

Thanks,
Adam

Quote from: apitel at Feb 08, 2010, 03:45 PM

I’m having a really difficult time getting tabControl working. Here’s my page: http://tinyurl.com/y9tsb3o
As you can see, the first tab’s content shows up, the links are working, but the display is not updating when you click other tabs. Is there something obvious I’m missing?

Thanks,
Adam

I am also facing the same problem. Some time it works but not always. I think there is some problem in including javascript files using function like ($modx->regClientScript(’assets/js/jquery-1.3.2.min.js’); ) in snippet code.
Some time this code works and file get added in script tag but some times this code is not working and files not getting added in script tag.
I hope everyone understands my English.
Thanks
yogesh

jQuery(tabSelector+' a').each(

		function(){

			var href=String(jQuery(this).attr('href'));
			//alert(href);

			var idPattern=/activeId=(\d*)/;

			var id=href.match(idPattern)[1];			

			jQuery(this).bind('click',id,requestUpdatedContent);

			this.tabControlInstance=o;

		}

	);

$(document).ready(function() {	  	
	//alert(jQuery(tabSelector+' a').length);		
	jQuery(tabSelector+' a').each(

		function(){

			var href=String(jQuery(this).attr('href'));
			//alert(href);

			var idPattern=/activeId=(\d*)/;

			var id=href.match(idPattern)[1];			

			jQuery(this).bind('click',id,requestUpdatedContent);

			this.tabControlInstance=o;

		}

	);

	});