Added javascript to give a #URL when clicking on tabs (good for backup in browser, and bookmarks)

svn: r19717

src/data/templates/view_citation_detail.html

@@ -5,13 +5,32 @@
 
    <script type="text/javascript">
    $(function(){
-
+     var selectedTab = 0;
-            $('#tabs').tabs();
+     $('#tabs li a').each(function(index) {
-            $('#general-tabs').tabs();
+	if ($(this).attr('href').replace("#", "#tab-") == document.location.hash) {
+		selectedTab = index;
+	}
+     });
+     $('#tabs').tabs({
+	'select': function(event, ui){
+			document.location.hash = "tab-" + ui.panel.id;
+		},
+	'selected' : selectedTab
+     });
+     $('#general-tabs li a').each(function(index) {
+	if ($(this).attr('href').replace("#", "#tab-") == document.location.hash) {
+		selectedTab = index;
+	}
+     });
+     $('#general-tabs').tabs({
+	'select': function(event, ui){
+			document.location.hash = "tab-" + ui.panel.id;
+		},
+	'selected' : selectedTab
+     });
    });
    </script>
 
-
 <div class="content" id="IndividualDetail">
 
 {% include "detail_breadcrumb.html" %}

src/data/templates/view_event_detail.html

@@ -5,8 +5,18 @@
 
    <script type="text/javascript">
    $(function(){
-
+     var selectedTab = 0;
-            $('#tabs').tabs();
+     $('#tabs li a').each(function(index) {
+	if ($(this).attr('href').replace("#", "#tab-") == document.location.hash) {
+		selectedTab = index;
+	}
+     });
+     $('#tabs').tabs({
+	'select': function(event, ui){
+			document.location.hash = "tab-" + ui.panel.id;
+		},
+	'selected' : selectedTab
+     });
    });
    </script>
 

src/data/templates/view_family_detail.html

@@ -5,8 +5,18 @@
 
    <script type="text/javascript">
    $(function(){
-
+     var selectedTab = 0;
-            $('#tabs').tabs();
+     $('#tabs li a').each(function(index) {
+	if ($(this).attr('href').replace("#", "#tab-") == document.location.hash) {
+		selectedTab = index;
+	}
+     });
+     $('#tabs').tabs({
+	'select': function(event, ui){
+			document.location.hash = "tab-" + ui.panel.id;
+		},
+	'selected' : selectedTab
+     });
    });
    </script>
 

src/data/templates/view_media_detail.html

@@ -5,8 +5,18 @@
 
    <script type="text/javascript">
    $(function(){
-
+     var selectedTab = 0;
-            $('#tabs').tabs();
+     $('#tabs li a').each(function(index) {
+	if ($(this).attr('href').replace("#", "#tab-") == document.location.hash) {
+		selectedTab = index;
+	}
+     });
+     $('#tabs').tabs({
+	'select': function(event, ui){
+			document.location.hash = "tab-" + ui.panel.id;
+		},
+	'selected' : selectedTab
+     });
    });
    </script>
 

src/data/templates/view_name_detail.html

@@ -5,8 +5,18 @@
 
    <script type="text/javascript">
    $(function(){
-
+     var selectedTab = 0;
-            $('#tabs').tabs();
+     $('#tabs li a').each(function(index) {
+	if ($(this).attr('href').replace("#", "#tab-") == document.location.hash) {
+		selectedTab = index;
+	}
+     });
+     $('#tabs').tabs({
+	'select': function(event, ui){
+			document.location.hash = "tab-" + ui.panel.id;
+		},
+	'selected' : selectedTab
+     });
    });
    </script>
 

src/data/templates/view_note_detail.html

