The Shed is going Social! Join us on FaceBook and Twitter and chime in on the conversation.
|
 |
|
Dev Shed Forums
> Web Design
> JavaScript Development
|
Debugging help
Discuss Debugging help in the JavaScript Development forum on Dev Shed. Debugging help JavaScript Development forum discussing JavaScript and DHTML, AJAX, and issues such as coding cross-browser JavaScript.
|
|
 |
|
|
|
|

Dev Shed Forums Sponsor:
|
|
|

October 18th, 2012, 12:45 AM
|
|
Registered User
|
|
Join Date: Oct 2012
Posts: 23
Time spent in forums: 4 h 47 m 16 sec
Reputation Power: 0
|
|
|
Debugging help
The following code 'almost' works perfectly. I have an iframe that displays 150 'country' cards on its page lined out in a row and set to random 'flips'. Everytime you pick a card, the page moves to the next.
I have it set so that cards that are checked off (because they are 'collectable') don't appear in the array of cards for the next shuffle.
this is the weird part (for a rookie like me), the code ONLY works if the 'South Africa' checkbox is checked off on the form page (shows the card collection list)
This is the code, hope someone can show me what's wrong.
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Cash_Cards</title>
<LINK REL=STYLESHEET TYPE="text/css" HREF="drawcards.css">
<script type="text/javascript" src="TB_popup_drawcard.js">
</script>
</head>
<body topmargin="0" leftmargin="0" bgcolor="#339933">
<script language="javascript">
var cash_cards = [ "1",
"2",
"3",
"4",
"5",
"6",
"7",
"8",
"9",
"10",
"11",
"12",
"13",
"14",
"15",
"16",
"17",
"18",
"19",
"20",
"21",
"22",
"23",
"24",
"25",
"26",
"27",
"28",
"29",
"30",
"31",
"32",
"33",
"34",
"35",
"36",
"37",
"38",
"39",
"40",
"41",
"42",
"43",
"44",
"45",
"46",
"47",
"48",
"49",
"49",
"51",
"52",
"53",
"54",
"55",
"56",
"57",
"58",
"59",
"60",
"61",
"62",
"63",
"64",
"65",
"66",
"67",
"68",
"69",
"70",
"71",
"72",
"73",
"74",
"75",
"76",
"77",
"78",
"79",
"80",
"81",
"82",
"83",
"84",
"85",
"86",
"87",
"88",
"89",
"90",
"91",
"92",
"93",
"94",
"95",
"96",
"97",
"98",
"99",
"100",
"101",
"102",
"103",
"104",
"105",
"106",
"107",
"108",
"109",
"110",
"111",
"112",
"113",
"114",
"115",
"116",
"117",
"118",
"119",
"120",
"121",
"122",
"123",
"124",
"125",
"126",
"127",
"128",
"129",
"130",
"131",
"132",
"133",
"134",
"135",
"136",
"137",
"138",
"139",
"140",
"141",
"142",
"143",
"144",
"145",
"146",
"147",
"148",
"149",
"150",
"151"
];
<!------------South Africa----------->
if (window.parent.document.player_1_form.south_africa_travel_voucher_cashcard.checked == true ||
window.parent.document.player_2_form.south_africa_travel_voucher_cashcard.checked == true ||
window.parent.document.player_3_form.south_africa_travel_voucher_cashcard.checked == true ||
window.parent.document.player_4_form.south_africa_travel_voucher_cashcard.checked == true ||
window.parent.document.player_5_form.south_africa_travel_voucher_cashcard.checked == true ||
window.parent.document.player_6_form.south_africa_travel_voucher_cashcard.checked == true)
delete cash_cards[0];
else
returnValue = true;
<!------------Angola----------->
if (window.parent.document.player_1_form.angola_travel_voucher_cashcard.checked == true ||
window.parent.document.player_2_form.angola_travel_voucher_cashcard.checked == true ||
window.parent.document.player_3_form.angola_travel_voucher_cashcard.checked == true ||
window.parent.document.player_4_form.angola_travel_voucher_cashcard.checked == true ||
window.parent.document.player_5_form.angola_travel_voucher_cashcard.checked == true ||
window.parent.document.player_6_form.angola_travel_voucher_cashcard.checked == true)
delete cash_cards[1];
else
returnValue = true;
<!------------Kenya----------->
if (window.parent.document.player_1_form.kenya_travel_voucher_cashcard.checked == true ||
window.parent.document.player_2_form.kenya_travel_voucher_cashcard.checked == true ||
window.parent.document.player_3_form.kenya_travel_voucher_cashcard.checked == true ||
window.parent.document.player_4_form.kenya_travel_voucher_cashcard.checked == true ||
window.parent.document.player_5_form.kenya_travel_voucher_cashcard.checked == true ||
window.parent.document.player_6_form.kenya_travel_voucher_cashcard.checked == true)
delete cash_cards[2];
else
returnValue = true;
<!------------Eritrea----------->
if (window.parent.document.player_1_form.eritrea_travel_voucher_cashcard.checked == true ||
window.parent.document.player_2_form.eritrea_travel_voucher_cashcard.checked == true ||
window.parent.document.player_3_form.eritrea_travel_voucher_cashcard.checked == true ||
window.parent.document.player_4_form.eritrea_travel_voucher_cashcard.checked == true ||
window.parent.document.player_5_form.eritrea_travel_voucher_cashcard.checked == true ||
window.parent.document.player_6_form.eritrea_travel_voucher_cashcard.checked == true)
delete cash_cards[3];
else
returnValue = true;
<!------------Nigeria----------->
if (window.parent.document.player_1_form.nigeria_travel_voucher_cashcard.checked == true ||
window.parent.document.player_2_form.nigeria_travel_voucher_cashcard.checked == true ||
window.parent.document.player_3_form.nigeria_travel_voucher_cashcard.checked == true ||
window.parent.document.player_4_form.nigeria_travel_voucher_cashcard.checked == true ||
window.parent.document.player_5_form.nigeria_travel_voucher_cashcard.checked == true ||
window.parent.document.player_6_form.nigeria_travel_voucher_cashcard.checked == true)
delete cash_cards[4];
else
returnValue = true;
<!------------Morocco----------->
if (window.parent.document.player_1_form.morocco_travel_voucher_cashcard.checked == true ||
window.parent.document.player_2_form.morocco_travel_voucher_cashcard.checked == true ||
window.parent.document.player_3_form.morocco_travel_voucher_cashcard.checked == true ||
window.parent.document.player_4_form.morocco_travel_voucher_cashcard.checked == true ||
window.parent.document.player_5_form.morocco_travel_voucher_cashcard.checked == true ||
window.parent.document.player_6_form.morocco_travel_voucher_cashcard.checked == true)
delete cash_cards[5];
else
returnValue = true;
<!------------Algeria----------->
if (window.parent.document.player_1_form.algeria_travel_voucher_cashcard.checked == true ||
window.parent.document.player_2_form.algeria_travel_voucher_cashcard.checked == true ||
window.parent.document.player_3_form.algeria_travel_voucher_cashcard.checked == true ||
window.parent.document.player_4_form.algeria_travel_voucher_cashcard.checked == true ||
window.parent.document.player_5_form.algeria_travel_voucher_cashcard.checked == true ||
window.parent.document.player_6_form.algeria_travel_voucher_cashcard.checked == true)
delete cash_cards[6];
else
returnValue = true;
<!------------Egypt----------->
if (window.parent.document.player_1_form.egypt_travel_voucher_cashcard.checked == true ||
window.parent.document.player_2_form.egypt_travel_voucher_cashcard.checked == true ||
window.parent.document.player_3_form.egypt_travel_voucher_cashcard.checked == true ||
window.parent.document.player_4_form.egypt_travel_voucher_cashcard.checked == true ||
window.parent.document.player_5_form.egypt_travel_voucher_cashcard.checked == true ||
window.parent.document.player_6_form.egypt_travel_voucher_cashcard.checked == true)
delete cash_cards[7];
else
returnValue = true;
<!------ extra shuffling, seems to work quite good------>
var shuffled = cash_cards.sort( function() { return Math.random() - 0.9 } );
var shuffled2 = shuffled.sort( function() { return Math.random() - 0.1 } );
var shuffled3 = shuffled2.sort( function() { return Math.random() - 0.6 } );
var shuffled4 = shuffled3.sort( function() { return Math.random() - 0.3 } );
var shuffled5 = shuffled4.sort( function() { return Math.random() - 0.8 } );
var shuffled6 = shuffled5.sort( function() { return Math.random() - 0.5 } );
var shuffled7 = shuffled6.sort( function() { return Math.random() - 0.2 } );
var shuffled8 = shuffled7.sort( function() { return Math.random() - 0.7 } );
var shuffled9 = shuffled8.sort( function() { return Math.random() - 0.4 } );
var current_card = 0;
document.write("<table border='0' class='cash_card_footer' bordercolor='#339933' width='241pt' height='156pt' cellpadding='0' cellspacing='5'>")
document.write("<tr valign='absmiddle'><td>")
document.write("<img src='new images/Cash_Card_Start.jpg' class='hand_cursor' width='41px' align='absmiddle' border='0' onClick='window.scrollBy(49,0)'> ");
while (shuffled9[current_card]){
document.write("<img src='new images/Cash_Card_Up.jpg' class='hand_cursor' onMouseOver='src=\"new images/Cash_Card_Over.jpg\";' onMouseDown='src=\"new images/Cash_Card_Down.jpg\";' onMouseOut='src=\"new images/Cash_Card_Up.jpg\";' onClick='cashcard_" + shuffled9[current_card++] + "(),window.scrollBy(49,0)' width='41px' align='absmiddle' border='0'> ");
}
document.write("<img src='new images/Draw_Card_Reshuffle.jpg' class='hand_cursor' width='41px' align='absmiddle' border='0'>");
document.write("</td>")
document.write("</tr>")
document.write("</table>")
</script>
</body>
</html>
|

