xl1/index.coffee

## index.coffee
cuiaboutme = 'http://cui-about.me/'

$ = (id) -> document.getElementById id

getData = ->
  inputs = document.querySelectorAll('input, textarea')
  res = []
  for input in inputs
    id = input.id
    if id isnt 'name' and id isnt 'submit'
      res.push input.id + '=' + encodeURIComponent input.value
  res.join('&')

submit = ->
  url = cuiaboutme + $('name').value
  xhr = new XMLHttpRequest

  xhr.open 'PUT', url, true
  xhr.setRequestHeader 'Content-Type', 'application/x-www-form-urlencoded'
  xhr.onload = ->
    alert xhr.responseText
    if xhr.status is 200
      $('ifr').src = url
  xhr.send getData()

document.addEventListener 'DOMContentLoaded', ->
  $('submit').addEventListener 'click', submit, false
, false

## index.html
<!DOCTYPE html>
<meta charset="utf-8">
<title>日記を書く</title>
<script src="index.js"></script>
<style>
input { display: block; }
</style>
<input type="text" id="name" placeholder="name">
<input type="password" id="password" placeholder="password">
<textarea id="update" rows="10" cols="80"></textarea>
<input type="button" id="submit" value="submit">
<iframe src="about:blank" id="ifr" width="500" height="300"></iframe>

## manifest.json
{
  "name": "\u65e5\u8a18\u3092\u66f8\u304f",
  "version": "1.0",
  "manifest_version": 2,
  "app": {
    "launch": {
      "local_path": "index.html",
      "container": "tab"
    }
  },
  "permissions": [
    "http://cui-about.me/*"
  ]
}
	cuiaboutme = 'http://cui-about.me/'

	$ = (id) -> document.getElementById id

	getData = ->
	inputs = document.querySelectorAll('input, textarea')
	res = []
	for input in inputs
	id = input.id
	if id isnt 'name' and id isnt 'submit'
	res.push input.id + '=' + encodeURIComponent input.value
	res.join('&')

	submit = ->
	url = cuiaboutme + $('name').value
	xhr = new XMLHttpRequest

	xhr.open 'PUT', url, true
	xhr.setRequestHeader 'Content-Type', 'application/x-www-form-urlencoded'
	xhr.onload = ->
	alert xhr.responseText
	if xhr.status is 200
	$('ifr').src = url
	xhr.send getData()

	document.addEventListener 'DOMContentLoaded', ->
	$('submit').addEventListener 'click', submit, false
	, false
	<!DOCTYPE html>
	<meta charset="utf-8">
	<title>日記を書く</title>
	<script src="index.js"></script>
	<style>
	input { display: block; }
	</style>
	<input type="text" id="name" placeholder="name">
	<input type="password" id="password" placeholder="password">
	<textarea id="update" rows="10" cols="80"></textarea>
	<input type="button" id="submit" value="submit">
	<iframe src="about:blank" id="ifr" width="500" height="300"></iframe>
	{
	"name": "\u65e5\u8a18\u3092\u66f8\u304f",
	"version": "1.0",
	"manifest_version": 2,
	"app": {
	"launch": {
	"local_path": "index.html",
	"container": "tab"
	}
	},
	"permissions": [
	"http://cui-about.me/*"
	]
	}