JavaScript - Javascript Memory Leaks Or Something

Hi every1! Got a task in university to make a memory game (card matching game).
Thats what i've got so far:
Code:

var selected = 0;    
var choiceOne;    
var choiceTwo;   
var matches = 0;     
var numOfTries = 0;
var interval = 700;
var gamePlace = document.getElementById("wrap");
var backcard="img/memoryBg.png";
var timeStart;
var timeFinish;
var time;
                            
function nameEnter(){
    var name = prompt("Please enter your name");
    if (name != null){
        document.title =
        "Welcome " + name + "!";
        }
            }
			
function game(){
var nOfPairs = document.getElementById("nPairs").value;

timeStart = new Date().getTime();

if (nOfPairs==1){
var cards=[];
    cards[0] = 'img/card1.png';
    cards[1] = 'img/card1.png';
}	
if (nOfPairs==2){
var cards=[];
    cards[0] = 'img/card1.png';
    cards[1] = 'img/card1.png';
    cards[2] = 'img/card2.png';
    cards[3] = 'img/card2.png';
cards.sort(function shuffle(){
   return Math.random() - 0.5;});
}
if (nOfPairs==3){
var cards=[];
    cards[0] = 'img/card1.png';
    cards[1] = 'img/card1.png';
    cards[2] = 'img/card2.png';
    cards[3] = 'img/card2.png';
    cards[4] = 'img/card3.png';
    cards[5] = 'img/card3.png';
cards.sort(function shuffle(){
   return Math.random() - 0.5;});
}
if (nOfPairs==4){
var cards=[];
    cards[0] = 'img/card1.png';
    cards[1] = 'img/card1.png';
    cards[2] = 'img/card2.png';
    cards[3] = 'img/card2.png';
    cards[4] = 'img/card3.png';
    cards[5] = 'img/card3.png';
    cards[6] = 'img/card4.png';
    cards[7] = 'img/card4.png';
	
cards.sort(function shuffle(){
   return Math.random() - 0.5;});
}
if (nOfPairs==5){
var cards=[];
    cards[0] = 'img/card1.png';
    cards[1] = 'img/card1.png';
    cards[2] = 'img/card2.png';
    cards[3] = 'img/card2.png';
    cards[4] = 'img/card3.png';
    cards[5] = 'img/card3.png';
    cards[6] = 'img/card4.png';
    cards[7] = 'img/card4.png';
    cards[8] = 'img/card5.png';
    cards[9] = 'img/card5.png';
    cards.sort(function shuffle(){
   return Math.random() - 0.5;});
}
if (nOfPairs==6){
var cards=[];
    cards[0] = 'img/card1.png';
    cards[1] = 'img/card1.png';
    cards[2] = 'img/card2.png';
    cards[3] = 'img/card2.png';
    cards[4] = 'img/card3.png';
    cards[5] = 'img/card3.png';
    cards[6] = 'img/card4.png';
    cards[7] = 'img/card4.png';
    cards[8] = 'img/card5.png';
    cards[9] = 'img/card5.png';
    cards[10] = 'img/card6.png';
    cards[11] = 'img/card6.png';
    cards.sort(function shuffle() {
   return Math.random() - 0.5;});
}
if (nOfPairs==7){
var cards=[];
    cards[0] = 'img/card1.png';
    cards[1] = 'img/card1.png';
    cards[2] = 'img/card2.png';
    cards[3] = 'img/card2.png';
    cards[4] = 'img/card3.png';
    cards[5] = 'img/card3.png';
    cards[6] = 'img/card4.png';
    cards[7] = 'img/card4.png';
    cards[8] = 'img/card5.png';
    cards[9] = 'img/card5.png';
    cards[10] = 'img/card6.png';
    cards[11] = 'img/card6.png';
    cards[12] = 'img/card7.png';
    cards[13] = 'img/card7.png';
cards.sort(function shuffle(){
   return Math.random() - 0.5;});
}
if (nOfPairs==8){
var cards=[];
    cards[0] = 'img/card1.png';
    cards[1] = 'img/card1.png';
    cards[2] = 'img/card2.png';
    cards[3] = 'img/card2.png';
    cards[4] = 'img/card3.png';
    cards[5] = 'img/card3.png';
    cards[6] = 'img/card4.png';
    cards[7] = 'img/card4.png';
    cards[8] = 'img/card5.png';
    cards[9] = 'img/card5.png';
    cards[10] = 'img/card6.png';
    cards[11] = 'img/card6.png';
    cards[12] = 'img/card7.png';
    cards[13] = 'img/card7.png';
    cards[14] = 'img/card8.png';
    cards[15] = 'img/card8.png';
cards.sort(function shuffle(){
   return Math.random() - 0.5;});
}
                
if(nOfPairs>8||nOfPairs<1){
    alert("Please enter the number from 1 to 8");
    }else{
		for(i = 0; i<=nOfPairs*2-1; i++){
            var cardDiv = document.createElement("div");
                cardDiv.setAttribute("id",""+i+"");
                cardDiv.style.height="65px";
                cardDiv.style.width="65px";
                cardDiv.style.float='left';
                gamePlace.appendChild(cardDiv);
                document.getElementById(""+i+"").innerHTML='<img src="img/memoryBg.png">';
								
                cardDiv.onclick=function(){cardClick(this.id);}; 
                    }
            }
                
function cardClick(card){
 
    if (selected==2){   
        return ;
    }
   
    if (selected==0){   
        choiceOne=card;
        document.images[card].src = cards[card];
        selected = 1; 
    }else { 
        selected = 2;
        choiceTwo = card;
        document.images[card].src =cards[card];
        var timer=setInterval(checking,interval); 
    }
    function checking()
{
    clearInterval(timer);
    numOfTries++;
    document.getElementById("tries").innerHTML = numOfTries;
    
    if (cards[choiceTwo]==cards[choiceOne]){   
        matches++;
        document.images[choiceOne].src = "img/memoryBgI.png";
        document.images[choiceTwo].src = "img/memoryBgI.png";
        //choiceTwo.onclick=null;
    } else { 
        document.images[choiceOne].src = "img/memoryBg.png";
        document.images[choiceTwo].src = "img/memoryBg.png";
        selected = 0;
        return ;
    }
	if (matches == nOfPairs){ 
		  timeFinish = new Date().getTime();
		  time = Math.round (((timeFinish - timeStart)/1000));
          alert("Congrats! You needed " + numOfTries + " tries, and " + time + " seconds.");
        }
        selected = 0;
        return ;
}
}
            }

