View Single Post
  #7  
Old 02-03-2010, 02:47 PM
  gizmo's Avatar 
gizmo gizmo is offline
 

X-Adept
  
Join Date: Jan 2005
Location: Crawley : UK
Posts: 618
 

Default Re: Combining JS, CSS and background images

Quote:
Originally Posted by balinor
Don't call it as a .tpl or it will actually include the code in the source, thus pushing your content too far down the page (not friendly for SEO). Call it as a .js file, and not with Smarty, but with a <script> link.


Sorry to step over you topic Ash:

It only has estension .tpl all the rest of code within it, is links to js files, so I have this included within home.tpl as it creats no clashes > {include file="abeez_sources/templates/jquerry_all.tpl"}

so > jquerry_all.tpl has stuff like following >

Code:
<link type="text/css" href="{$SkinDir}/abeez_sources/css/sky_blue/xxxx.css" rel="stylesheet" /></style> <script type="text/javascript" src="{$SkinDir}/abeez_sources/files/js/xxxxx.js"></script> <script type="text/javascript" src="{$SkinDir}/abeez_sources/files/sky_blue/js/xxxxxxxx.js"></script> {literal}<script type="text/javascript"> $(function(){ // Accordion $("#accordion").accordion({ header: "h3" }); // Tabs $('#tabs').tabs(); // Dialog $('#dialog').dialog({ autoOpen: false, width: 600, buttons: { "Ok": function() { $(this).dialog("close"); }, "Cancel": function() { $(this).dialog("close"); } } }); // Dialog Link $('#dialog_link').click(function(){ $('#dialog').dialog('open'); return false; }); //hover states on the static widgets $('#dialog_link, ul#icons li').hover( function() { $(this).addClass('ui-state-hover'); }, function() { $(this).removeClass('ui-state-hover'); } ); }); </script> {/literal}

Doing it other ways gave me some conflicts, this solution works for calling yes, but you are saying call the file estension .js or something? For SEO Purposes?
__________________
Thank You - Alan
Don't be like me, and keep saying "Nearly did it" go do it!!
Version: 4.4.4 Gold -
Reply With Quote