October 18th, 2012, 03:44 PM
|
|
Registered User
|
|
Join Date: Oct 2012
Posts: 23
Time spent in forums: 4 h 47 m 16 sec
Reputation Power: 0
|
|
|
Why does this script work ONLY when...
Can't figure out for the life of me why this checkbox validating code ONLY works when 'South_Africa' checkbox is checked. It won't populate the array and link it to the draw-card objects until 'south_africa...' checkbox is checked. Page loads with empty deck of cards.
PS i've cut the code down to 8 cards for easier reading
PPS this script has the deck of cards appear in an iframe, when you click on a card, a popup window opens for it.
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Cash_Cards</title>
<LINK REL=STYLESHEET TYPE="text/css" HREF="drawcards.css">
<script type="text/javascript" src="TB_popup_drawcard.js">
</script>
</head>
<body topmargin="0" leftmargin="0" bgcolor="#339933">
<table border='0' class='cash_card_footer' bordercolor='#339933' width='241pt' height='156pt' cellpadding='0' cellspacing='5'>
<tr valign='absmiddle'>
<td>
<script language="javascript">
var cash_cards = ["1","2","3","4","5","6","7","8"];
<!------------South Africa----------->
if (window.parent.document.player_1_form.south_africa_travel_voucher_cashcard.checked == false &&
window.parent.document.player_2_form.south_africa_travel_voucher_cashcard.checked == false &&
window.parent.document.player_3_form.south_africa_travel_voucher_cashcard.checked == false &&
window.parent.document.player_4_form.south_africa_travel_voucher_cashcard.checked == false &&
window.parent.document.player_5_form.south_africa_travel_voucher_cashcard.checked == false &&
window.parent.document.player_6_form.south_africa_travel_voucher_cashcard.checked == false &&
window.parent.document.player_1_form.angola_travel_voucher_cashcard.checked == false &&
window.parent.document.player_2_form.angola_travel_voucher_cashcard.checked == false &&
window.parent.document.player_3_form.angola_travel_voucher_cashcard.checked == false &&
window.parent.document.player_4_form.angola_travel_voucher_cashcard.checked == false &&
window.parent.document.player_5_form.angola_travel_voucher_cashcard.checked == false &&
window.parent.document.player_6_form.angola_travel_voucher_cashcard.checked == false &&
window.parent.document.player_1_form.kenya_travel_voucher_cashcard.checked == false &&
window.parent.document.player_2_form.kenya_travel_voucher_cashcard.checked == false &&
window.parent.document.player_3_form.kenya_travel_voucher_cashcard.checked == false &&
window.parent.document.player_4_form.kenya_travel_voucher_cashcard.checked == false &&
window.parent.document.player_5_form.kenya_travel_voucher_cashcard.checked == false &&
window.parent.document.player_6_form.kenya_travel_voucher_cashcard.checked == false &&
window.parent.document.player_1_form.eritrea_travel_voucher_cashcard.checked == false &&
window.parent.document.player_2_form.eritrea_travel_voucher_cashcard.checked == false &&
window.parent.document.player_3_form.eritrea_travel_voucher_cashcard.checked == false &&
window.parent.document.player_4_form.eritrea_travel_voucher_cashcard.checked == false &&
window.parent.document.player_5_form.eritrea_travel_voucher_cashcard.checked == false &&
window.parent.document.player_6_form.eritrea_travel_voucher_cashcard.checked == false &&
window.parent.document.player_1_form.nigeria_travel_voucher_cashcard.checked == false &&
window.parent.document.player_2_form.nigeria_travel_voucher_cashcard.checked == false &&
window.parent.document.player_3_form.nigeria_travel_voucher_cashcard.checked == false &&
window.parent.document.player_4_form.nigeria_travel_voucher_cashcard.checked == false &&
window.parent.document.player_5_form.nigeria_travel_voucher_cashcard.checked == false &&
window.parent.document.player_6_form.nigeria_travel_voucher_cashcard.checked == false &&
window.parent.document.player_1_form.morocco_travel_voucher_cashcard.checked == false &&
window.parent.document.player_2_form.morocco_travel_voucher_cashcard.checked == false &&
window.parent.document.player_3_form.morocco_travel_voucher_cashcard.checked == false &&
window.parent.document.player_4_form.morocco_travel_voucher_cashcard.checked == false &&
window.parent.document.player_5_form.morocco_travel_voucher_cashcard.checked == false &&
window.parent.document.player_6_form.morocco_travel_voucher_cashcard.checked == false &&
window.parent.document.player_1_form.algeria_travel_voucher_cashcard.checked == false &&
window.parent.document.player_2_form.algeria_travel_voucher_cashcard.checked == false &&
window.parent.document.player_3_form.algeria_travel_voucher_cashcard.checked == false &&
window.parent.document.player_4_form.algeria_travel_voucher_cashcard.checked == false &&
window.parent.document.player_5_form.algeria_travel_voucher_cashcard.checked == false &&
window.parent.document.player_6_form.algeria_travel_voucher_cashcard.checked == false &&
window.parent.document.player_1_form.egypt_travel_voucher_cashcard.checked == false &&
window.parent.document.player_2_form.egypt_travel_voucher_cashcard.checked == false &&
window.parent.document.player_3_form.egypt_travel_voucher_cashcard.checked == false &&
window.parent.document.player_4_form.egypt_travel_voucher_cashcard.checked == false &&
window.parent.document.player_5_form.egypt_travel_voucher_cashcard.checked == false &&
window.parent.document.player_6_form.egypt_travel_voucher_cashcard.checked == false)
{
<!------ extra shuffling, seems to work quite good------>
var shuffled = cash_cards.sort( function() { return Math.random() - 0.9 } );
var shuffled2 = shuffled.sort( function() { return Math.random() - 0.1 } );
var shuffled3 = shuffled2.sort( function() { return Math.random() - 0.6 } );
var shuffled4 = shuffled3.sort( function() { return Math.random() - 0.3 } );
var shuffled5 = shuffled4.sort( function() { return Math.random() - 0.8 } );
var shuffled6 = shuffled5.sort( function() { return Math.random() - 0.5 } );
var shuffled7 = shuffled6.sort( function() { return Math.random() - 0.2 } );
var shuffled8 = shuffled7.sort( function() { return Math.random() - 0.7 } );
var shuffled9 = shuffled8.sort( function() { return Math.random() - 0.4 } );
var current_card = 0;
document.write("<img src='new images/Cash_Card_Start.jpg' class='hand_cursor' width='41px' align='absmiddle' border='0' onClick='window.scrollBy(49,0)'> ")
while (shuffled9[current_card]){
document.write("<img src='new images/Cash_Card_Up.jpg' class='hand_cursor' onMouseOver='src=\"new images/Cash_Card_Over.jpg\";' onMouseDown='src=\"new images/Cash_Card_Down.jpg\";' onMouseOut='src=\"new images/Cash_Card_Up.jpg\";' onClick='cashcard_" + shuffled9[current_card++] + "(),window.scrollBy(49,0)' width='41px' align='absmiddle' border='0'> ");
}
}
else {
<!------------South Africa----------->
if (window.parent.document.player_1_form.south_africa_travel_voucher_cashcard.checked == true ||
window.parent.document.player_2_form.south_africa_travel_voucher_cashcard.checked == true ||
window.parent.document.player_3_form.south_africa_travel_voucher_cashcard.checked == true ||
window.parent.document.player_4_form.south_africa_travel_voucher_cashcard.checked == true ||
window.parent.document.player_5_form.south_africa_travel_voucher_cashcard.checked == true ||
window.parent.document.player_6_form.south_africa_travel_voucher_cashcard.checked == true)
delete cash_cards[0];
<!------------Angola----------->
if (window.parent.document.player_1_form.angola_travel_voucher_cashcard.checked == true ||
window.parent.document.player_2_form.angola_travel_voucher_cashcard.checked == true ||
window.parent.document.player_3_form.angola_travel_voucher_cashcard.checked == true ||
window.parent.document.player_4_form.angola_travel_voucher_cashcard.checked == true ||
window.parent.document.player_5_form.angola_travel_voucher_cashcard.checked == true ||
window.parent.document.player_6_form.angola_travel_voucher_cashcard.checked == true)
delete cash_cards[1];
<!------------Kenya----------->
if (window.parent.document.player_1_form.kenya_travel_voucher_cashcard.checked == true ||
window.parent.document.player_2_form.kenya_travel_voucher_cashcard.checked == true ||
window.parent.document.player_3_form.kenya_travel_voucher_cashcard.checked == true ||
window.parent.document.player_4_form.kenya_travel_voucher_cashcard.checked == true ||
window.parent.document.player_5_form.kenya_travel_voucher_cashcard.checked == true ||
window.parent.document.player_6_form.kenya_travel_voucher_cashcard.checked == true)
delete cash_cards[2];
<!------------Eritrea----------->
if (window.parent.document.player_1_form.eritrea_travel_voucher_cashcard.checked == true ||
window.parent.document.player_2_form.eritrea_travel_voucher_cashcard.checked == true ||
window.parent.document.player_3_form.eritrea_travel_voucher_cashcard.checked == true ||
window.parent.document.player_4_form.eritrea_travel_voucher_cashcard.checked == true ||
window.parent.document.player_5_form.eritrea_travel_voucher_cashcard.checked == true ||
window.parent.document.player_6_form.eritrea_travel_voucher_cashcard.checked == true)
delete cash_cards[3];
<!------------Nigeria----------->
if (window.parent.document.player_1_form.nigeria_travel_voucher_cashcard.checked == true ||
window.parent.document.player_2_form.nigeria_travel_voucher_cashcard.checked == true ||
window.parent.document.player_3_form.nigeria_travel_voucher_cashcard.checked == true ||
window.parent.document.player_4_form.nigeria_travel_voucher_cashcard.checked == true ||
window.parent.document.player_5_form.nigeria_travel_voucher_cashcard.checked == true ||
window.parent.document.player_6_form.nigeria_travel_voucher_cashcard.checked == true)
delete cash_cards[4];
<!------------Morocco----------->
if (window.parent.document.player_1_form.morocco_travel_voucher_cashcard.checked == true ||
window.parent.document.player_2_form.morocco_travel_voucher_cashcard.checked == true ||
window.parent.document.player_3_form.morocco_travel_voucher_cashcard.checked == true ||
window.parent.document.player_4_form.morocco_travel_voucher_cashcard.checked == true ||
window.parent.document.player_5_form.morocco_travel_voucher_cashcard.checked == true ||
window.parent.document.player_6_form.morocco_travel_voucher_cashcard.checked == true)
delete cash_cards[5];
<!------------Algeria----------->
if (window.parent.document.player_1_form.algeria_travel_voucher_cashcard.checked == true ||
window.parent.document.player_2_form.algeria_travel_voucher_cashcard.checked == true ||
window.parent.document.player_3_form.algeria_travel_voucher_cashcard.checked == true ||
window.parent.document.player_4_form.algeria_travel_voucher_cashcard.checked == true ||
window.parent.document.player_5_form.algeria_travel_voucher_cashcard.checked == true ||
window.parent.document.player_6_form.algeria_travel_voucher_cashcard.checked == true)
delete cash_cards[6];
<!------------egypt----------->
if (window.parent.document.player_1_form.egypt_travel_voucher_cashcard.checked == true ||
window.parent.document.player_2_form.egypt_travel_voucher_cashcard.checked == true ||
window.parent.document.player_3_form.egypt_travel_voucher_cashcard.checked == true ||
window.parent.document.player_4_form.egypt_travel_voucher_cashcard.checked == true ||
window.parent.document.player_5_form.egypt_travel_voucher_cashcard.checked == true ||
window.parent.document.player_6_form.egypt_travel_voucher_cashcard.checked == true)
delete cash_cards[7];
<!------ extra shuffling, seems to work quite good------>
var shuffled = cash_cards.sort( function() { return Math.random() - 0.9 } );
var shuffled2 = shuffled.sort( function() { return Math.random() - 0.1 } );
var shuffled3 = shuffled2.sort( function() { return Math.random() - 0.6 } );
var shuffled4 = shuffled3.sort( function() { return Math.random() - 0.3 } );
var shuffled5 = shuffled4.sort( function() { return Math.random() - 0.8 } );
var shuffled6 = shuffled5.sort( function() { return Math.random() - 0.5 } );
var shuffled7 = shuffled6.sort( function() { return Math.random() - 0.2 } );
var shuffled8 = shuffled7.sort( function() { return Math.random() - 0.7 } );
var shuffled9 = shuffled8.sort( function() { return Math.random() - 0.4 } );
var current_card = 0;
document.write("<img src='new images/Cash_Card_Start.jpg' class='hand_cursor' width='41px' align='absmiddle' border='0' onClick='window.scrollBy(49,0)'> ")
while (shuffled9[current_card]){
document.write("<img src='new images/Cash_Card_Up.jpg' class='hand_cursor' onMouseOver='src=\"new images/Cash_Card_Over.jpg\";' onMouseDown='src=\"new images/Cash_Card_Down.jpg\";' onMouseOut='src=\"new images/Cash_Card_Up.jpg\";' onClick='cashcard_" + shuffled9[current_card++] + "(),window.scrollBy(49,0)' width='41px' align='absmiddle' border='0'> ");
}
}
</script>
<img src="new images/Draw_Card_Reshuffle.jpg" class="hand_cursor" width="41px" align="absmiddle" border="0">
</td>
</tr>
</table>
</body>
</html>
|
Developer Shed Advertisers and Affiliates
| Thread Tools |
Search this Thread |
|
|
|
| Display Modes |
Rate This Thread |
Linear Mode
|
|
Posting Rules
|
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts
HTML code is Off
|
|
|
|
|