X-Git-Url: http://git.onelab.eu/?a=blobdiff_plain;f=trash%2Ftemplates%2Fview-tab.html;h=6b4472bd9c047f5d1b1b38309292fb8be95409ed;hb=83f238a32f62a34370f24d69e85823c709d95627;hp=87a94e0ca1212864ea8b0dfe6c2f4c5146f30dbf;hpb=ca61159bae480c8fcb2b29aa579c17ff7a022353;p=myslice.git

diff --git a/trash/templates/view-tab.html b/trash/templates/view-tab.html
index 87a94e0c..6b4472bd 100644
--- a/trash/templates/view-tab.html
+++ b/trash/templates/view-tab.html
@@ -1,8 +1,11 @@
-{% extends 'layout-myslice.html' %}
+{% extends 'layout-unfold2.html' %}
 
-{% block content_main %}
+{% block unfold_main %}
 
 {% insert_str prelude "css/sample.css" %}
+{% insert prelude_js %}
+$(function(){$('#tooltipid').tooltip({'selector':'','placement':'bottom'});});
+{% endinsert %}
 
 <div id=sample-tabs>
 <ul class="nav nav-tabs" id='foo'>
@@ -21,8 +24,17 @@
 </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 exerci tation </div>
+<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
@@ -46,13 +58,13 @@
     decima et quinta decima. Eodem modo typi, qui nunc nobis videntur
     parum clari, fiant sollemnes in futurum.
   </div>
-{% endblock content_main %}
+{% endblock unfold_main %}
 
-{% block content_related %}
+{% block unfold_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 unfold_margin %}