so the problem is, that I can just click 2 times on one card and it will look like a coincidence. My second problem is that when I have a real coincidence, I can still click on that card (by "real coincidence" i mean two same pics. so when i find them, they have to be not active, and when im clicking on them, they should just simply do nothing.). Can someone help me?

Hi:

I was trying to post in flowplayer forum but...

Anyway, the code below works fine when run with browser called from Coffee Cup HTML editor. Files are played as requested from button onClick events.

All files called and all ref files are on hosting server. When I put this page on the server and click the first button, the files play fine. When I then click thge second button, the files called by the first button play again. If I then click the second button, the files called by button 2 play. If I then click button 5, the files called by button 2 play again.

The previous config is somehow being stored somewhere and called. I have added this and that as you can see in the code to try to rid the old config but to no avail:

playerConfig = null

playerConfig.playlist =[]; should clear it.

delete playerConfigplaylist[0]; Should clear it.

and thinking it was bumped to [1]

delete playerConfigplaylist[1]; Should clear that.

So I think the old playerConfig.playlist should be gone but apparently not so.

I have reviewed:

jquery.min.js, flowplayer-3.2.6.min.js and flowplayer.playlist-3.0.8.js

and cannot see any cause to this behavior though I am not a js ace.

Any insight appreciated.

Best regards






<code>

<script>

var mediaPlayer = null;
var playerConfig = null;


function createPlayerConfig ()
{
playerConfig = null;
playerConfig =
{
log:
{
level: 'debug'
} ,
play: null,
plugins:
{
controls:
{
url: 'https://www.jala-mi.org/gmfiles/flowplayer.controls-3.2.5.swf',
bottom: 0,
height: 24,
backgroundColor: "#2d3e46",
backgroundGradient: "low",
fontColor: '#ffffff',
timeFontColor: '#333333',
autoHide: 'never',
play:true,
volume:true,
mute:true,
time:true,
stop:true,
playlist:true,
fullscreen:true,
scrubber: true
}
}
}
};


