Tag Archives: CSS

Yesterday’s AppML Acronyms Tutorial works in an HTML table by appml-repeating table cell content elements via an array. What happens if your JSON contains arrays within arrays, like our Acronym data’s “vars” members … [{“sf”: “BHP”, “lfs”: [{“lf”: “benign prostatic hyperplasia”, “freq”: 12, “since”: 1992, “vars”: [{“lf”: “benign prostatic hyperplasia”, “freq”: 8, “since”: 1992}, {“lf”: “Human benign hyperplastic prostate”, “freq”: 2, “since”: 1994}, {“lf”: “Benign prostatic hyperplasia”, “freq”: 1, “since”: 1995}, {“lf”: “benign prostate hyperplasia”, “freq”: 1, “since”: 1995}]}, {“lf”: “tert-butyl hydroperoxide”, “freq”: 11, “since”: 1986, “vars”: [{“lf”: “tert-butyl hydroperoxide”, “freq”: 6, “since”: 1994}, {“lf”: “t-butyl hydroperoxide”, “freq”: 3, “since”: 1986}, {“lf”: “Tert-butyl hydroperoxide”, “freq”: 1, “since”: 1993}, {“lf”: “tert.-butyl hydroperoxide”, “freq”: 1, “since”: 2003}]}, {“lf”: “N-nitrosobis (2-hydroxypropyl) amine”, “freq”: 7, “since”: 1985, “vars”: [{“lf”: “N-nitrosobis (2-hydroxypropyl) amine”, “freq”: 6, “since”: 1985}, {“lf”: “N-Nitrosobis (2-hydroxypropyl) amine”, “freq”: 1, “since”: 1993}]}, {“lf”: “benign hypertrophy of the prostate”, “freq”: 6, “since”: 1988, “vars”: [{“lf”: “benign hypertrophy of the prostate”, “freq”: 4, “since”: 1988}, {“lf”: “Benign hypertrophy of the prostate”, “freq”: 2, “since”: 2003}]}]}] ? Well, we just surmised (a table template like) … <table appml-data=”appis”> <tr> <th>Meaning</th> <th>Frequency</th> <th>Since</th> <th>Subs</th> </tr> <tr appml-repeat=”records”> <td>{{lf}}</td> <td>{{freq}}</td> <td>{{since}}</td> <td>{{vars}}</td> </tr> </table> … might be a good start. It was, the AppML leaving behind comma separated [object Object] hardcodings for the submembers of the “vars” array members, and then PHP code like … <?php $json_output = json_decode(str_replace(“$@$”, “”, str_replace(“}]}]}]”, “}]}]}”, str_replace(“$@$[“,””, (“$@$” . $pageContent))))); // ,true); $hstuff = str_replace(“none;”, “block;”, str_replace(“></th>”, “>   ” . $selname . ”     </th>”, $uc)); for ($i=0; $i<sizeof($json_output->lfs); $i++) { if (strpos($hstuff, ‘>’ . $json_output->lfs[$i]->lf . ‘</td’) === false) { if ($done == “n”) { for ($ii=1; $ii<sizeof($biarray); $ii+=2) { if (strtoupper($json_output->lfs[$i]->lf) == strtoupper($biarray[$ii])) $done = “Y”; } } $subhstuff=””; $shs=””; if ($json_output->lfs[$i]->vars) { for ($iij=0; $iij<sizeof($json_output->lfs[$i]->vars); $iij++) { if ($subhstuff == “”) { $subhstuff=”<br><table><TBODY></TBODY></table>”; $shs=”[object Object]”; } else { $shs.=”,[object Object]”; } $subhstuff=str_replace(“</TBODY>”, “<tr><th>” . ($iij + 1) . “</th><th class=thlink>” . $json_output->lfs[$i]->vars[$iij]->lf . “</th><th>” . $json_output->lfs[$i]->vars[$iij]->freq . “</th><th>” . $json_output->lfs[$i]->vars[$iij]->since . “</th></tr></TBODY>”, $subhstuff); } if ($fillin == “”) { $fillin=” setTimeout(alat, 5000); \n } \n function alat() { \n var dai=document.getElementsByTagName(‘table’); ” . “\n”; } $fillin.=” dai[0].innerHTML=dai[0].innerHTML.replace(/” . ‘\”‘ . “/g,”).replace(\”” . $shs . “\”, \”” . str_replace(“<br>”, “”, $subhstuff) . “\”); ” . “\n”; } $hstuff = str_replace(“</tbody></table>”, “<tr class='” . $trclass . “‘><td>” . ($i + 1) . “.<details><summary>” . sizeof($json_output->lfs[$i]->vars) . “</summary>” . str_replace(” class=\”thlink\””, “”, str_replace(” class=thlink”,