adding stylesheet links to page <head>

Crsb

Hi,

This is concerning TS 6.7.2.0 and SP 3.1

I would like to include some global assets (css files) in an html page generated from a sitepublisher place. I know how to add them if i modify the xsl of the corresponding pagetype and run LS toolkit.

is there a more flexible way which doesn't require rebuild? or some technique that doesn't require access to iw-home filesystem?

AlexC

(quoted from docs)


How to add content to HEAD and BODY elements outside of the components using externals or controllers?

Requires: Livesite 3.1+





Page tokens involved

RuntimePage defines several well known keys used in page generation:

RuntimePage.PAGESCOPE_HEAD_INJECTION - token inserted right before <script src="http://wiki.interwoven.com/pub/TWiki/TimeTablePlugin/timetabletooltips.js" language="javascript" type="text/javascript"></script>element of the page

RuntimePage.PAGESCOPE_BODY_INJECTION_TOP - Page token inserted right after element of the page before components

RuntimePage.PAGESCOPE_BODY_INJECTION_BOTTOM - Page token inserted right before element of the page after components and analytics







Component now needs to call the prefix/externals as follows:





[html]




com.interwoven.livesite.external.runtime.Debugging
setRandomHeadInjection


[/html]






Java code

Using following sample methods found in Debugging.java:



[html]
/**
* Sample external/prefix that sets data for head injection
*
* @Param context RequestContext
* @return null (does work and doesn't add anything to the component model)
*/
public Document setRandomHeadInjection(RequestContext context)
{
String[] sample = { "Africa", "Antarctica", "Asia", "Europe", "North America", "South America", "Oceania" };
Random rng = new Random(System.currentTimeMillis());
int sel = rng.nextInt(sample.length);

String str = "<script type='text/javascript'>\r\n</script>\r\n";
if (LOGGER.isDebugEnabled())
{
LOGGER.debug("Executing Debugging.setRandomHeadInjection: "+str);
LOGGER.debug("--- START: RequestContext ---");
LOGGER.debug(context.toString());
LOGGER.debug("--- END: RequestContext ---");
}

context.getPageScopeData().put(RuntimePage.PAGESCOPE_HEAD_INJECTION, str);

return null;
}

/**
* Sample external/prefix that sets data for body injection top
*
* @Param context RequestContext
* @return null (does work and doesn't add anything to the component model)
*/
public Document setRandomBodyTopInjection(RequestContext context)
{
String[] sample = { "Troposphere", "Stratosphere", "Mesosphere", "Thermosphere", "Exosphere" };
Random rng = new Random(System.currentTimeMillis());
int sel = rng.nextInt(sample.length);

String str = "Page <body> top injection: Hello from " + sample[sel] + "
";
if (LOGGER.isDebugEnabled())
{
LOGGER.debug("Executing Debugging.setRandomBodyTopInjection: "+str);
LOGGER.debug("--- START: RequestContext ---");
LOGGER.debug(context.toString());
LOGGER.debug("--- END: RequestContext ---");
}

context.getPageScopeData().put(RuntimePage.PAGESCOPE_BODY_INJECTION_TOP, str);

return null;
}

/**
* Sample external/prefix that sets data for body injection bottom
*
* @Param context RequestContext
* @return null (does work and doesn't add anything to the component model)
*/
public Document setRandomBodyBottomInjection(RequestContext context)
{
String[] sample = { "Crust", "Mantle", "Liquid Outer Core", "Solid Inner Core" };
Random rng = new Random(System.currentTimeMillis());
int sel = rng.nextInt(sample.length);

String str = "Page <body> bottom injection: Hello from " + sample[sel] + "
";
if (LOGGER.isDebugEnabled())
{
LOGGER.debug("Executing Debugging.setRandomBodyBottomInjection: "+str);
LOGGER.debug("--- START: RequestContext ---");
LOGGER.debug(context.toString());
LOGGER.debug("--- END: RequestContext ---");
}

context.getPageScopeData().put(RuntimePage.PAGESCOPE_BODY_INJECTION_BOTTOM, str);

return null;
}
[/html]






HTML template before token evaluation:





[html]



<meta name="keywords" content="$PAGE_SCOPE[keywords]" />
<meta name="description" content="$PAGE_SCOPE[description]" />

...resources here...

$PAGE_SCOPE[head_injection]



$PAGE_SCOPE[body_injection_top]

...components here...
...analytics here...

$PAGE_SCOPE[body_injection_bottom]



[/html]




Resulting page HTML:





[html]



...metadata and description here...

...resources here...

<script type='text/javascript'>
</script>



Page <body> top injection: Hello from {random value}


...components here...
...analytics here...

Page <body> bottom injection: Hello from {random value}




[/html]