davsket/dabblet.css

## dabblet.css
/**
 * Tesis Jose
 */

## dabblet.html
<!-- content to be placed inside <body>…</body> -->
<ul class="img-container">
	<li>
		<img src="http://placekitten.com/g/200/300" data-name="cat-one">
		<p></p>
	</li>
	<li>
		<img src="http://placekitten.com/g/200/300" data-name="cat-two">
		<p></p>
	</li>
	<li>
		<img src="http://placekitten.com/g/200/300" data-name="cat-three">
		<p></p>
	</li>

</ul>

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script>
	console.log($('.img-container'))
	$('.img-container').on('click', 'img', function(){
		var img = this
		$.ajax({
			dataType: 'jsonp',
			url: 'http://omg.monoku.com:8001/login/',
			data: {
				password: 'estoEsRelleno',
				username: 'esSoloParaQueRespondaJSONP',
				name: img.getAttribute('data-name')
			}
		})
		.done(function( data ){
			$(img).next().html( data.message )
		})
	})
</script>

## settings.json
{"view":"split-vertical","fontsize":"100","seethrough":"","prefixfree":"1","page":"html"}
	<!-- content to be placed inside <body>…</body> -->
	<ul class="img-container">
	<li>
	<img src="http://placekitten.com/g/200/300" data-name="cat-one">
	<p></p>
	</li>
	<li>
	<img src="http://placekitten.com/g/200/300" data-name="cat-two">
	<p></p>
	</li>
	<li>
	<img src="http://placekitten.com/g/200/300" data-name="cat-three">
	<p></p>
	</li>

	</ul>

	<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
	<script>
	console.log($('.img-container'))
	$('.img-container').on('click', 'img', function(){
	var img = this
	$.ajax({
	dataType: 'jsonp',
	url: 'http://omg.monoku.com:8001/login/',
	data: {
	password: 'estoEsRelleno',
	username: 'esSoloParaQueRespondaJSONP',
	name: img.getAttribute('data-name')
	}
	})
	.done(function( data ){
	$(img).next().html( data.message )
	})
	})
	</script>