开发者

Implementing notes option in website

I would like to implement/embed a notes area where people can write some notes on my website. is this possible with some simple html script? And if yes, does someone know where to find?

Here you can see what I mean: http://bwmbroadcast.org/player/flash?stream=MP4BW489-3A.mp4

Any help would开发者_运维知识库 be appreciated.

Thanks


If i were you i would implement a HTML-5 local storage system, http://net.tutsplus.com/tutorials/html-css-techniques/building-persistant-sticky-notes-with-local-storage/


You cannot do this by simply using HTML+CSS.

You have several options:

  • Use a simple HTML form that submits data to the server and save the notes to a database (you can use PHP and MySQL for this). Form submission can happen through AJAX. This seems to be the right way to me.
  • Use Javascript and save the notes in a cookie (this way you do not tie it to a user but a browser, I don't recommend this)
  • Use benhowdle89's solution, you need Javascript for that too, and HTML5 local storage support is not in every browser right now (still, notes will be tied to the browser, so if I visit your site from a different computer/browser, I won't be able to access them).

UPDATE: If you don't want to store notes at all, and only want it for printing, you could check out contenteditable. No need for Javascript here. See: http://html5demos.com/contenteditable

0

上一篇:

下一篇:

精彩评论

暂无评论...
验证码 换一张
取 消

最新问答

问答排行榜