. That way, the document should be loaded enough to work. Another option would be to change your functions to grab the element when needed rather than when the script is read.
Great tip. I put it right after my \![]()
line and the pictures rotate 😃 .
Only problem now is the fadein and fadeout functions are not working right even though they are being called.
---
### Author:  [@Saint\_Cad](https://boards.straightdope.com/u/Saint_Cad)
#### Post date: [July 18, 2012, 5:44am UTC](https://boards.straightdope.com/t/question-on-using-javascript/628575/13 "2012-07-18T05:44:45Z")
> [@Saint\_Cad](#):
>
> Only problem now is the fadein and fadeout functions are not working right even though they are being called.
More info. Using IE9
The script as a self-contained HTML files fades in and out unless in compatability mode but when used as an external file in IE9 it does not fade in or out. 😕
Firefox and Chrome fade in and out perfectly.
So apparently the way I’m setting the alpha doesn’t work with IE, at least consistantly. Getting late so more research in the morning.
---
### Author:  [@tellyworth](https://boards.straightdope.com/u/tellyworth)
#### Post date: [July 18, 2012, 7:08am UTC](https://boards.straightdope.com/t/question-on-using-javascript/628575/14 "2012-07-18T07:08:58Z")
Use jQuery.
---
### Author:  [@friedo](https://boards.straightdope.com/u/friedo)
#### Post date: [July 18, 2012, 9:20am UTC](https://boards.straightdope.com/t/question-on-using-javascript/628575/15 "2012-07-18T09:20:25Z")
> [@tellyworth](#):
>
> Use jQuery.
This advice, while good, is completely irrelevant to solving the OP’s problem.
---
### Author:  [@Kinthalis](https://boards.straightdope.com/u/Kinthalis)
#### Post date: [July 18, 2012, 2:09pm UTC](https://boards.straightdope.com/t/question-on-using-javascript/628575/16 "2012-07-18T14:09:57Z")
The correct way to set this up is to tie it to a browser event. Specifically one that gets called right after the DOM becomes available.
This has already been suggested, but I wanted to also recommend using an API to work with javascript.
The abstraction of the various browsers and browser versions will save your sanity.
With jquery you would call your code from within the following:
$(document).ready(function(){
// your code here
});
This would trigger your code the moment the DOM is fully accessible to it.
---
### Author:  [@Saint\_Cad](https://boards.straightdope.com/u/Saint_Cad)
#### Post date: [July 18, 2012, 3:38pm UTC](https://boards.straightdope.com/t/question-on-using-javascript/628575/17 "2012-07-18T15:38:52Z")
The code execution is not the problem. The problem is that IE apparent has unique ways it likes to handle alpha=\>opacity and that has been changed again for IE9. It’s just a matter of tracking down the right function.
And for the jquery advice, I have heard from people in the field that the way to go in modern times (ie 2012) is CMS.
---
### Author:  [@FlightlessBird](https://boards.straightdope.com/u/FlightlessBird)
#### Post date: [July 18, 2012, 4:31pm UTC](https://boards.straightdope.com/t/question-on-using-javascript/628575/18 "2012-07-18T16:31:01Z")
google search terms: html opacity ie9. Here are those results:
[link](https://www.google.com/search?q=html+opacity+ie9)
This one looks promising:
[First Link](http://blogs.msdn.com/b/ie/archive/2010/08/17/ie9-opacity-and-alpha.aspx)
Hope it helps!
---
### Author:  [@Kinthalis](https://boards.straightdope.com/u/Kinthalis)
#### Post date: [July 18, 2012, 5:35pm UTC](https://boards.straightdope.com/t/question-on-using-javascript/628575/19 "2012-07-18T17:35:05Z")
> [@Saint\_Cad](#):
>
> The code execution is not the problem. The problem is that IE apparent has unique ways it likes to handle alpha=\>opacity and that has been changed again for IE9. It’s just a matter of tracking down the right function.
>
> And for the jquery advice, I have heard from people in the field that the way to go in modern times (ie 2012) is CMS.
Again, why using an API with javascript could help. This time it was a change in the way a particular browser version of a particular browser brand handles a particular instruction. Next time it could be 3 different browser versions from 2 different browsers having issues with 5 different pieces of code.
Other people have done the heavy lifting of abstracting that nonsense. You don’t want to waste time re-inventing the wheel.
Also, CMS? Is that supposed to be content management? That’s not really a javascript solution. Unless you meant MVC, as in model, view, control which is another way of handling complex javascript - many js API’s are available which handle MVC quite well.
---
### Author:  [@Blakeyrat](https://boards.straightdope.com/u/Blakeyrat)
#### Post date: [July 18, 2012, 6:37pm UTC](https://boards.straightdope.com/t/question-on-using-javascript/628575/20 "2012-07-18T18:37:20Z")
> [@tellyworth](#):
>
> Firefox, Chrome and Safari all have excellent debuggers and developer tools. Use one of those for development. Trying to write Javascript without one is just a waste of time.
As does IE8 and IE9. (And earlier versions of IE back to 5, but it was a separate download.)
Don’t let the anti-IE snobs get to you, hehe.
[Next page](https://boards.straightdope.com/t/question-on-using-javascript/628575.md?page=2)
> \
```
My personal recommendation for working with html/css/js would be firefox + firebug (extension).
---
> [@Saint\_Cad](#):
>
> IE8
> No indicator that it is being loaded. Is there a good add on for that?
You should be able to use the developer tools that come with IE8 - does an option called “Developer Tools” show up under the Tools menu? I don’t think it’s an add-on but I could be wrong. Alternatively, you can pull it up with the F12 key.
Once you have them up, there’s a tab called “Script.” Click that. On the tool bar that appears, there’s a button called “Start Debugging.” To the right of that is a drop-down. If you click the down arrow on the drop-down, it will list all the loaded javascript files. Does yours show up? If it doesn’t, it’s not loading it correctly.
But also, what **tellyworth** says is right. Nowadays, there are some debugging tools built-in to IE8, but overall, I much prefer Firefox and Chrome. The Web Developer add-on for Firefox (and I think also for Chrome…) is a must-have if you’re doing this kind of stuff very often.
And everyone else who is telling you about what’s loaded when are also right - you have to load the stuff in the right place, or it won’t work.
---
IE8’s developer tools are probably fine too, I just have no experience with them (wasn’t even sure it had any).
---
I’m a javascript newb myself, and there are parts of the OP script that I don’t understand much. In the line
var t=setInterval(“displaypix()”, 5000);
Does that actually work the way it should? Should the function displaypix() be quoted as shown, or will that be interpreted as calling setInterval(var, var) with a string argument and an integer argument?
Does function displaypix() need to be defined before it’s first called?
---
> [@Civil\_Guy](#):
>
> I’m a javascript newb myself, and there are parts of the OP script that I don’t understand much. In the line
>
> var t=setInterval(“displaypix()”, 5000);
>
> Does that actually work the way it should? Should the function displaypix() be quoted as shown, or will that be interpreted as calling setInterval(var, var) with a string argument and an integer argument?
>
> Does function displaypix() need to be defined before it’s first called?
Oddly though it may seem, yes it’s suppose to be in quotes. The function displaypix() won’t need to be defined until the setInterval() function is called.
---
> [@Sparklo](#):
>
> When the script gets loaded in the \