Tag Archives: FormData

In a blog post some time before yesterday’s Just Javascript Five Hundred Card Game CC Tutorial we talked of “order” when we presented Just Javascript Five Hundred Card Game Order Tutorial. Don’t know about you, but I find the combination of … form … and … table … based Inline HTML in an email, asking for interactive input, “orderly”. Probably we normally think of data to append to an established “table” element via the addition of a new row (“tr” element) or cell (within a row via a “td” or “th” element). Within a “table” element though, you can think of “partitions” in the form of … thead … and … tbody … which have that synergy with a webpage’s “head” and “body” elements, the theme of the current blog posting thread being to do away with the need for a “body” element (except for our Inline HTML Emails (which can’t really do anything much without their “body” elements)). We do a bit of uppercase/lowercase work with the end of “thead” element (ie. </THEAD>) to leave our email Inline HTML “table” “thead” elements blank for … 500 card game “bidding” emails … and for … 500 card game “kitty/bidding” emails … but then start to fill in the “thead” element for the “playing out of the tricks” emails, adding today’s work, better card game status information, added to the top of the tabular information presented. Rather than fret about adding to the top, we just slot into the unallocated “thead” slot, for these scenarios, as per … function tabord(indivhtml) { var ilook=0, jlook=1, klook=0, cbidfound=’SUBMIT’, tdyellow=”; var slookfor=[‘ data-suit=s’, ‘ data-suit=c’, ‘ data-suit=d’, ‘ data-suit=h’]; var slooks=[]; var outdivhtml='<br><style> isyellow { background-color:yellow; </style><table border=2><thead></thead><tbody></tbody></table>’ if (in_bidding) { twentythree=30; //outdivhtml=outdivhtml.replace(‘</tbody>’, ‘<tr><td>Bidding<br>Current Bid: ‘ + cbid + ‘<td><input type=SUBMIT name=myanswer value=”pass “></input></td></TR></tbody>’); if (in_kitty) { console.log(‘tds_kitty=’ + tds_kitty); outdivhtml=outdivhtml.replace(‘</tbody>’, tds_kitty + ‘</tbody>’); //.replace(‘</thead>’,'</THEAD>’); outdivhtml=outdivhtml.replace(‘</tbody>’, ‘<tr><td>Bidding<br>Your Current Bid: None<td><input type=’ + cbidfound + ‘ name=myanswer value=”pass “></input></td></TR></tbody>’); } else { outdivhtml=outdivhtml.replace(‘</tbody>’, ‘<tr><td>Bidding<br>Current Bid: None<td><input type=’ + cbidfound + ‘ name=myanswer value=”pass “></input></td></TR></tbody>’); } if (cbid.toLowerCase().trim().replace(‘pass’,’none’).replace(‘none’,”) != ”) { cbidfound=’button’; } twentythree–; twentythree–; for (klook=0; klook<bids.length; klook++) { if (bids[klook].toLowerCase().trim() == cbid.toLowerCase().trim()) { tdyellow=’ title=”Current leading bid by Player ‘ + cbidby + ‘” class=isyellow’; } if (bids[klook].indexOf(‘open’) == 0) { outdivhtml=outdivhtml.replace(‘</TR>’, ‘<td’ + tdyellow + ‘><input style=display:none; type=’ + cbidfound + ‘ name=myanswer value=’ + bids[klook] + ‘></input></td></TR>’); } else { outdivhtml=outdivhtml.replace(‘</TR>’, ‘<td’ + tdyellow + ‘><input type=’ + cbidfound + ‘ name=myanswer value=”‘ + bids[klook] + ‘ “></input></td></TR>’); } if (bids[klook].toLowerCase().trim() == cbid.toLowerCase().trim()) { cbidfound=’SUBMIT’; } twentythree–; tdyellow=”; } //outdivhtml=outdivhtml.replace(‘</TR>’, ‘<td colspan=’ + twentythree + ‘></td></tr><tr><td colspan=10>500 Card Game Player’ + eval(” + bidplayer) + ‘ Name: <input type=text name=myname value=”‘ + pnames[eval(-1 + bidplayer)] + ‘”></input></td><td colspan=20 style=text-align:center;>… relevant to your cards below …</td></tr>’ + tds_kitty).replace(‘</thead>’,'</THEAD>’); outdivhtml=outdivhtml.replace(‘</TR>’, ‘<td colspan=’ + twentythree + ‘></td></tr><tr><td colspan=10>500 Card Game Player’ + eval(” + bidplayer) … Continue reading →