Learn VBA & Macros in 1 Week!

JavaScript - Novice - Need Help With Some Javascript

Full Excel VBA Course - Beginner to Expert

Novice - Need Help With Some Javascript	View Content

Evening all

A complete novice here who is trying to learn a bit about web development on a basic level.

Ive kind of got my head round basic html and css, and i mean basic but its working for me and thats all i need for now

What i've been trying to do is incorporate some javascript into my demo site to make it a bit more dynamic and have found some code that looks like what i need (simple slideshow) but i cant get a result

the code i found allegedly just drops in amongst the index html where required and works. Trouble is if i try and save my index html to preview i cant save the file as html as it reverts to a standard text file.

I tried to create an external .js file and link it to my html with no success.

I appreciate it sub entry level stuff here but im stuck.

source of code http://www.javascriptkit.com/script/...bleslide.shtml

i want the above to drop into a div in my site. do i need anything within the head tags etc

Thanks

Dave

Full Excel VBA Course - Beginner to Expert

From Novice Javascripter

Similar Tutorials

View Content

I am writing a Javascript to validate a web page form for a intro-to programming class. i have written the same type of page for the homework and it worked fine. and in midterm it worked fine. now when i hit submit on the this form nothing happens. Does any one have any debugging ideas or recommend tools for debugging.

If..else If, Not Working (novice Alert)

Similar Tutorials

View Content

I have attempted several variations of this, none of which seem to help. I have narrowed this down to being the central problem at hand. Do i just have something out of place?

Code:

if (monthly_pay>=1000)                  
  {bank_account="Okay";}
else if ((monthly_pay>=700)&&(monthly_pay<=999))
  {bank_account="Still Okay";}
else if ((monthly_pay>=500)&&(monthly_pay<=699))
  {bank_account="Start to worry";}
else if ((monthly_pay>=300)&&(monthly_pay<=499))
  {bank_account="Panic";}
else if (monthly_pay<=299)
  {bank_account="Chapter 9";}
else
  {document.write("Marry Up")}
}

Optionally, could I not do else if and somehow use this as a Nested If?

Any help appreciated,
Thank You

Bmi Calculator - Novice Cannot Get It Working!

Similar Tutorials

View Content

Hello

I have been asked by a friend to put together a BMI calculator. I know there are javascript ones already out there that I could use the code for, but

a) it needs to do a specific thing
b) I am interested in learning a bit of jscript - hence why I just spent about 4hrs trying to get it working

You can see what I have been working on here

http://www.kubedp.co.uk/bmi2.html

Basically - what it needs to do is the following :-
- User can either enter Feet/Inches or centimeters for height
- User can either enter Stones/Pounds or Kilos for weight.
- If they enter Feeet/Inches and centimeters - it throws an error (similar thing for weight).

It then outputs the BMI to txtBMIResults.

I managed to get the validation working on not having both Stones/Pounds and Kilos filled in etc, but when it comes to the actual calculation - I am stumped.

If someone could look at this for me and hopefully code it and comment it so I can understand what has been done to get it working so I might learn, that would be fantastic.

http://www.bmi-calculator.net/bmi-formula.php

Is the formulas for calculating BMI.

Not sure if you can tell from the code - but I was trying to get it so that the calculation was always done on Kilos and Meters, so I was taking the Stones and Pounds and feet and inches and trying to convert it to kilos and metres and then run the calculation.

Hope I have been clear.

Many thanks for any help anyone can offer

Novice - Image Gallery Help

Similar Tutorials

View Content

Hi everyone,
I'm not sure I'm posting this correctly (or if anyone is actually willing to help me out ) but I'm looking for the javascript code to create the following comparative image gallery.

http://i528.photobucket.com/albums/d...evised-RBA.jpg

Basically the image gallery needs to do the following.

When I click on an image (small grey boxes on the bottom), that specific image will appear in the first window. When I click on another image, it will appear in the second window. And finally, click on one more image so that it appears in the third window.

If I want to remove one of the images from the large window, I want to do so by clicking the clear button underneath the image I want to remove.

If anyone could help me out with this, I would be EXTREMELY grateful!

Validating Checkbox How To (novice)

Similar Tutorials

View Content

Hello,

So all I need to do is have a checkbox above the 'submit' button that the user must check before the button becomes active.

Once the user checks the checkbox, then the button becomes active - and users can click on this button to get to the new page.

However, I haven't found any tutorials online that handle this exactly. What I have found is example scripts that have multiple checkboxes, etc...and if I try to remove any of them from the script, it seems to mess up the functionality.

