load a javascript ONLY on the homepage

[mr_c]

hey guys, I want to load a twitter widget javascript on the homepage of my website, and no where else because i get this error in the error info box in IE8

Message: ‘document.getElementById(…)’ is null or not an object

(works fine on the homepage where i have the widget, so the error must be because it's not on the same page as the widget)

i tried adding this to the template file

if (document.getElementById("twitter_div")) {
 <scriipt type="text/javascript" src="http://localhost/modules/twitter/blogger.js"></scriipt>
<scriipt type="text/javascript" src="http://twitter.com/statuses/user_timeline/Mytwitter.json?callback=twitterCallback2&count=5"></scriipt>
}

Eseentially, what i want is to to make an if statement saying “if twitter div exists on page, run script, else, don’t”
but it doesn't work. Is there a way to do this with smarty php?

[NogDog]

Are you looking for a JavaScript (client-side) or PHP (server-side) solution?

[mr_c]

Php solution, my site uses smarty php templates, and this code is inside the smarty file, thanks

[johanafm]

The above doesn't work because you'd need

<script type="text/javascript>
	// this has do be inside a script element to be executed
	if (document.getElementById('twitter')

// and you can't nest script tags.
</script>

But why not just

	<div id="twitter">
		{* now you're inside the div, so it most certainly exists...}
		{assign var=$hasTwitterDiv value=true}
	</div>

And later on

	{if $hasTwitterDiv}
		<script type="text/javascript" src="twitter.js"></script>
	{/if}

Also, remove the double i in <scriipt>. It's supposed to be <script>