function changePlaylist(newplaylist,no_of_items)
{
playerConfig.playlist = [];
delete playerConfig.playlist[0];
for(i=0; i < no_of_items; i++)
{
playerConfig.playlist[i] = newplaylist;
}
delete playerConfig.playlist[1];
createPlayer(); // reload player with new playlist
mediaPlayer.play(); // start the newly loaded clip sequence*
}


function createPlayer()
{
if(mediaPlayer != null)
{
if(mediaPlayer.isLoaded())
{
mediaPlayer.unload();
mediaPlayer = null;
}
}
$f("player",
{
src:"https://www.jala-mi.org/gmfiles/flowplayer-3.2.7.swf"
},
playerConfig
);
mediaPlayer = $f("player");
}

function loadandplay(intro, movie)
{
var presentation = {url: movie , duration: 0, autoPlay: true, autoBuffering: false, fadeInSpeed: 8000,
fadeOutSpeed: 5000, title: 'JPD 02/28/2011',playlist: [{url: intro , duration: 0,
position: 0, fadeInSpeed: 5000, fadeOutSpeed: 8000, autoPlay: true, autoBuffering: true,
}]
};

createPlayerConfig();

changePlaylist(presentation, 1);
};

</script>

</code>

html
<code>

<div id="side">
<br><br>
<input type="button" class="plbtn" value="November 2010" style="background-color:#0D4A80; color:#fff" onClick="javascript:loadandplay('https://www.jala-mi.org/gmfiles/Intro112210.flv', 'https://www.jala-mi.org/gmfiles/collections112210.flv')">
<br>
<input type="button" class="plbtn" value="January 2011" style="background-color:#0D4A80; color:#fff" onClick="javascript:loadandplay('https://www.jala-mi.org/gmfiles/intronone.flv', 'https://www.jala-mi.org/gmfiles/')">
<br>
<input type="button" class="plbtn" value="February 2011" style="background-color:#0D4A80; color:#fff" onClick="javascript:loadandplay('https://www.jala-mi.org/gmfiles/Intro22811.flv', 'https://www.jala-mi.org/gmfiles/jpd_3.flv')">
<br>
<input type="button" class="plbtn" value="March 2011" style="background-color:#0D4A80; color:#fff"
onClick="javascript:loadandplay('https://www.jala-mi.org/gmfiles/Intro32811.flv', 'https://www.jala-mi.org/gmfiles/assets32811.flv')">
<br>
<input type="button" class="plbtn" value="April 2011" style="background-color:#0D4A80; color:#fff" onClick="javascript:loadandplay('https://www.jala-mi.org/gmfiles/intronone.flv', 'https://www.jala-mi.org/gmfiles/')">
<br>
<input type="button" class="plbtn" value="May 2011" style="background-color:#0D4A80; color:#fff" onClick="javascript:loadandplay('https://www.jala-mi.org/gmfiles/intronone.flv', 'https://www.jala-mi.org/gmfiles/')">
<br>
<input type="button" class="plbtn" value="September 2011" style="background-color:#0D4A80; color:#fff" onClick="javascript:loadandplay('https://www.jala-mi.org/gmfiles/intronone.flv', 'https://www.jala-mi.org/gmfiles/')">
<br>
<input type="button" class="plbtn" value="October 2011" style="background-color:#0D4A80; color:#fff" onClick="javascript:loadandplay('https://www.jala-mi.org/gmfiles/intronone.flv', 'https://www.jala-mi.org/gmfiles/')">
<br>
<input type="button" class="plbtn" value="November 2011" style="background-color:#0D4A80; color:#fff" onClick="javascript:loadandplay('https://www.jala-mi.org/gmfiles/intronone.flv', 'https://www.jala-mi.org/gmfiles/')">
<br>
</div>

</code>

I am using firefox 8.

Is there a way is seeing the details of its memory usage please?

Many thanks for any help,

S

ok, i'm sure you all will laugh at this, but it seems really bizzario to me.

i have two small routines worked out.
routine G gets a value out of the db and brings it back to the browser script.
routine P puts a value into the db from the browser script.
they both run fine.

but.........
you have to turn the browser totally off and restart it after retrieving a value out of the db (?) why? is this some kind of "clear memory" i need to be doing. its like the last value i retrieved thru the server is stuck in memory and keeps coming up, and it won't flush out until i turn the browser off and restart it.

is this a Javascript problem or a PHP problem?

i dont' have a clue, maybe i need to somehow flush the memory in the PHP file after i echo() back the result.? is that normal?

