[TYPO3-english] Javascript in HTML template

Fri Dec 3 14:29:15 CET 2010

Hi,

Thanks for the reply. I just tested it just opening the html file directly 
on the webserver, and this works. The script is called in the bottom of the 
html template as it correctly don´t work if the script is placed in the top 
of the html.

But any idea why typo3 influence this, as the fact it it works if I open the 
html directly on the webserver

Regards
Cecilie.

""Christian Müller (Kitsunet)"" <christian at kitsunet.de> skrev i meddelelsen 
news:mailman.1.1291317892.21768.typo3-english at lists.typo3.org...
> Have you tried to open this html from the server (without TYPO3 involved)? 
> I guess it won't work too, because actually you execute your javascript 
> right away, without checking if all of the page is already loaded. Which 
> can be fine on a local pc because there is no loading time, but from the 
> internet the html takes a bit to load and your javascript is executed 
> before the img tag with id="someimage" exists in your browser and so you 
> will get the error.
>
> You should put that code into a function and execute that function with 
> window.onload [1].
>
> Christian
>
> [1] http://javascript.about.com/library/blonload.htm
>
> On 01.12.2010 09:54, Cecilie Andersen wrote:
>> I have a problem regarding a Javascript in my html template.
>>
>> When I run the template on my local pc it works, but when loading the
>> template on my typo3 site there is an error.
>>
>> The javascript is the following (it just insert a random picture into a
>> <td>
>>
>> <script type="text/javascript">
>> var aryimages = new Array('banner2.jpg');
>> document.getElementById("someimage").src =
>> aryimages[Math.floor(Math.random() * aryimages.length)];
>> </script>
>>
>> </HEAD>
>>
>> <body>
>>
>> <div align="center">
>> <table border="0" style="border: 1px solid #319a63" width="956"
>> cellspacing="0" cellpadding="0" height="660">
>> <tr>
>> <td valign="bottom" width="956" height="153" id="menu" colspan="3"><img
>> id="someimage" src="">menu</td>
>> </tr>
>>
>>
>> When opening the page in typo3 I can see an explorer error, that calls
>> the following error:
>>
>> 'document.getElementById(...)' is null or not an object
>>
>> - and it points to the line "document.getElementById("someimage").src =
>> aryimages[Math.floor(Math.random() * aryimages.length)];"
>>
>> Anyone has knowledge about problem with inserting javascript ? as it
>> seems to be an typo3 related error, as it works fine on my local pc.
>>
>> Regards
>> Cecilie
> 