Tryit Editor v2.3

Edit This Code:
<!DOCTYPE html> <html lang="en-US"> <head> <meta charset="utf-8"> <link rel="stylesheet" href="appml.css"> </head> <body> <h1>Customers</h1> <div id="List01"></div><br> <div id="Orders01"></div><br> <table id="Template01" class="appmltable" style="width:100%;display:none"> <tr> <th>Customer</th> <th>City</th> <th>Country</th> <th></th> </tr> <tr id="appml_row"> <td>#CustomerName#</td> <td>#City#</td> <td>#Country#</td> <td><a href='#' onclick='openOrders("#CustomerID#");return false;'>Orders</a></td> </tr> </table> <table id="Template02" class="appmltable" style="width:100%;display:none"> <tr> <th>Customer</th> <th>Date</th> <th>Salesperson</th> <th>Shipper</th> </tr> <tr id="appml_row"> <td>#CustomerName#</td> <td>#OrderDate#</td> <td>#Salesperson#</td> <td>#ShipperName#</td> </tr> </table> <script src="appml.js"></script> <script> var customers,orders; customers=new AppML("appml.aspx","Models/Customers"); customers.run("List01","Template01"); function openOrders(id) { orders=new AppML("appml.aspx","Models/Orders"); orders.setQuery("orders.customerid",id); orders.commands=false; orders.run("Orders01","Template02"); } </script> </body> <!-- Mirrored from www.w3schools.com/appml/tryit.asp?filename=App_Customers_Orders by HTTrack Website Copier/3.x [XR&CO'2014], Fri, 23 Jan 2015 07:45:43 GMT --> </html>
Result:
Try it Yourself - © w3schools.com