I have these two javascript files on my HTML page. Only the first javascript file seems to work unless I switch them around and then only the other javascript file works. Is there a way I can get both working on the same HTML page?

 

<script src="js/animated-menu.js" type="text/javascript"></script>

 

<script src="js/interface.js" type="text/javascript"></script>

 

Thank you!

Hi

 

I had this problem in the past and I think it was something to do with the onload event?

I have these two javascript files on my HTML page. Only the first javascript file seems to work unless I switch them around and then only the other javascript file works. Is there a way I can get both working on the same HTML page?

 

<script src="js/animated-menu.js" type="text/javascript"></script>

 

<script src="js/interface.js" type="text/javascript"></script>

 

Thank you!

 

Sounds like they're conflicting. Have you got a link to the site so we can see the scripts in action?

Sounds like they're conflicting. Have you got a link to the site so we can see the scripts in action?

 

Yes here it is:

 

My link

 

I've been struggling with this for sometime and I just don't have enough knowledge to fix it. I would really appreciate your help.

Yes here it is:

 

My link

 

all javascript working on ur link

 

firefox 4

Try re-ordering your scripts likes this:

 

<script src="http://jqueryjs.googlecode.com/files/jquery-1.3.js" type="text/javascript"></script>
<script src="js/jquery.easing.1.3.js" type="text/javascript"></script>
<script src="animated-menu.js" type="text/javascript"></script>
<script type="text/javascript" src="js/interface.js"></script>
<script src="popup.js" type="text/javascript"></script>

 

Also, delete this line:

<script type="text/javascript" src="js/jquery.js"></script>

 

You're already loading the jQuery library from googlecode.com so you don't need to do it again.

Try re-ordering your scripts likes this:

 

<script src="http://jqueryjs.googlecode.com/files/jquery-1.3.js" type="text/javascript"></script>
<script src="js/jquery.easing.1.3.js" type="text/javascript"></script>
<script src="animated-menu.js" type="text/javascript"></script>
<script type="text/javascript" src="js/interface.js"></script>
<script src="popup.js" type="text/javascript"></script>

 

Also, delete this line:

<script type="text/javascript" src="js/jquery.js"></script>

 

You're already loading the jQuery library from googlecode.com so you don't need to do it again.

 

I have tried your suggestion and the link is updated, but it is still not working. Any more ideas?

I have tried your suggestion and the link is updated, but it is still not working. Any more ideas?

 

It's working fine for my in Firefox and Chrome - no errors at all. What browser are you using?

works fine in IE8 too. Only thing that doesn't work is the top menu opens but doesn't close but it does that in Chrome as well.

Additionally IE8 has some layout issues with the menu.

EDIT *

 

found the problem, i had no closing bracket in the javascript loop lol thats why it all didnt work, i am starting to dislike js more and more each day haha

Edited April 26, 201115 yr by web-itec