JavaScript - Need Help Editing A Game Enhancement Script

Hi there,

we have quite a big and successful project going on. We're a bunch of hardcore hockey gaming people and we're editing a game that has its entire interface written in Javascript. The whole game has been completely rebuilt... graphics, sounds, etc. Also all menus have been changed and reconstructed and we have managed to add some really unique features (previously unseen in sports games). I have some really wild ideas for the interface but we're at a dead end because we don't really have anyone who has advanced JS skills.

See our project here. You can see the completely rebuilt menu features in the thumbnails.

If this forum has someone who's interested in hockey simulator & gaming and has JS skills and would like to develop this brilliant game with us, I would like to get in touch with him. I can send him the full (unmodified base game) any time. The modifications have to be installed from the thread I linked.

Thanks in advance.

Best regards
Trent

Hello everyone.

First, if you do not understand something I have tried to explain, PLEASE ask, don't just skip the question! Thank you!

I will start by explaining what I am doing and why I am running into a problem. Perhaps one of you kind people can help me figure out how to fix it.

I have a grid set up for logic puzzle solving. The grid is made up of 3 rows of primary squares, each containing 16 sub-squares.

The top row has 3 primary squares.
the 2nd row has 2 primary squares.
the 3rd row has 1 primary square.
That gives a total of 96 sub-square, or grid coordinates.

Each sub square has an image in it that can be altered by clicking the square. The image begins as a blank gif. With the first click, it becomes an X, with a second click, it becomes an O, and the third click returns it to blank.

With me so far? Hope so!

Now for the tricky part. The grid is made up using a table, with each TD having it's own identifier, as in:
Code:

a1b1 a1b2 a1b3 a1b4 | a1c1 a1c2 a1c3 a1c4 | a1d1 a1d2 a1d3 a1d4
a2b1 a2b2 a2b3 a2b4 | a2c1 a2c2 a2c3 a2c4 | a2d1 a2d2 a2d3 a2d4
a3b1 a3b2 a3b3 a3b4 | a3c1 a3c2 a3c3 a3c4 | a3d1 a3d2 a3d3 a3d4
a4b1 a4b2 a4b3 a4b4 | a4c1 a4c2 a4c3 a4c4 | a4d1 a4d2 a4d3 a4d4
-----------------------------------------
d1b1 d1b2 d1b3 d1b4 | d1c1 d1c2 d1c3 d1c4				
d2b1 d2b2 d2b3 d2b4 | d2c1 d2c2 d2c3 d2c4				
d3b1 d3b2 d3b3 d3b4 | d3c1 d3c2 d3c3 d3c4				
d4b1 d4b2 d4b3 d4b4 | d4c1 d4c2 d4c3 d4c4				
-----------------------------------------
c1b1 c1b2 c1b3 c1b4								
c2b1 c2b2 c2b3 c2b4								
c3b1 c3b2 c3b3 c3b4								
c4b1 c4b2 c4b3 c4b4

Each sub-square also contains the image that is changed, and the image has it's own unique identifier, to go alone with the grid:

Code:

1-0-0 | 1-0-1 | 1-0-2 | 1-0-3 | 1-1-0 |1-1-1 | 1-1-2 | 1-1-3 | 1-2-0 | 1-2-1 | 1-2-2 | 1-2-3 |
----------------------------------------------------------------------------------------------
2-0-0 | 2-0-1 | 2-0-2 | 2-0-3 | 2-1-0 | 2-1-1 | 2-1-2 | 2-1-3 | 2-2-0 | 2-2-1 | 2-2-2 | 2-2-3 |
----------------------------------------------------------------------------------------------
3-0-0 | 3-0-1 | 3-0-2 | 3-0-3 | 3-1-0 | 3-1-1 | 3-1-2 | 3-1-3 | 3-2-0 | 3-2-1 | 3-2-2 | 3-2-3 |
----------------------------------------------------------------------------------------------
4-0-0 | 4-0-1 | 4-0-2 | 4-0-3 | 4-1-0 | 4-1-1 | 4-1-2 | 4-1-3 | 4-2-0 | 4-2-1 | 4-2-2 | 4-2-3 |
-------------------------------------------------------------
5-0-0 | 5-0-1 | 5-0-2 | 5-0-3 | 5-1-0 | 5-1-1 | 5-1-2 | 5-1-3 |
-------------------------------------------------------------
6-0-0 | 6-0-1 | 6-0-2 | 6-0-3 | 6-1-0 | 6-1-1 | 6-1-2 | 6-1-3 |
-------------------------------------------------------------		
7-0-0 | 7-0-1 | 7-0-2 | 7-0-3 | 7-1-0 | 7-1-1 | 7-1-2 | 7-1-3 |
-------------------------------------------------------------
8-0-0 | 8-0-1 | 8-0-2 | 8-0-3 | 8-1-0 | 8-1-1 | 8-1-2 | 8-1-3 |
------------------------------
9-0-0 | 9-0-1 | 9-0-2 | 9-0-3 |							
------------------------------
10-0-0 | 10-0-1 | 10-0-2 | 10-0-3 |							
----------------------------------
11-0-0 | 11-0-1 | 11-0-2 | 11-0-3 |							
----------------------------------
12-0-0 | 12-0-1 | 12-0-2 | 12-0-3 |

