Dashboard and updateable Markdown Experiment

There is a need for a web page that can be updated simply. A page could have a few updateable fixed blocks and possibly a block where a simple "markdown" can be used.

This page is a sampler for some ideas. Use <div id="id1"> and JavaScript to wrap text in HTML for better display

Images

Have a list of file names and wrap tags

arrowup.gif arrowdn.gif

Using Guestbook idea to update one of the blocks below:-

Experiment with updateable blocks of text.

block1
monospaced text:
block2

Updateable markdown test

The source markdown is displayed using a monospace font, as this is a demo experiment. It would normally be blanked. My guestbook idea is being used for amendments and updates. The function showMarkdown( div_ip, div_op ) is used to read the markdown and render it to HTML.

example Markdown
= Title
== Subtitile
text
  fixedtext
* list
If the line starts with HTTP its a link.
  fixed text
http://www.dougrice.plus.com/gbbook/calendar/bookingDemo.htm
http://www.dougrice.plus.com/images/imgWiki_AC1060.jpg
imgWiki_AC1070.jpg
== table using csv
,item,status,severity,title,comment
,1,2,3,4,5
,a,b,c,d,e

== table using tabs - after copy and paste from excel
,item,status,severity,title,comment
,1	2	3	4	5
,a	b	c	d	e
block3 == Block 3 * list item1 * list item2 and some fixed text.
block3
block4
block4md
block5 == table ,item,status,comment ,widget,new, brought off ebay ,nut,old,rusty
block5md
== block6 = * list http://www.dougrice.plus.com/images/cropped_AC1030.jpg http://www.dougrice.plus.com/
block6md

Markdown

I have a table on a static web page. It is a tables of fees. Once a Year it needs updating.

== yacht usage fees
|day	|evening	|day and evening	|weekend day	|weekend evening	|weekend day & evening	|weekend
standard :	£77.40	£77.40	£131.70	£77.40	£77.40	£131.70	£263.40
family :	£77.40	£77.40	£131.70	£77.40	£77.40	£131.70	£263.40
training :	£26.10	£26.10	£44.40	£38.70	£26.10	£57.60	£108.60
social :	£16.20	£16.20	£26.90	£24.00	£16.20	£34.40	£65.40

I can edit the web page, but the table tags complicate things. So could I use the £ to split the lines and join back with Table Tags? Encoding the £ symbol is not the same in UTF-8 and ISO-LATIN 8859-1

The coding for £ £ in UTF-8 is 0xC2 0xA3  or 194 163 Â £

The coding for £ £ in ISO-LATIN-8859-1 is 0xA3 or 163  £

So if UTF-8 encoded £ is displayed by a ISO-LATIN-8859-1 viewer you see  Â £

A markdown using text between div tags rendered using function showMarkdown( div_ip, div_op )


== title
= title
text
 monospaced
* bullet
 
 
lets try rendering tables as in the FEEs page which has tables with £20 in a cell.
 
a | b | c
prices £10 £20 £30 £40
,A	B	C	D
,table
,table
,table
,table
       render table if not , at the start or contains | or £pound;
	   

textop:

block7md
block7

Data

values

Graphs - using canvas -