thanks,
Paul

I'm designing a page to fade multiple images (three) in and out over a set period of time (one minute, say). The code I have works as follows:
I define an array and fill it with the div objects I want to fade in and out.
I have some simple tags (2 for opaque, 1 for fading in, -1 for fading out, etc.) that I set to show the state of the object.
First I check if the object is opaque, and if so set it to fade along with a time;
Or if it's transparent I give it a 1 in 10 chance of fading in during this iteration.
If it's currently fading in or out I check to make sure it's on track and change the opacity of the div accordingly.

Originally, I had the function call back to itself using setTimeout after the loop had gone through all the divs and changed their opacities appropriately.
This caused an out of memory error (though, strangely, if I had any alerts in the function it didn't give me the error).
So the version below has the code in a while loop to let it run for 20 seconds - this gives me the "a script...run slowly, do you want to continue the script?" message.

So I have several questions:
1) First and foremost, why is my function causing out of memory/run slowly errors and what is the best way to fix that?
2) Is there a better way to code this effect (final result will be six lights fading in and out for a minute or so).
3)I'm not an experienced programmer, so any bad practices, ways to streamline, no no's, etc. that you see, please point out.

I've only posted the script here - the page simple consists of three divs (id's grad0, grad1, grad2) and a call to the function copied here.

Thanks in advance.

Code:

function commencez(){                       //parent function to store var's
  var TimeToFade = 10000;
	theArray = new Array(2);
	var wrench = new Date().getTime();
	
	for (var a=0; a<3; a++){                           //fill the array with objects
	 theArray[a] = document.getElementById("grad" + a);
	 theArray[a].FadeState = -2;                     //start them transparent
	}

  function fader() {
     var check = new Date().getTime();  //stops the function after 30 seconds
     if( check <= wrench + 30000 )
     {
       return;
      }

	  for(var i=0; i<3; i++){
		 
          if (theArray[i].FadeState !=1 && theArray[i].FadeState != -1)
          {
           if( theArray[i].FadeState == 2)
           {
             theArray[i].FadeState = -1;
             theArray[i].FadeTimeLeft = TimeToFade;
             theArray[i].FadeBegan = new Date().getTime();
            }
           if( theArray[i].FadeState == -2)
           {
             var rndm=Math.floor(Math.random()*11);
             if( rndm == 1)
             {
               theArray[i].FadeState = 1;
               theArray[i].FadeTimeLeft = TimeToFade;
               theArray[i].FadeBegan = new Date().getTime();
              }
            }
           }

           if( theArray[i].FadeState == 1 || theArray[i].FadeState == -1)
           {
            var now = new Date().getTime();
            since = now - theArray[i].FadeBegan;

            if( theArray[i].FadeTimeLeft <= since )
            {
              theArray[i].style.opacity = theArray[i].FadeState == 1 ? '1' : '0.2';
              theArray[i].style.filter = 'alpha(opacity = ' +
                       (theArray[i].FadeState == 1 ? '100' : '20') + ')';
              theArray[i].FadeState = theArray[i].FadeState == 1 ? 2 : 2;
            }
            
            theArray[i].FadeTimeLeft -= since;
            var howMuch = theArray[i].FadeTimeLeft / TimeToFade;

            if( theArray[i].FadeState == 1)
            {
              howMuch = 1-howMuch;
              theArray[i].style.opacity = howMuch;
              theArray[i].style.filter = 'alpha(opacity = ' + (howMuch*100) + ')';
             }
             if( theArray[i].FadeState == -1)
             {
               theArray[i].style.opacity = howMuch;
               theArray[i].style.filter = 'alpha(opacity = ' + (howMuch*100) + ')';
              }
            }
          } //close the for loop
         setTimeout( fader() , 500); //last thing fader does is recall itself after half a second

       } //close the fader function
  fader();
}     //close parent function

</script>

Hello! I am trying to find a script that allows you to open multiple browser tabs and then close each of those tabs, either one by one or all at once.

Does anyone know how to do this please?

Thanks so much for your help.

I want to have another go at Javascript. I have several books on the subject but I find that my eyesight is a major problem. Therefore I want to try an on-line solution, preferably free.

I have Googled, but there are so many that I am almost dizzy with the choices.

Perhaps someone could recommend one. Not too fussy visually. My knowledge is VERY basic.

Frank