Here is a sample of a TD including the image and other ID's:

Code:

<TD style=" border-bottom: 3px solid black;" class="gridoff" onMouseOver="className='gridon';" onMouseOut="className='gridoff';" id="gridtdD4C2">

<DIV align="center">
<IMG src="/testproject/n.gif" height="20" width="20" id="8-1-1" name="D4C2" onClick="flipBox(this);" class="gridbox">
</DIV>

</TD>

As you can see, the image ID is 8-1-1, which if you compare the two tables, is equal to D4C2.

So far, everything is working perfect, as long as I have a grid that is 3x3x4, or, 3 squares across the top, 2 squares in the middles, and 1 square on the bottom, with 16 sub-squares in each.

Now, the problem is, I do not always need a 3x3x4, sometimes I will need a 3x3x5, or a 4x4x4, or a 4x4x5 grid. I have made all the grids, and given them all the right ID's for both the TD, the IMG, as well as the <input> tags.

When I test out a 3x3x5 grid, the first 4 columns in each square work fine, the 5th will only change to an X once, and cannot be changed again.
Similarly, the first 4 rows in each square work, but not the 5th, with the same problem. Again, I have made sure that each of my ID's are correct, so that isn't the issue. The only thing I can figure it would be is the javascript.

So, here it is, the script that does all the changes:

Code:

<SCRIPT LANGUAGE="JavaScript">
function checkDoubles(val) {
// A4C5 = check A4C1, A4C2, A4C3, A4C4, A1C5, A2C5, A3C5, A5C5
	var part1 = val.substr(0,1);
	var part2 = val.substr(1,1);
	var part3 = val.substr(2,1);
	var part4 = val.substr(3,1);
	var part12 = val.substr(0,2);
	var part34 = val.substr(2,2);
	var isdouble = "false";
	// check A4C*		
	for(i=1;i<5;i++) {
		var checkthisbox = part12 + part3 + i;
		if(checkthisbox!=val) {
			if(document.getElementById(checkthisbox).value==3) {
				alert("You can not set more than one box in any row to true at the same time!  If you wish to set this box to true you must first remove the other true statement in this row.");
				var isdouble = "true";
			}
		}
	}	
	// check A*C5		
	for(i=1;i<5;i++) {
		var checkthisbox = part1 + i + part34;
		if(checkthisbox!=val) {
			if(document.getElementById(checkthisbox).value==3) {
				alert("You can not set more than one box in any column to true at the same time!  If you wish to set this box to true you must first remove the other true statement in this column.");
				var isdouble = "true";
			}
		}
	}		
	return isdouble;
}

function flipBox(img) {
	var tmpname;
	if(img.src=="http://localhost/testproject/n.gif") {
		img.src = "http://localhost/testproject/x.gif";
		tmpname = img.name;
		document.mainform.elements[tmpname].value = 1;
		document.getElementById(img.name).value = 1;
	} else if(img.src=="http://localhost/testproject/x.gif") {
		var finaltest = checkDoubles(img.name);
		if(finaltest=="false") {
			img.src = "http://localhost/testproject/o.gif";
			tmpname = img.name;
			document.mainform.elements[tmpname].value = 3;
			document.getElementById(img.name).value = 3;		
		} else {
			img.src = "http://localhost/testproject/n.gif";
		}		
	} else if(img.src=="http://localhost/testproject/o.gif") {
		img.src = "http://localhost/testproject/n.gif";
		tmpname = img.name;
		document.mainform.elements[tmpname].value = 0;
		document.getElementById(img.name).value = 0;		
	}	
	showVals();
}
</SCRIPT>