So - take this for example. This would actually work perfect, if the male/female option wasn't there, and the 'reset' wasn't there either:

Quote:
<head>
<script type="text/javascript">
function validate(form) {
// Checking if at least one period button is selected. Or not.
if (!document.form1.sex[0].checked && !document.form1.sex[1].checked){

alert("Please Select Sex");
return false;}

if(!document.form1.agree.checked){alert("Please check the terms and conditions");
return false; }

return true;
}
</script>
</head>

<body>
<table border='0' width='50%' cellspacing='0' cellpadding='0' ><form name=form1 method=post action=action_page.php onsubmit='return validate(this)'><input type=hidden name=todo value=post>

<tr bgcolor='#ffffff'><td align=center ><font face='verdana' size='2'><b>Sex</b><input type=radio name=sex value='male'>Male </font><input type=radio name=sex value='female'><font face='verdana' size='2'>Female</font></td></tr>

<tr><td align=center bgcolor='#f1f1f1'><font face='verdana' size='2'><input type=checkbox name=agree value='yes'>I agree to terms and conditions </td></tr>
<tr bgcolor='#ffffff'><td align=center ><input type=submit value=Submit> <input type=reset value=Reset></td></tr>
</table>
</body>
I try to manually remove the 'male/female' options for this in Dreamweaver, but then the script doesn't work properly.

Can anybody help me out here? Would be greatly appreciated.

Thank you

Novice Asking For Help With Form/calculator Coding

Similar Tutorials

View Content

Greetings all,

I am excited to have found this website as I have been trying to implement an idea for a website for about a month, but with little success. My problem is that I have little coding experience/knowledge.

I am trying to create a form/calculator. My concept includes drop down menus, check boxes, roll over images, and calculations. I've been trying to do the coding in Microsoft Excel; however, this has been very cumbersome, and the look is very generic.

The reason for my post here is I was hoping someone could offer advice, for a novice, on the best way to accomplish what I am looking to do. Is there a software/program that would be helpful with the coding? Am I in over my head?

Thank you all for any help you can offer!

Josh

Novice Question About Emailing Form Submissions

Similar Tutorials

View Content

I know almost nothing about javascript, but the guy who used to handle my company's forms has moved on and I need to edit one.

Specifically, the form has a field for a district number, and I need to set it up so that if a certain district number is entered, the form submission gets emailed to a specified email address.

I'm not trying to make it an email-only form - the results have to be posted in an output file as well.

I've tried googling for an answer but haven't found anything that answers my question. Maybe that's because I don't know enough javascript to understand the answers.

Can anyone help?? Thanks!

Help For Novice Javascripter With Cross Browser Problem

Similar Tutorials

View Content

Hi

I have spent some time writing a javascript online calculator.

The calculator works on Safari and Firefox but not on IE or Opera. I am sure there are multiple errors in the code but have gone as far as my limited self taught experience will take me.

Any help will be greatly appreciated!

Here's the code I have put together.

Thanks

David

[code]

<html>
<head>
<script>

