A demo showing Partial Updates of an (X)HTML Page

This is a demo showing how parts of an existing XHTML page could be replaced from the server using ordinary XHML but just embedded for transport and resolve on the client side.

Flow

• A user invokes a traditional HTTPRQST by hitting a link or button or form having an HRFF attribute
• The application execute appropriate routines
• The output back to the client is not an ordinary <!DOCTYPE> but one with (a new) attribute telling replacements will come.
• The replacements will look like

  
  <replace nrchunks='3' version='1'>
    <function1 id='someid1' lengt='99' />WHATEVER CUSTOM XHTML DATA
    <function2 id='someid1' lengt='99' />WHATEVER CUSTOM XHTML DATA
  </replace>
  
  

• The browser will pick each chunk and update the internal XHTML structure and than rerender what is required.

Each row demonstrate an example

Columns

Purpose

Here we desbribe what we want to achive

pseudoSQL

We look at the present client XHTML as an addressable tree. XMLElements which we want to update has a unique id and can therefore be treated sa a table called views. They are traditional id attribute which most HTML Elements can have. Like div, td etc. We call them view here

XML

This is the oepration to be performaed at the client side. If a content portion is required it's length is calculated in able to reduce the parsing at tteh client.

TryIt

Perform the action and compare Before and After columns

X

Y

X

Y