Does anyone know how to make URL links that use Javascript still work when
users have Javascript disabled on their browser?

The only reason I'm using JS on a URL is because my link opens a PDF file, and I'm forcing it not to cache so users have the latest version.

I tried the <script><noscript> tags, but I'm not sure if I'm using it
correctly, as my URL completely disappears.

Below is my HTML/Javascript code:

<p class="download">
<script type="text/javascript">document.write("<span
style=\"text-decoration: underline;\"><a href=\"javascript:void(0);\"
onclick=\"window.open(
'http://www.webchild.com.au/mediakit/Direct_Media_Kit_Web.pdf?nocache='+
Math.floor( Math.random()*11 ) );\" >The Child Magazines Media
Kit</a></span> (PDF 1 MB) ");</script>
<noscript><span style="text-decoration: underline;"><a
href="http://www.webchild.com.au/mediakit/Direct_Media_Kit_Web.pdf"
>The Child Magazines Media Kit</a></span> (PDF 1 MB)</noscript>
</p>


Thanks for any help,
Michael

Hi,

I have the following code snippet:
test.html
======
<script language="javascript" type="text/javascript">
var testVariable = "test";
</script>
<script language="javascript" type="text/javascript" src="test.js">
</script>

test.js
=====
var testVariable = window.top.testVariable;

In firefox, I'm able to access testvariable defined within test.html in test.js.

But in chrome, test.js couldnot get the window.top.testVariable field defined in test.html.

Can any one please let me know how i can make it work in chrome?. Am i missing something here?.

Hi Guys,
I am new at JavaScript and start to do some tutorials.What I am trying to do here is prompting user to input a name and if the name was valid the page(document) will display with all objects like the button.But if user enter a wrong name then the button will be disabled!
I create the following code but it did not work

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>New Web Project</title>
<script language="JavaScript" type="">
function changeColor(){
document.bgColor = "Gray";
}
</script>
</head>
<body>
<script language="JavaScript" type="text/javascript">
var person = "";
person = prompt('What is Your Name:');
if (person == "Foo") {
document.write("<h1 />Welcome " + person);
document.bgColor = "Yellow";
}
else {
document.write("<h1 />Access Denied!!!!");
document.bgColor = "Red";
document.getElementById("gree").disabled = true;
}
</script>

<div>
<p/><input id="gree" type="button" value="Gray " onClick="changeColor();">
</div>
</body>
</html>

as you can see I used the:
document.getElementById("gree").disabled = true;
but it did not work , could you please give an idea how I can solve this problem?
Thanks

I want to insert this js snippet
Code:

function addText(smiley) {
    document.getElementById('message').value += " " + smiley + " ";
    document.getElementById('message').focus();
    return false;
}

to a loaded iframe with name&id chtifrm. I can access it & change embed something in its html via using something like:

Code:

 $(parent.chtifrm.document.body).append('<div id=\"smly\" style=\"cursor:pointer;float:left;top:200px;display:none;position:absolute;\"><\/div>');

....
Code:

parent.chtifrm.document.getElementById('chatbox_option_disco').style.display == 'none'

but how do I insert js in the head of loaded iframe?

Hi Guys I am trying to modify the functionality of my page. I want to be able to activate this piece of code using another javascript function.

This is the code I want to activate:

Code:

<script type="text/javascript"><!--
$('#button-cart').bind('click', function() {
	$.ajax({
		url: 'index.php?route=checkout/cart/update',
		type: 'post',
		data: $('.product-info input[type=\'text\'], .product-info input[type=\'hidden\'], .product-info input[type=\'radio\']:checked, .product-info input[type=\'checkbox\']:checked, .product-info select, .product-info textarea, .date_data input[type=\'text\']'),
		dataType: 'json',
		success: function(json) {
			$('.success, .warning, .attention, information, .error').remove();
			
			if (json['error']) {
				if (json['error']['warning']) {
					$('#notification').html('<div class="warning" style="display: none;">' + json['error']['warning'] + '<img src="catalog/view/theme/default/image/close.png" alt="" class="close" /></div>');
				
					$('.warning').fadeIn('slow');
				}
				
				for (i in json['error']) {
					$('#option-' + i).after('<span class="error">' + json['error'][i] + '</span>');
				}
			}	 
						
			if (json['success']) {
				$('#notification').html('<div class="success" style="display: none;">' + json['success'] + '<img src="catalog/view/theme/default/image/close.png" alt="" class="close" /></div>');
					
				$('.success').fadeIn('slow');
					
				$('#cart_total').html(json['total']);
				
				$('html, body').animate({ scrollTop: 0 }, 'slow'); 
			}	
		}
	});
});
//--></script>