@@ -5,7 +5,18 @@
 
 <script type="text/javascript">
    $(function(){
-       $('#tabs').tabs();
+     var selectedTab = 0;
+     $('#tabs li a').each(function(index) {
+	if ($(this).attr('href').replace("#", "#tab-") == document.location.hash) {
+		selectedTab = index;
+	}
+     });
+     $('#tabs').tabs({
+	'select': function(event, ui){
+			document.location.hash = "tab-" + ui.panel.id;
+		},
+	'selected' : selectedTab
+     });
        $('.wysiwyg').htmlarea({
               toolbar: [
                  "bold", "italic", "underline", 

src/data/templates/view_person_detail.html

@@ -5,8 +5,18 @@
 
    <script type="text/javascript">
    $(function(){
-
+     var selectedTab = 0;
-            $('#tabs').tabs();
+     $('#tabs li a').each(function(index) {
+	if ($(this).attr('href').replace("#", "#tab-") == document.location.hash) {
+		selectedTab = index;
+	}
+     });
+     $('#tabs').tabs({
+	'select': function(event, ui){
+			document.location.hash = "tab-" + ui.panel.id;
+		},
+	'selected' : selectedTab
+     });
    });
    </script>
 

src/data/templates/view_place_detail.html

@@ -5,8 +5,18 @@
 
    <script type="text/javascript">
    $(function(){
-
+     var selectedTab = 0;
-            $('#tabs').tabs();
+     $('#tabs li a').each(function(index) {
+	if ($(this).attr('href').replace("#", "#tab-") == document.location.hash) {
+		selectedTab = index;
+	}
+     });
+     $('#tabs').tabs({
+	'select': function(event, ui){
+			document.location.hash = "tab-" + ui.panel.id;
+		},
+	'selected' : selectedTab
+     });
    });
    </script>
 

src/data/templates/view_repository_detail.html

@@ -5,8 +5,18 @@
 
    <script type="text/javascript">
    $(function(){
-
+     var selectedTab = 0;
-            $('#tabs').tabs();
+     $('#tabs li a').each(function(index) {
+	if ($(this).attr('href').replace("#", "#tab-") == document.location.hash) {
+		selectedTab = index;
+	}
+     });
+     $('#tabs').tabs({
+	'select': function(event, ui){
+			document.location.hash = "tab-" + ui.panel.id;
+		},
+	'selected' : selectedTab
+     });
    });
    </script>
 

src/data/templates/view_source_detail.html

@@ -5,12 +5,21 @@
 
    <script type="text/javascript">
    $(function(){
-
+     var selectedTab = 0;
-            $('#tabs').tabs();
+     $('#tabs li a').each(function(index) {
+	if ($(this).attr('href').replace("#", "#tab-") == document.location.hash) {
+		selectedTab = index;
+	}
+     });
+     $('#tabs').tabs({
+	'select': function(event, ui){
+			document.location.hash = "tab-" + ui.panel.id;
+		},
+	'selected' : selectedTab
+     });
    });
    </script>
 
-
 <div class="content" id="IndividualDetail">
 
 {% include "detail_breadcrumb.html" %}

src/data/templates/view_surname_detail.html

@@ -5,8 +5,18 @@
 
    <script type="text/javascript">
    $(function(){
-
+     var selectedTab = 0;
-            $('#tabs').tabs();
+     $('#tabs li a').each(function(index) {
+	if ($(this).attr('href').replace("#", "#tab-") == document.location.hash) {
+		selectedTab = index;
+	}
+     });
+     $('#tabs').tabs({
+	'select': function(event, ui){
+			document.location.hash = "tab-" + ui.panel.id;
+		},
+	'selected' : selectedTab
+     });
    });
    </script>
 

src/data/templates/view_tag_detail.html

@@ -5,8 +5,18 @@
 
    <script type="text/javascript">
    $(function(){
-
+     var selectedTab = 0;
-            $('#tabs').tabs();
+     $('#tabs li a').each(function(index) {
+	if ($(this).attr('href').replace("#", "#tab-") == document.location.hash) {
+		selectedTab = index;
+	}
+     });
+     $('#tabs').tabs({
+	'select': function(event, ui){
+			document.location.hash = "tab-" + ui.panel.id;
+		},
+	'selected' : selectedTab
+     });
    });
    </script>