dir/view/theme/frost-mobile/acl_selector.tpl

<div id="acl-wrapper">
	<input id="acl-search">
	<a href="#" id="acl-showall">$showall</a>
	<div id="acl-list">
		<div id="acl-list-content">
		</div>
	</div>
	<span id="acl-fields"></span>
</div>

<div class="acl-list-item" rel="acl-template" style="display:none">
	<img data-src="{0}"><p>{1}</p>
	<a href="#" class='acl-button-show'>$show</a>
	<a href="#" class='acl-button-hide'>$hide</a>
</div>

<script>
	window.allowCID = $allowcid;
	window.allowGID = $allowgid;
	window.denyCID = $denycid;
	window.denyGID = $denygid;
	window.aclInit = "true";
</script>
Modify Javascript to improve page loading times 1. Add template category 'end' that places content right before final </body> tag 2. Move most Javascript from tpl files into one cacheable file, theme.js 3. Load scripts at end of the HTML document instead of in the header 4. Minify several Javascript files Note that the second and third things were only done for Frost and Frost Mobile. Doing it for every theme means going through every .tpl for every theme and rearranging the Javascript, which is tedious. 2012-07-28 17:57:16 +02:00			`<div id="acl-wrapper">`
			`<input id="acl-search">`
			`<a href="#" id="acl-showall">$showall</a>`
			`<div id="acl-list">`
			`<div id="acl-list-content">`
			`</div>`
			`</div>`
			`<span id="acl-fields"></span>`
			`</div>`

			`<div class="acl-list-item" rel="acl-template" style="display:none">`
Keep html in template, use data attribute for img Revert previous changes to fix browser preloading a template variable as image. Images use a data attribute within templates as src. Javascript will substitute them. 2012-12-29 23:44:26 +01:00			`<img data-src="{0}"><p>{1}</p>`
Modify Javascript to improve page loading times 1. Add template category 'end' that places content right before final </body> tag 2. Move most Javascript from tpl files into one cacheable file, theme.js 3. Load scripts at end of the HTML document instead of in the header 4. Minify several Javascript files Note that the second and third things were only done for Frost and Frost Mobile. Doing it for every theme means going through every .tpl for every theme and rearranging the Javascript, which is tedious. 2012-07-28 17:57:16 +02:00			`<a href="#" class='acl-button-show'>$show</a>`
			`<a href="#" class='acl-button-hide'>$hide</a>`
			`</div>`

			`<script>`
			`window.allowCID = $allowcid;`
			`window.allowGID = $allowgid;`
			`window.denyCID = $denycid;`
			`window.denyGID = $denygid;`
various bug fixes 2012-09-17 02:56:31 +02:00			`window.aclInit = "true";`
Modify Javascript to improve page loading times 1. Add template category 'end' that places content right before final </body> tag 2. Move most Javascript from tpl files into one cacheable file, theme.js 3. Load scripts at end of the HTML document instead of in the header 4. Minify several Javascript files Note that the second and third things were only done for Frost and Frost Mobile. Doing it for every theme means going through every .tpl for every theme and rearranging the Javascript, which is tedious. 2012-07-28 17:57:16 +02:00			`</script>`