function bettype(elm)
{
var bettype = elm.options[elm.selectedIndex].value;

if(bettype == "qualifyingbet")
{

var betamount = document.form.betamount.value;
var betodds = document.form.betodds.value;
var betcommission = document.form.betcommission.value;
var layodds = document.form.layodds.value;
var laycommission = document.form.laycommission.value;

var betstakereturn = parseFloat(betamount)
document.form.betstakereturn.value = (betstakereturn.toFixed(2));

var betwincommissioncharged = parseFloat(betamount)*parseFloat(betodds-1)*parseFloat(betcommission/100)
document.form.betwincommissioncharged.value = (betwincommissioncharged.toFixed(2));

var betreturn = parseFloat((betodds-1)*parseFloat(betamount))-parseFloat(betwincommissioncharged)+parseFloat(betstakereturn)
document.form.betreturn.value = (betreturn.toFixed(2));

var betprofit = parseFloat(betreturn)-parseFloat(betamount)
document.form.betprofit.value = (betprofit.toFixed(2));

var layamount = parseFloat(betreturn)/parseFloat(layodds-laycommission/100)
document.form.layamount.value = (layamount.toFixed(2));

var layliability = parseFloat(layamount)*parseFloat(layodds-1)
document.form.layliability.value = (layliability.toFixed(2));

var netprofit = parseFloat(betprofit)-parseFloat(layliability)
document.form.netprofit.value = (netprofit.toFixed(2));

var percentretained = 100+parseFloat(netprofit/betamount*100)
document.form.percentretained.value = (percentretained.toFixed(2));

}

else if(bettype == "freebetstakereturned")
{

var betamount = document.form.betamount.value;
var betodds = document.form.betodds.value;
var betcommission = document.form.betcommission.value;
var layodds = document.form.layodds.value;
var laycommission = document.form.laycommission.value;

var betstakereturn = parseFloat(betamount)
document.form.betstakereturn.value = (betstakereturn.toFixed(2));

var betwincommissioncharged = parseFloat(betamount)*parseFloat(betodds-1)*parseFloat(betcommission/100)
document.form.betwincommissioncharged.value = (betwincommissioncharged.toFixed(2));

var betreturn = parseFloat((betodds-1)*parseFloat(betamount))-parseFloat(betwincommissioncharged)+parseFloat(betstakereturn)
document.form.betreturn.value = (betreturn.toFixed(2));

var betprofit = parseFloat(betreturn)
document.form.betprofit.value = (betprofit.toFixed(2));

var layamount = parseFloat(betreturn)/parseFloat(layodds-laycommission/100)
document.form.layamount.value = (layamount.toFixed(2));

var layliability = parseFloat(layamount)*parseFloat(layodds-1)
document.form.layliability.value = (layliability.toFixed(2));

var netprofit = parseFloat(betprofit)-parseFloat(layliability)
document.form.netprofit.value = (netprofit.toFixed(2));

var percentretained = parseFloat(netprofit/betamount*100)
document.form.percentretained.value = (percentretained.toFixed(2));

}
else if(bettype == "freebetstakenotreturned")
{

var betamount = document.form.betamount.value;
var betodds = document.form.betodds.value;
var betcommission = document.form.betcommission.value;
var layodds = document.form.layodds.value;
var laycommission = document.form.laycommission.value;

var betstakereturn = 0
document.form.betstakereturn.value = (betstakereturn.toFixed(2));

var betwincommissioncharged = parseFloat(betamount)*parseFloat(betodds-1)*parseFloat(betcommission/100)
document.form.betwincommissioncharged.value = (betwincommissioncharged.toFixed(2));

var betreturn = parseFloat((betodds-1)*parseFloat(betamount))-parseFloat(betwincommissioncharged)+parseFloat(betstakereturn)
document.form.betreturn.value = (betreturn.toFixed(2));

var betprofit = parseFloat(betreturn)
document.form.betprofit.value = (betprofit.toFixed(2));

var layamount = parseFloat(betreturn)/parseFloat(layodds-laycommission/100)
document.form.layamount.value = (layamount.toFixed(2));

var layliability = parseFloat(layamount)*parseFloat(layodds-1)
document.form.layliability.value = (layliability.toFixed(2));

var netprofit = parseFloat(betprofit)-parseFloat(layliability)
document.form.netprofit.value = (netprofit.toFixed(2));

var percentretained = parseFloat(netprofit/betamount*100)
document.form.percentretained.value = (percentretained.toFixed(2));

}
else
{
window.alert("Please select a bet type!");

}
}

</script>
</head>

<body>

1. Select bet type<br>
2. Enter bookmaker and betting exchange details<br>
3. Apply betting exchange details<br>
4. Results for your information
</span>

<table width="100%" align="center">
<tr align="center">
<td>

<table border="1" width="445">
<tr align="center">
<td>
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td align="center">
<form name="form">
<select name="betoption" id="betoption" style="width:273px;">
<option value="typeofbet">Type of Bet. Please Select</option>
<option value="qualifyingbet">Qualifying Bet</option>
<option value="freebetstakereturned">Free Bet Stake Returned</option>
<option value="freebetstakenotreturned">Free Bet Stake Not Returned</option>
</select>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<table border="0">
<tr align="center">
<td colspan="3">
Bet (Bookmaker) Details
</td>
</tr>
<tr>

<td width="140" align="center">
Bet Amount: £
</td>
<td width="140" align="center">
Bet Odds:
</td>
<td width="140" align="center">
Bet Commission: %
</td>
</tr>
<tr>
<td width="140" align="center">
<input type="text" name="betamount" value="0" onfocus="(value='')" size="5" maxlength="5">
</td>
<td width="140" align="center">
<input type="text" name="betodds" value="0" onfocus="(value='')" size="5" maxlength="5">
</td>
<td width="140" align="center">
<input type="text" name="betcommission" value="0" onfocus="(value='')" size="5" maxlength="5">
</td>

</tr>
</table>
</td>
</tr>
<tr>
<td>
<table border="0">
<tr align="center">
<td colspan="4">
Lay (Betting Exchange) Details
</td>
</tr>
<tr>

