X-Git-Url: http://git.onelab.eu/?a=blobdiff_plain;f=trash%2Ftemplates%2Fview-tab.html;h=c3ba335cb8509209a325a94268c8d1173db37526;hb=b7ea95fe5deab2ed8f9e55dd8654ce0c7e944b39;hp=e497523b63a97e99c7989b215fed8b0da32b43ef;hpb=909cf19980600796cc04e1eaa46aea8dc2f89d4b;p=myslice.git

diff --git a/trash/templates/view-tab.html b/trash/templates/view-tab.html
index e497523b..c3ba335c 100644
--- a/trash/templates/view-tab.html
+++ b/trash/templates/view-tab.html
@@ -1,10 +1,10 @@
-{% extends 'layout-myslice.html' %}
+{% extends 'layout-unfold2.html' %}
 
-{% block content_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>
@@ -24,11 +24,18 @@ $(function(){console.log('hey!');$('#tooltipid').tooltip({'selector':'','placeme
 </div>   
 </div>
 
+<p>Let's see what a <button class='unfold-warning btn btn-warning'>warning button</button> looks like.</p>
 
 <div class='well'> a sample of the 'well' class quis nostrud exercitation </div>
 
 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
@@ -51,13 +58,13 @@ a first <a id='tooltipid' href="#" data-toggle="tooltip" data-original-title="wh
     decima et quinta decima. Eodem modo typi, qui nunc nobis videntur
     parum clari, fiant sollemnes in futurum.
   </div>
-{% endblock content_main %}
+{% endblock unfold2_main %}
 
-{% block content_related %}
+{% 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 content_related %}
+{% endblock unfold2_margin %}