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
 /www/gbbook/calendar/bookingDemo.htm
 /www/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 /www/images/cropped_AC1030.jpg /www/
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 -