<td width="210" align="center">
Lay Odds:
</td>
<td width="210" align="center">
Lay Commission: %
</td>
</tr>
<tr>
<td width="212" align="center">
<input type="text" name="layodds" value="0" onfocus="(value='')" size="5" maxlength="5">
</td>
<td width="212" align="center">
<input type="text" name="laycommission" value="0" onfocus="(value='')" size="5" maxlength="5">
</td>
</tr>
<tr>
<td width="212" align="center">
Lay Amount: £
</td>
<td width="212" align="center">
Lay Liability: £
</td>
</tr>
<tr>
<td width="212" align="center">
<input type="text" name="layamount" size="5" readonly="readonly">
</td>
<td width="212" align="center">
<input type="text" name="layliability" size="5" readonly="readonly">
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<table border="0">
<tr align="center">
<td colspan="2" align="center">
For Your Information
</td>
</tr>
<tr>
<td width="212" align="center">
Net Profit: £
</td>
<td width="212" align="center">
Percentage retained: %
</td>
</tr>
<tr>
<td width="212" align="center">
<input type="text" name="netprofit" size="5" readonly="readonly">
<td width="212" align="center">
<input type="text" name="percentretained" size="5" readonly="readonly">
</td>
</tr>
</table>

<input type="hidden" name="betstakereturn" value="0" size="5" >

<input type="hidden" name="betwincommissioncharged" value="0" size="5" >

<input type="hidden" name="betreturn" size="5" >

<input type="hidden" name="betprofit" size="5" >

<table border="0">
<tr align="center">
<td width="212" align="center">

<button type="reset" value="Reset">Reset</button>

</td>

</form>

<td width="212" align="center">

<input type="submit" value="Calculate"
onclick="bettype(betoption);">
</td>

</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>

</body>
</html>
[code]

Novice Needs A Video And Screenshots Flash Slideshow To Play In Same Frame

Similar Tutorials

View Content

I am not sure if I am in the right section. I tried to search this but couldn't find what I needed. I am very limited on my javascript knowledge. I need a video player that functions almost exactly like the one in this example:
http://www.popcap.com/games/bookworm...L_1_8_19_08_en {the links that toggle between the video and flash slideshow depending on which is clicked. The player showing the videos and screenshots for the game}.

I tried looking at the source to understand the functions, but my code is not working. I know the player is calling some javascript, but I'm not sure I understand it all. Can someone explain to me the basic functioning of this player as shown? I would very much appreciate it.

I Want To Download The Javascript Command List. Need To Learn Javascript On Screen.

Similar Tutorials

View Content

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

Open Multiple Browser Tabs With Javascript And Then Close Them With Javascript

Similar Tutorials

View Content

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.

How To Make Url Link That Uses Javascript Work If Javascript Is Disabled?

Similar Tutorials

View Content

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

Access Javascript Variables From Another Javascript File

Similar Tutorials

View Content

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?.

Javascript-how To Disable Html Button By Javascript

Similar Tutorials

View Content

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

Javascript Problem, Editing Img Src With Javascript

Similar Tutorials

View Content

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...

Activate Javascript From Another Javascript Snipnet

Similar Tutorials

View Content

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

Appending Javascript Snippet Via Javascript

Similar Tutorials

View Content

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?

Javascript Buttons Help (i'm A Noob At Javascript)

Similar Tutorials

View Content

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

Javascript Config File + Javascript Class/functions File - Variables Not Found

Similar Tutorials

View Content

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

Are Functions "first Class Objects?" And Javascript != Javascript

Similar Tutorials

View Content

I wrote a log function that took note of various function calls. Thinking that functions are first class objects, and objects have properties, I made the name of each logged function a property of that function, e.g., brightenInnerPara.name = "brightenInnerPara";

Every browser I tried (Firefox, MSIE, Opera, Chrome, Safari) accepted the assignment, no problem. In Firefox and MSIE, the result was what I wanted:
brightenInnerPara.name == "brightenInnerPara"

But in the others, the result was: brightenInnerPara.name == null

Question 1. Which Javascript is correct here?

I favor Firefox and MSIE, not merely because they were willing to give me what I wanted, but also because it makes no sense to accept an assignment statement without throwing an error and then give it a null semantics, like Chrome, Opera, and Safari did.

I found a workaround, using assignments like this: brightenInnerPara.prototype.name = "brightenInnerPara";

To my surprise, that worked in every browser. But I don't know why. It seems that such assignments are enough to cause each function to have its own distinct prototype.

Question 2. Just how inefficient is my workaround, and why does it work?