I know nothing about javascript, so I have no idea why the grid is not working as it should. For some reason, 1-0-0 through 1-0-3 (A1B1 to A1B4) work, but 1-0-4 (A1B5) nor 5-0-4 (which would be A5B5 grid coord).

It makes no sense to me. If you could please look over the script and tell me if you can see why it's letting the original part of the grid to work, but not the additional parts I add?

Thank you!

I'm trying to setup a mail merge using a gmail docs script from http://www.labnol.org/software/mail-...h-gmail/13289/. So far, it works pretty well, but I want to edit it to include the following:

1) The script should start with "Dear Noah" as opposed to "Dear Noah_Kaplan"

2) I want to add my canned response to the script so that it always appears at the bottom of the e-mail.

3) Lastly, I want the outgoing mail to be saved as individual drafts in my drafts folder in gmail before it's sent out. That way, I can decide if I want to add a sentence or two to personalize each individual email draft.

Thanks in advance for your awesome help.

Best,
Noah

By the way, here's the script I want to edit:

function onOpen() {
var mySheet = SpreadsheetApp.getActiveSpreadsheet();
var menuEntries = [ {name: "Step 1: Import Gmail Contacts", functionName: "importContacts"},
{name: "Step 2: Start Mail Merge", functionName: "sendEmail"},
{name: "Help / About", functionName: "showHelp"}];
mySheet.addMenu("Mail Merge", menuEntries);
}

function importContacts() {
var groupName = Browser.inputBox("Enter the name of your Gmail Contacts group he ");
var mySheet = SpreadsheetApp.getActiveSpreadsheet().getActiveSheet();
var myContacts = ContactsApp.findContactGroup(groupName).getContacts();
for (i=0; i < myContacts.length; i++) {
var myContact = [[myContacts[i].getFullName(), myContacts[i].getPrimaryEmail(), "Pending"]];
mySheet.getRange(i+2, 1,1,3).setValues(myContact);
}
Browser.msgBox("You have successfully imported " + myContacts.length + " contacts from Gmail. Please proceed to Step 3.");
}

function sendEmail() {

var mySheet = SpreadsheetApp.getActiveSpreadsheet().getActiveSheet();
var newLine = "<br><br>";

var emailSubject = mySheet.getRange("F2").getValue();
var emailSalutation = mySheet.getRange("F3").getValue();

var emailLine1 = mySheet.getRange("F4").getValue() + newLine;
var emailLine2 = mySheet.getRange("F5").getValue()?
mySheet.getRange("F5").getValue() + newLine : "";
var emailLine3 = mySheet.getRange("F6").getValue()?
mySheet.getRange("F6").getValue() + newLine : "";
var emailLine4 = mySheet.getRange("F7").getValue()?
mySheet.getRange("F7").getValue() + newLine : "";
var emailLine5 = mySheet.getRange("F8").getValue()?
mySheet.getRange("F8").getValue() + newLine : "";

var emailBody = emailLine1 + emailLine2 + emailLine3 + emailLine4 + emailLine5;

var emailSignature = mySheet.getRange("F9").getValue() + newLine;
var emailYourName = mySheet.getRange("F10").getValue();
emailBody = emailBody + emailSignature + emailYourName + "<br>";

var emailReplyTo = mySheet.getRange("F11").getValue();

var myContacts = mySheet.getDataRange();
var myContact = myContacts.getValues();
for (i=1; i < myContact.length; i++) {
var person = myContact[i];
if (person[1] != "" && person[2] != "OK") {
var emailMsg = emailSalutation + " " + person[0] + "," + newLine + emailBody;
var advancedArgs = {htmlBody:emailMsg, name:emailYourName, replyTo:emailReplyTo};
MailApp.sendEmail(person[1], emailSubject, emailMsg , advancedArgs);
mySheet.getRange(i+1,3).setValue("OK");
}
}
SpreadsheetApp.flush();
}

function showHelp() {
Browser.msgBox("With Mail Merge, you can send personalized email messages to your Gmail contacts in two easy steps. For help, visit http://labnol.org/?p=13289 or send me a tweet @labnol.");
}​

I am very new to javascript. At least when it comes to writing scripts. The only thing I'm trying to do with the following script is make it so when you click on the right numbers of the image it will take you to a new page. If you click the wrong numbers it will forward you to an error page explaining that the code/numbers you clicked on were wrong. The code of numbers is four numbers long.

When I try the correct numbers or the incorrect numbers nothing happens either way. I'm not sure why.

