'+ cardName + '
\n'; tableBodyStr1 += '
\n'; tableBodyStr1 += '
\n'; tableBodyStr1 += '
Learn more'+ cardName + '
\n'; tableBodyStr1 += '
\n'; tableBodyStr1 += '
\n'; tableBodyStr1 += '
Learn more' + tableStr1 + '
');
}
//French Browse by Category
function writeCardsFR(category) {
var tableStr1 = "";
var tableHeader1 = "";
tableHeader1 += '\n';
tableHeader1 += '
| \n';
tableHeader1 += 'Description | \n'; tableHeader1 += 'Taux d\'intérêt | \n'; tableHeader1 += 'Frais annuels | \n'; tableHeader1 += '
|---|
'+ cardName + '
\n'; tableBodyStr1 += '
\n'; tableBodyStr1 += '
\n'; tableBodyStr1 += '
Pour en savoir plus'+ cardName + '
\n'; tableBodyStr1 += '
\n'; tableBodyStr1 += '
\n'; tableBodyStr1 += '
Pour en savoir plus' + tableStr1 + '
');
}
function writeSelectorIndex() {
//Step1. Before user click anything - write the selection Form according to the cards database
//1.1 Get unique card type names
var resultCardNum;
var resultMsg;
var cardTypeNames = new Object();
var cardBenifitNames = new Object();
var cardBenifit = "";
for (var i in cards)
{
var cardDataArray = cards[i].split("|");
var cardType = cardDataArray[0];
cardBenifit += cardDataArray[2]+',';
// Value is not important. Only the key is important.
cardTypeNames[cardType] = "";
}
//1.2 Get unique card benifit list by removing duplicated ones in benifit array
cardBenifit = cardBenifit.substring(0, cardBenifit.length-1);
while(cardBenifit.indexOf(", ") != -1 )
{
cardBenifit= cardBenifit.replace(', ', ',');
}
cardBenifitArray = cardBenifit.split(",");
var sorted_cardBenifitArray = cardBenifitArray.sort();
for (var i=0; i' + cardType + '
\n'; } //q2 button list var disableFlag ="disabled"; for (var i=0; i
' + sorted_cardBenifitArray[i] + '
\n'; } // 1.4 The formString var formString = ""; formString +=' \n'; //1.5 Write out the form document.write(formString); } //Step2. After user click radio buttons //NOTE: Q1 answer is must, Q2 is optional, if Q1 is not selected, Q2 should be gray out. //NOTE: If Q1 is clicked, then Q2 needs to refreshed because not all benifit has a card to match //NOTE: Q2 that does not apply to Q1 selection will be gray out //q1 is clicked function q1ClickProcess() { //2.1 Find out how many cards meet criteria //2.1.1 get the answers from the radio options of the form for (var i=0; i < document.cardSelectionForm.q1_answer.length; i++) { if (document.cardSelectionForm.q1_answer[i].checked) { var q1_answer = document.cardSelectionForm.q1_answer[i].value; } } //2.1.2 Check how many cards meet the cretiera var cardType = new Object(); var matchCardIDs = new Array(); var cardName = new Object(); var cardNames = ""; var matchCardIDsString; j=0; for (i=0; i
\n';
resultMsg += '
\n';
resultMsg += '
\n';
resultMsg += '\n';
resultMsg += '\n';
resultMsg += '\n';
resultMsg += '
\n';
resultMsg += '\n';
resultMsg += '\n';
resultMsg += ' Learn More';
resultMsg += '
';
resultMsg += '';
}
}
}
//This var is going to be forwarded to next page
matchCardIDsString = matchCardIDs.join(',');
document.getElementById("cardMatchedListValue").value = matchCardIDsString;
document.getElementById("cardsNumValue").value = j;
//2.1.4 Message for 1 card or multiple cards
if (j == 1)
{
var resultCardNum = ''+ j + ' card View Results';
}
if (j > 1) {
var resultCardNum = ''+ j + ' cards View Results';
}
document.getElementById("resultCardNum").innerHTML = resultCardNum;
document.getElementById("resultMsg").innerHTML = resultMsg;
}
//end of checking how many cards meet the criteria
//2.2 Q1 and Q2 buttons are clicked
function q2ClickProcess()
{
var cardType = new Object();
var matchCardIDs = new Array();
var cardName = new Object();
var cardNames = "";
j=0;
//2.2.1 Get Q1 answer
for (var i=0; i < document.cardSelectionForm.q1_answer.length; i++)
{
if (document.cardSelectionForm.q1_answer[i].checked)
{
var q1_answer = document.cardSelectionForm.q1_answer[i].value;
}
}
//2.2.2 Get Q2 answer
for (var i=0; i < document.cardSelectionForm.q2_answer.length; i++)
{
if (document.cardSelectionForm.q2_answer[i].checked)
{
var q2_answer = document.cardSelectionForm.q2_answer[i].value;
}
}
//2.2.3 Get the card number that meet criteria and generate result
for (i=0; i Learn More';
resultMsg += '\n';
resultMsg += '\n';
resultMsg += '
\n';
resultMsg += '\n';
resultMsg += '\n';
resultMsg += '\n';
resultMsg += '
\n';
resultMsg += '\n';
resultMsg += '\n';
resultMsg += ' Learn More';
resultMsg += '
';
resultMsg += '';
}
}
}
matchCardIDsString = matchCardIDs.join(',');
document.getElementById("cardMatchedListValue").value = matchCardIDsString;
document.getElementById("cardsNumValue").value = j;
if (j ==1)
{
var resultCardNum = ''+ j + ' card View Results';
}
if (j >1 )
{
var resultCardNum = ''+ j + ' cards View Results';
}
document.getElementById("resultCardNum").innerHTML = resultCardNum;
document.getElementById("resultMsg").innerHTML = resultMsg;
}
//End of processing after Q2 is clicked
//Step 3 Activate Q2 when q1 is clcked first time
function enableQ2()
{
var sorted_cardBenifitArray = ["Travel Rewards", "Cash Back", "Rewards", "No Annual Fee", "Low Rate"];
//find out q1 answer
var q2RadioStr = "";
for (var i=0; i < document.cardSelectionForm.q1_answer.length; i++)
{
if (document.cardSelectionForm.q1_answer[i].checked)
{
var q1_answer = document.cardSelectionForm.q1_answer[i].value;
}
}
//find out what benifit this type has
var cardBenifitThisType = "";
for (i=0; i Learn More';
resultMsg += '' + sorted_cardBenifitArray[i] + '
\n'; } document.getElementById("q2RadioStr").innerHTML = q2RadioStr; document.getElementById("step2Indicator").innerHTML = '
| 2 |
| 3 |
\n';
comparePageStr += 'compareCardIDS=' + compareCardIDS + '\n';
comparePageStr += '
\n';
//alert (comparePageStr);
}
//after user click the radio button on the current page, the table for the previouse page criteria will be cleared
function clear1stTable()
{
//reset the 1st detail table based on the first page result to null
var tableStr1 = "";
document.getElementById("cardMatchedTable1").innerHTML = tableStr1;
}