-{% extends 'layout-unfold1.html' %}
+{% extends 'layout-unfold2.html' %}
-{% block unfold1_main %}
+{% block unfold2_main %}
{% insert_str prelude "css/sample.css" %}
{% insert prelude_js %}
-$(function(){console.log('hey!');$('#tooltipid').tooltip({'selector':'','placement':'bottom'});});
+$(function(){$('#tooltipid').tooltip({'selector':'','placement':'bottom'});});
{% endinsert %}
<div id=sample-tabs>
a first <a id='tooltipid' href="#" data-toggle="tooltip" data-original-title="what the tooltip displays"> attempt with tooltips </a>
+Let us now try to attach <button id='mylougout' class='btn btn-danger' data='mydata'>a click function to a button</button>
+<script>
+function foo() {alert ('foo ' + $(this).attr('data'));}
+$(function() {$('#mylougout').click(foo);})
+</script>
+
<div>
{{ lorem }} Lorem <span class='bold'>ipsum dolor</span> <code> counter += 1
</code> sit amet, consectetuer
decima et quinta decima. Eodem modo typi, qui nunc nobis videntur
parum clari, fiant sollemnes in futurum.
</div>
-{% endblock unfold1_main %}
+{% endblock unfold2_main %}
-{% block unfold1_margin %}
+{% block unfold2_margin %}
This text is shorter on purpose Lorem <span class='bold'>ipsum
dolor</span> sit amet, consectetuer adipiscing elit, sed diam
nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat
volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation
ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo
consequat.
-{% endblock unfold1_margin %}
+{% endblock unfold2_margin %}