Code:

<html><head><title>Untitled</title>
<script type="text/javascript">

			var combination;
			var comboAnswer = "7256";

			combination = "";

			function keycode(n) {
		if (combination.length < (opener.top.comboAnswer.length - 1)) {
					combination = combination + n;
				}
				else {
					combination = combination + n;
					checkCode();
				}
			}

			function checkCode() {
				if (combination == opener.top.comboAnswer) {
					window.location.href = "disarmed.html";
				}
				else {
					window.location.href = "armed.html";
				}
			}

		</script>
<body bgcolor="#000000">
<center>
<div style="text-align:center; width:527px; margin-left:auto; margin-right:auto;">
<img id="combination" src="image.png" usemap="#combination" border="0" alt="" />
<map id="_combination" name="combination">
<area shape="rect" coords="255,184,288,210" href="javascript:keycode(1)" alt="" title="" />
<area shape="rect" coords="288,184,321,210" href="javascript:keycode(2)" alt="" title="" />
<area shape="rect" coords="321,184,354,210" href="javascript:keycode(3)" alt="" title="" />
<area shape="rect" coords="255,213,288,239" href="javascript:keycode(4)" alt="" title="" />
<area shape="rect" coords="288,213,321,239" href="javascript:keycode(5)" alt="" title="" />
<area shape="rect" coords="320,213,353,239" href="javascript:keycode(6)" alt="" title="" />
<area shape="rect" coords="256,240,289,266" href="javascript:keycode(7)" alt="" title="" />
<area shape="rect" coords="288,240,321,266" href="javascript:keycode(8)" alt="" title="" />
<area shape="rect" coords="320,240,353,266" href="javascript:keycode(9)" alt="" title="" />
<area shape="rect" coords="288,265,321,291" href="javascript:keycode(0)" alt="" title="" />
<area shape="default" nohref>
</map>
</div>
</center>
</body></html>

Hi,

I'm trying to put some kind of code for some kind of facebook game but then the problem that I'm having is this code kinda broken now, which is mean not really support to the new facebook platform or new version of facebook and the facebook game have change many links in itself I try to update it but never success on this project,

if someone could assist me where to start or what to do please do so will be much appreciate for the help in advance

Code:

javascript:(
	function() {
		var d, url, t, i;
	
		d = window.open().document;
		url = location.href;

	
		d.write('<p>');

		if (url.match(/clearance/))
		{
			var user_id;
			var pets, li, im;
			var pet_link, pet_id, pet_name, pet_seller, pet_price;
			
			t = document.getElementById('app7019261521_my_monies')
				.getElementsByTagName('a')[0].getAttribute('href');
			user_id = t.substr(t.lastIndexOf("/") + 1);
			
			d.write(' HotBuys</p>');
			d.write('<table><tr><td valign="top"><table>');
			pets = document.getElementsByClassName('user-item on_sale');
			for (i = 0; i < pets.length; i++)
			{
				im = pets[i].getElementsByTagName('img');
				if (im.length > 0) {
					t = im[0].getAttribute('src');
				}
				else
				{
					t = "http://static.ak.fbcdn.net/pics/s_silhouette.jpg"
				}
				li = pets[i].getElementsByClassName('text')[0].getElementsByTagName('li');
				pet_link = li[0].getElementsByTagName('a')[0].getAttribute('href');
				pet_id = pet_link.substr(pet_link.lastIndexOf("/") + 1);
				pet_name = li[0].getElementsByTagName('a')[0].firstChild.nodeValue;
				pet_price = li[1].getElementsByClassName('money')[0].firstChild.nodeValue;
				if (i%5 == 0)
				{
					d.write('<tr>');
				}
				d.write('<td width="100px" valign="top">');
				d.write('<a style="font-size:60%" rel="nofollow" target="P" href="' + pet_link + '">');
				d.write('<img width="100" height="100" src="' + t + '"/></a><br/>');
				d.write('<a style="font-size:60%" rel="nofollow" target="P" href="' + pet_link + '">' + pet_name + '</a><br/>');
				d.write('<span style="font-size:70%">' + pet_price + '</span>');
				d.write('<table><tr><td>');
				d.write('<form method="post" rel="nofollow" target="P" action="http://apps.facebook.com/friendsforsale/users/buy/'
					+ pet_id + '">');
				d.write('<input name="buyer_id" type="hidden" value="' + user_id + '"/>');
				d.write('<input type="submit" value="Buy"/></form></td><td>');				
				d.write('<form method="post" rel="nofollow" target="Q" action="http://apps.facebook.com/friendsforsale/users/buy/'
					+ pet_id + '">');
				d.write('<input name="buyer_id" type="hidden" value="' + user_id + '"/>');
				d.write('<input type="submit" value="Buy"/></form></td></tr></table></td>');				
				if (i%5 == 4)
				{
					d.write('</tr>');
				}
			}
			d.write('</table></td><td valign="top">');
			d.write('<iframe name="P" width="400" height="540"></iframe>');
			d.write('<iframe name="Q" width="400" height="540"></iframe>');
			d.write('</td></tr></table>');
		}
		else if (url.match(/users\/show/))
		{
			var user_id, pet_id, pet_name, pet_value, pet_cash;
			var info, info_money, title_icon;
			var achievements, badges, badge_pages, badge_count, n_tycoon = 0, n_collar = 0;

			t = document.getElementById('app7019261521_my_monies')
				.getElementsByTagName('a')[0].getAttribute('href');
			user_id = t.substr(t.lastIndexOf("/") + 1);

			t = url.match(/users\/show\/[0-9]+/)[0];
			pet_id = t.substr(t.lastIndexOf("/") + 1);
		
			t = document.title;
			pet_name = t.substr(t.lastIndexOf("|") + 2);
			
			info = document.getElementsByClassName("info");
			info_money = info[0].getElementsByClassName("money");
			pet_value = info_money[0].firstChild.nodeValue;
			pet_cash = info_money[1].firstChild.nodeValue;
			
			title_icon = document.getElementsByClassName("general")[0]
				.getElementsByClassName("title_icon");
			achievements = document.getElementsByClassName("achievements");
			
			if (achievements.length > 0)
			{
			}
			d.write('</span> <span style="color:#777">value:</span> ' + pet_value);
			d.write(' <span style="color:#777">cash:</span> ' + pet_cash);
			d.write(' <a href="http://apps.facebook.com/friendsforsale/comments?a='
				+ user_id + '&b=' + pet_id + '" rel="nofollow" target="P">C2C</a>');
			d.write(' <a href="http://apps.facebook.com/friendsforsale/users/admin_dialog/'
				+ pet_id + '" rel="nofollow" target="P">AD</a></p>');
			d.write('<table border="0" cellpadding="0" cellspacing="0"><tr>');
			d.write('<td><form method="post" rel="nofollow" target="P" action="http://apps.facebook.com/friendsforsale/users/buy/'
				+ pet_id + '">');
			d.write('<input name="buyer_id" type="hidden" value="' + user_id + '"/>');
			d.write('<input type="submit" value="Buy"/></form></td>');
			d.write('<td><form method="post" rel="nofollow" target="Q" action="http://apps.facebook.com/friendsforsale/users/buy/'
				+ pet_id + '">');
			d.write('<input name="buyer_id" type="hidden" value="' + user_id + '"/>');
			d.write('<input type="submit" value="Buy"/></form></td>');
			d.write('<td><form method="post" rel="nofollow" target="P" action="http://apps.facebook.com/friendsforsale/users/update/'
				+ pet_id + '">');
			d.write('<input name="" type="submit" value="Nick"/><input name="nickname" type="text" size="10"/></form></td>');

			d.write('<td><form method="post" rel="nofollow" target="P" action="http://apps.facebook.com/friendsforsale/users/sale/'
				+ pet_id + '">');
			d.write('<input name="" type="submit" value="Sale"/></form></td>');
			d.write('<td><form method="post" rel="nofollow" target="P" action="http://apps.facebook.com/friendsforsale/users/release/'
				+ pet_id + '">');
			d.write('<input name="" type="submit" value="Free"/></form></td></tr></table>');

			d.write('<table border="0" cellpadding="0" cellspacing="0"><tr>');
			d.write('<td><form method="post" rel="nofollow" target="P" action="http://apps.facebook.com/friendsforsale/users/'
				+ pet_id + '/comments/create">');
			d.write('<input name="" type="submit" value="Comment"/><textarea rows="1" col="20" name="comment" type="text" style="vertical-align:top"></textarea></form></td>');


			d.write('</tr></table>');
			d.write('<iframe name="P" width="400" height="540"></iframe>');
			d.write('<iframe name="Q" width="400" height="540"></iframe>');
		}
		else
		{
			d.write(' </p>');		
		}
		d.write('</body></html>');
		d.close();
} )()