500 internal server erooro with JS in header

[WebDevAE]

Hi ! (sorry for the name of the topic)

 

I have to put a JS slider on the header of my website, but when i try to put the code on my header.tpl, I have a 500 internal server error (http://imgur.com/7LsB0ud).

 

 

Here is my code (between -------------------------------) :

	<body{if isset($page_name)} id="{$page_name|escape:'html':'UTF-8'}"{/if} class="{if isset($page_name)}{$page_name|escape:'html':'UTF-8'}{/if}{if isset($body_classes) && $body_classes|@count} {implode value=$body_classes separator=' '}{/if}{if $hide_left_column} hide-left-column{/if}{if $hide_right_column} hide-right-column{/if}{if isset($content_only) && $content_only} content_only{/if} lang_{$lang_iso}">
	{if !isset($content_only) || !$content_only}
		{if isset($restricted_country_mode) && $restricted_country_mode}
			<div id="restricted-country">
				<p>{l s='You cannot place a new order from your country.'} <span class="bold">{$geolocation_country|escape:'html':'UTF-8'}</span></p>
			</div>
		{/if}
		<div id="page">
			<div class="header-container">
				<header id="header">




					<div class="banner">
						<div class="container">
							<div class="row">
								{hook h="displayBanner"}
							</div>
						</div>
					</div>
					<div class="nav">
						<div class="container">
							<div class="row">
								<nav>{hook h="displayNav"}</nav>
							</div>
						</div>
					</div>
					<div>
						<div class="container">
							<div class="row">
								<div id="header_logo">
									<a href="{$base_dir}" title="{$shop_name|escape:'html':'UTF-8'}">
										<img class="logo img-responsive" src="{$logo_url}" alt="{$shop_name|escape:'html':'UTF-8'}"{if isset($logo_image_width) && $logo_image_width} width="{$logo_image_width}"{/if}{if isset($logo_image_height) && $logo_image_height} height="{$logo_image_height}"{/if}/>
									</a>
								</div>
								{if isset($HOOK_TOP)}{$HOOK_TOP}{/if}
							</div>
						</div>
					</div>


---------------------------------------------------------------------------------------

	<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
	<meta http-equiv="X-UA-Compatible" content="IE=Edge"/>

<!--Adobe Edge Runtime-->
    <meta http-equiv="X-UA-Compatible" content="IE=Edge">
    <script type="text/javascript" charset="utf-8" src="http://animate.adobe.com/runtime/5.0.1/edge.5.0.1.min.js"></script>
    <style>
        .edgeLoad-EDGE-4760735 { visibility:hidden; }
    </style>
<script>
AdobeEdge.loadComposition('slide1', 'EDGE-4760735', {
scaleToFit: "width",
centerStage: "both",
minW: "990px",
maxW: "undefined",
width: "1280px",
height: "445px"
}, {"dom":{[spam-filter], {"style":{"${symbolSelector}":{"isStage":"true","rect":["undefined","undefined","1280px","445px"],"fill":["rgba(255,255,255,1)"][spam-filter],"dom":{[spam-filter]);
</script>

<!--Adobe Edge Runtime End-->

	<div id="Stage" class="EDGE-4760735">
	</div>

---------------------------------------------------------------------------------------

			</div>
				</header> 

And when I remove the code below, I don't have an error (http://imgur.com/4SbRrFX) :

<script>
   AdobeEdge.loadComposition('slide1', 'EDGE-4760735', {
    scaleToFit: "width",
    centerStage: "both",
    minW: "990px",
    maxW: "undefined",
    width: "1280px",
    height: "445px"
}, {"dom":{[spam-filter], {"style":{"${symbolSelector}":{"isStage":"true","rect":["undefined","undefined","1280px","445px"],"fill":["rgba(255,255,255,1)"][spam-filter],"dom":{[spam-filter]);
</script>

Thanks for your answers !

 

 

PS : when i do a 

<script>alert("TrySometthing");</script>

the alert works.

Edited January 12, 2015 by Webmasterdom (see edit history)

[WebDevAE]

I found an another forum that I must use {literal} {/literal}, and then it works !

<script>
{literal}
.......................
.......................
{/literal}
</script>