And this is how I want the format of the function to be:

function testsession() {
if there is a session called 'hiredate' {
activate the script above
}
else {
var el = document.getElementById("product_data");
}
}


I just dont know how to write this in javascript

Could you help me if possible please

Hey,
I've got to make the values of some textboxes change the co-ordinates of my sprite on a canvas and havent a clue on how to do it,

Here is my form with the two textboxes and submit button:
<form>
x: <input type="text" name="x" /><br />
y: <input type="text" name:"y" /><br />
<input type="submit" value="Submit"/><br />
</form>

And i need it so that they change the values of these:

//this shows where my sprite will start on the canvas
var block_x;
var block_y;
searched the internet for hours and cant really find anything i understand or works.
any help is much appreciated

I got an index.php
Code:

<html>

<form action="bacakomik.php" method='post'>
<select name="kodekomik">
<option value='../komik1/|23'>Judul Komik1</option>
<option value="../komik2/|20">Judul Komik2</option>
<option value="../komik3/|10">Juduk Komik3</option>
<option value="../komik4/|20">Judul Komik4</option>
</select>
<input type="submit" />
</form>
<?php
echo ('<select>');
echo ('<option value= "'.$i.'">'.'Page '.$i.'</option>');
echo ('</select>');
?>
</html>

As you can see, each of the option brings specific value "../komik1/|23"
komik1 is a directory
| is a delimiter
23 is the pages in one chapter and can be considered also as how many images are there on a specific directory

This is my bacakomik.php
Code:

<?php
$dirkomik = $_POST['kodekomik'];
$exploded = explode("|", $dirkomik);
echo ($exploded[0]); //picture directory
echo ("<br>");
echo ($exploded[1]); //total page in the comic
$pagecount = (int)$exploded[1];
//Take last posted value, process it right away
echo ('<FORM name="guideform"> ');
echo ('<select name="guidelinks">');
$i=1;
do  {
echo ('<option value= "'.$i.'">'.'Page '.$i.'</option>');
$i= $i+1;
}while($i <= $pagecount); //Printing option and select
echo ("</select>");
?>
<input type="button" name="go" value="Go!" onClick="document.getElementById('im').src=document.guideform.guidelinks.options[document.guideform.guidelinks.selectedIndex].value+'.png';"> </FORM>
<img src="img0.jpg" id="im">

With the current code on bacakomik.php, I only can change the img src of id "im" in the same directory only. What I want is that the Javascript could "add" the "$exploded[0]" variable so that the picture can be loaded from different directory. Anyone can do this?
I believe that the fix should be somewhere on input tag inside OnClick, or do you know where?

Anyway, I found this on the net
http://p2p.wrox.com/php-faqs/11606-q...avascript.html
Please help me to those who can...

All --

I have a JavaScript config file called gameSetting.js which contains a bunch of variables which configures a particular game.

I also have a shared JavaScript library which uses the variables in gameSetting.js, which I include like so:

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

In gameSetting.js I have:

$(document).ready(function()
{
// call some functions / classes in gameLibrary.js
}

in Firefox, Safari, and Chrome, this works fine. However, in IE, when it's parsing gameSetting.js, it complains that the functions that live in gameLibrary.js aren't defined. When it gets to parsing gameLibrary.js, the variables in gameSetting.js are reported as not being defined.

I've tried dynamically bootstrapping the gameLibrary file using this function in document.ready for dynamic load...

$.getScript("gameLibrary.js");

However, the same problem still happens in IE, where when it parses the files individually it's not taking into context the file/variables that came before, so it's not an out of load order problem.

My options a

1) collapsing all the functions in gameLibrary.js and variables in gameSetting.js into one file. However, this is not practical because this is dealing with literally hundreds of games, and having a gameLibrary.js in ONE location for ONE update is what makes most logical sense.

2) figure out a way to get this to work where variables in file1 are accessible to file2 in IE (as it seems they are in other browsers).

jQuery seems to be able to have multiple plugins that all refer to the based jQuery-1.3.2.js, so I know there is a way to get this to work.

Help appreciated.

Nero