Data for hypercube inside document

Data for hypercube can be taken not only from database, but also can be placed directly inside html-document - in html-elements thead1, thead2, ... , tside1, tside2, ... , tbody, placed inside table:

<table>
  <thead1>
    <a a1= a2= >
    <a a1= a2= >
    ...
  </thead1>
  <thead2>
    <b b1= b2= >
    <b b1= b2= >
    ...
  </thead2>
  <thead3>
    <c c1= c2= >
    <c c1= c2= >
    ...
  </thead3>

  <tside1>
    <m m1= m2= >
    <m m1= m2= >
    ...
  </tside1>
  <tside2>
    <n n1= n2= >
    <n n1= n2= >
    ...
  </tside2>
  <tside3>
    <p p1= p2= >
    <p p1= p2= >
    ...
  </tside3>

  <tbody>
    <z z1= z2= z3= z4= z5= z6= z7= >
    <z z1= z2= z3= z4= z5= z6= z7= >
    ...
  </tbody>
</table>

with CSS (order of customer names is specified by order of following of tags 'A', order of goods names is specified by order of following of tags 'B', order of city's names is specified by order of following of tags 'C', i.e. these orders depend of server, which generates html-document)

thead1 {
  header:  "customer name";
  pk:      §a1;
  attract: §z1;
  content: §a2;
}
thead2 {
  header:  "goods name";
  pk:      §b1;
  attract: §z2;
  content: §b2;
}
thead3 {
  header:  "city name";
  pk:      §c1;
  attract: §z3;
  content: §c2;
}

tside1 {
  header:  " ... ";
  pk:      §m1;
  attract: §z4;
  content: §m2;
}
tside2 {
  header:  " ... ";
  pk:      §n1;
  attract: §z5;
  content: §n2;
}
tside3 {
  header:  " ... ";
  pk:      §p1;
  attract: §z6;
  content: §p2;
}

tbody {
  content: §z7;
}

Such table, placed inside form, if its cells are simultaneously controls, submits data to server.

<table style="appearance: textarea">

<z z1= z2= z3= z4= z5= z6= z7="80">
<z z1= z2= z3= z4= z5= z6= z7="110">

Dmitry Turin