Temat: autoload

Jest coś takiego w jquery jak autoload. Czyli ładujemy tylko te skrypty, te pliki którą są wykorzystywane...

bo np teraz mam dużo skryptów jquery i ładuje wszystko a nie można tego jakoś zautomatyzować żeby pobierać tylko to co potrzebne...

Temat: autoload

można, ostatnio o tym pisałem:
http://blog.kamilbrenk.pl/sposoby-wczytywania-javascript/

zwróć szczególną uwagę na ControlJS

Temat: autoload

Tu masz skrypt ladowania :)

// FUNCTION: moduleLoader - to load different JS modules on fly, depends if page needs it.

var position=20; // just for debug (top position change of notifiction box)

function moduleLoader(moduleName) {

	jQuery.ajax({

		type: "GET",

		data: "unique="+site.services.randomForAjax,

		url: '/template/_includes/js/module-'+moduleName+'.js',

		dataType: 'script',

		success: function(){

			//jQuery('<div style="position:fixed; top:'+position+'px; left:20px; height:20px; width:200px; background-color:#76b900; color:#000;">'+moduleName+' module</div>').appendTo("body");

			position=position+30; // just for debug (top position change of notifiction box)

		}

	});

}

a tu przyklad jak sprawdzam czy na danej stronie ma zaladowac dodatkowego JSa :)

// INITIATE - START: miniNav pagination for PAGE classes (articles, guides etc) when it is required

	if (jQuery(".contentMiddle .page").length) {

		moduleLoader('miniNav');			}

Temat: autoload

Andrzej Winnicki:
Tu masz skrypt ladowania :)

// FUNCTION: moduleLoader - to load different JS modules on fly, depends if page needs it.

var position=20; // just for debug (top position change of notifiction box)

function moduleLoader(moduleName) {

	jQuery.ajax({

		type: "GET",

		data: "unique="+site.services.randomForAjax,

		url: '/template/_includes/js/module-'+moduleName+'.js',

		dataType: 'script',

		success: function(){

			//jQuery('<div style="position:fixed; top:'+position+'px; 	[/quote]> left:20px; height:20px; width:200px; background-color:#76b900; 	[quote]color:#000;">'+moduleName+' module</div>').appendTo("body");

			position=position+30; // just for debug (top position change of notifiction box)

		}

	});

}

a tu przyklad jak sprawdzam czy na danej stronie ma zaladowac dodatkowego JSa :)

// INITIATE - START: miniNav pagination for PAGE classes (articles, guides etc) when it is required

	if (jQuery(".contentMiddle .page").length) {

		moduleLoader('miniNav');			}

Dlaczego nie $.getScript?

Temat: autoload

Kamil Brenk:
$.getScript?

Bo tak mi bylo wygodniej. Napisalem sobie to, czego potrzebuje a zanim do tego doszedlem, to bylo jeszcze duzo, duzo modyfikacji po drodze. Jest jeszcze jedna wersja tego ale laduje tez CSSy dynamicznie, ktore de facto sprawialy troche problemow na poczatku, ale juz jest OK ;)

Tak, moglbym to zmienic na getScript(), ale mam wystarczajaco duzo rzeczy do robienia by nie przerabiac czegos, co dziala rownie efektywnie i praktycznie tak samo ;)

Temat: autoload

mam coś takiego

<script type="text/javascript">

var cjsscript = document.createElement('script');

cjsscript.src = "http://controljs.googlecode.com/svn-history/trunk/control.js";

var cjssib = document.getElementsByTagName('script')[0];

cjssib.parentNode.insertBefore(cjsscript, cjssib);

</script>





<script data-cjsexec=false type="text/cjs" data-cjssrc="{$MWWW}_js/jquery-1.4.4.min.js"></script>

<script data-cjsexec=false type="text/cjs" data-cjssrc="{$MWWW}_js/jquery-ui-1.8.10.custom.min.js"></script><script data-cjsexec=false type="text/cjs" data-cjssrc="{$MWWW}_js/fun.js"></script>	<script data-cjsexec=false type="text/cjs" data-cjssrc="{$MWWW}_js/tiny_mce/jquery.tinymce.js"></script>

<script data-cjsexec=false type="text/cjs" data-cjssrc="{$MWWW}_js/tiny_class.js"></script>

<script data-cjsexec=false type="text/cjs" data-cjssrc="{$MWWW}_js/jquery.maskedinput-1.2.2.min.js"></script>

<script data-cjsexec=false type="text/cjs" data-cjssrc="{$MWWW}_js/jquery-autocomplete/jquery.autocomplete.js"></script>

<script data-cjsexec=false type="text/cjs" data-cjssrc="{$MWWW}_js/cufon-yui.js"></script>

<script data-cjsexec=false type="text/cjs" data-cjssrc="{$MWWW}_js/metaroman.font.js"></script>

<script data-cjsexec=false type="text/cjs" data-cjssrc="{$MWWW}_js/fancybox/jquery.fancybox-1.3.4.pack.js"></script>





</head>

ale coś nie działa

to tylko przykładowe