Daphniphyllaceae | Taxonomy Browser

<!DOCTYPE HTML> <html> <head> <meta charset="utf-8" /> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <title>Daphniphyllaceae | Taxonomy Browser | BOLDSYSTEMS</title> <meta name="keywords" content="" /> <meta name="description" content="" /> <link rel="shortcut icon" type="image/x-icon" href="/favicon.ico" /> <link rel="apple-touch-icon" href="/favicons/apple-icon.png"/> <link rel="apple-touch-icon" sizes="57x57" href="/favicons/apple-icon-57x57.png"/> <link rel="apple-touch-icon" sizes="60x60" href="/favicons/apple-icon-60x60.png"/> <link rel="apple-touch-icon" sizes="72x72" href="/favicons/apple-icon-72x72.png"/> <link rel="apple-touch-icon" sizes="76x76" href="/favicons/apple-icon-76x76.png"/> <link rel="apple-touch-icon" sizes="114x114" href="/favicons/apple-icon-114x114.png"/> <link rel="apple-touch-icon" sizes="120x120" href="/favicons/apple-icon-120x120.png"/> <link rel="apple-touch-icon" sizes="144x144" href="/favicons/apple-icon-144x144.png"/> <link rel="apple-touch-icon" sizes="152x152" href="/favicons/apple-icon-152x152.png"/> <link rel="apple-touch-icon" sizes="180x180" href="/favicons/apple-icon-180x180.png"/> <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=0" /> <link href="/libhtml_v4/css/bootstrap.css" rel="stylesheet" /> <link href="/libhtml_v4/css/style.css" rel="stylesheet" /> <link href="/libhtml_v4/css/animate.css" rel="stylesheet" /> <link href="/libhtml_v4/css/ionicons.min.css" rel="stylesheet" />  <link href="/libhtml_v3/font-awesome/css/font-awesome.css" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Open+Sans:400,600,800&subset=latin,latin-ext" rel="stylesheet" /> <link href="/libhtml_v4/css/print.css" rel="stylesheet" /> <script src="/libhtml_v4/js/modernizr-custom.min.js"></script> <script src="/libhtml_v4/js/jquery-2.1.0.min.js"></script> <script src="/libhtml_v4/js/bootstrap.js"></script> <script src="/libhtml_v4/js/plugins/toastr/toastr.min.js"></script> <script type="text/javascript" src="/libhtml_v3/js/modalWaitingBox.js"></script> <script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-372370-4', 'auto'); ga('send', 'pageview'); </script> <script language="javascript"> // Loading page complete $(window).load(function() { checkHero(); // Check hero height is correct animateWhenVisible(); // Activate animation when visible }); // Page ready $(document).ready(function() { if (Modernizr.mq('(min-width: 768px)')) { $('#promo').animate({ height: '408px' }, 600); $('#lead-in').animate({ height: '220px' }, 800); } $('.hero').css('height', $(window).height()+'px'); // Set initial hero height $('#scroll-hero').click(function() { $('html,body').animate({scrollTop: $("#hero-bloc").height()}, 'slow'); }); setUpLightBox(); // Add lightbox Support $("button#printBtn").click(function (e){ window.print(); }); }); // Window resize $(window).resize(function() { $('.hero').css('height',getHeroHeight()+'px'); // Refresh hero height }); // Get Hero Height function getHeroHeight() { var H = $(window).height(); // Window height if (window.hasOwnProperty('heroBodyH')){ if(H < heroBodyH) {// If window height is less than content height H = heroBodyH+100; } } return H } // Check hero height function checkHero() { if($('#hero-bloc').length) { P = parseInt($('.hero-nav').css('padding-top'))*2 window.heroBodyH = $('.hero-nav').outerHeight()+P+$('.vc-content').outerHeight()+50; // Set hero body height $('.hero').css('height', getHeroHeight() + 'px'); // Set hero to fill page height } } // Scroll to target function scrollToTarget(D) { if(D == 1) // Top of page { D = 0; } else if(D == 2) // Bottom of page { D = $(document).height(); } else // Specific Bloc { D = $(D).offset().top; if($('.sticky-nav').length) // Sticky Nav in use { D = D-100; } } $('html,body').animate({scrollTop:D}, 'slow'); } // Initial tooltips $(function() { $('[data-toggle="tooltip"]').tooltip() }) // Animate when visible function animateWhenVisible() { hideAll(); // Hide all animation elements inViewCheck(); // Initail check on page load $(window).scroll(function() { inViewCheck(); // Check object visability on page scroll scrollToTopView(); // ScrollToTop button visability toggle stickyNavToggle(); // Sticky nav toggle }); }; // Hide all animation elements function stickyNavToggle() { var V = 0; // offset Value var C = "sticky"; // Classes if($('.sticky-nav').parent().is('#hero-bloc')) // If nav is in hero animate in { V = $('.sticky-nav').height(); C = "sticky animated fadeInDown"; } if($(window).scrollTop() > V) { $('.sticky-nav').addClass(C); if(C == "sticky") { $('.page-container').css('padding-top',$('.sticky-nav').height()); } } else { $('.sticky-nav').removeClass(C); $('.page-container').removeAttr('style'); } } // Hide all animation elements function hideAll() { $('.animated').each(function(i) { if(!$(this).closest('.hero').length) // Dont hide hero object { $(this).removeClass('animated').addClass('hideMe'); } }); } // Check if object is inView function inViewCheck() { $($(".hideMe").get().reverse()).each(function(i) { var target = jQuery(this); var a = target.offset().top + target.height(); var b = $(window).scrollTop() + $(window).height(); if(target.height() > $(window).height()) // If object height is greater than window height { a = target.offset().top; } if (a < b) { var objectClass = target.attr('class').replace('hideMe' , 'animated'); target.css('visibility','hidden').removeAttr('class'); setTimeout(function(){target.attr('class',objectClass).css('visibility','visible');},0.01); } }); }; // ScrollToTop button toggle function scrollToTopView() { if($(window).scrollTop() > $(window).height()/3) { if(!$('.scrollToTop').hasClass('showScrollTop')) { $('.scrollToTop').addClass('showScrollTop'); } } else { $('.scrollToTop').removeClass('showScrollTop'); } }; // Light box support function setUpLightBox() { window.targetLightbox; $(document).on('click', '[data-lightbox]', function(e) // Create Lightbox Modal { e.preventDefault(); targetLightbox = $(this); var captionData ='<p class="lightbox-caption">'+$(this).attr('data-caption')+'</p>'; if(!$(this).attr('data-caption')) // No caption caption data { captionData = ''; } var customModal = $('<div id="lightbox-modal" class="modal fade"><div class="modal-dialog"><div class="modal-content '+$(this).attr('data-frame')+'"><button type="button" class="close close-lightbox" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button><div class="modal-body"><a href="#" class="prev-lightbox" aria-label="prev"></a><a href="#" class="next-lightbox" aria-label="next"></a><img id="lightbox-image" class="img-responsive" src="'+$(this).attr('data-lightbox')+'">'+captionData+'</div></div></div></div>'); $('body').append(customModal); $('#lightbox-modal').modal('show'); // Handle navigation buttons (next - prev) if($('a[data-lightbox]').index(targetLightbox) == 0) { $('.prev-lightbox').hide(); } if($('a[data-lightbox]').index(targetLightbox) == $('a[data-lightbox]').length-1) { $('.next-lightbox').hide(); } } ).on('hidden.bs.modal', '#lightbox-modal', function () // Handle destroy modal { $('#lightbox-modal').remove(); }) $(document).on('click', '.next-lightbox, .prev-lightbox', function(e) { e.preventDefault(); var idx = $('a[data-lightbox]').index(targetLightbox); var next = $('a[data-lightbox]').eq(idx+1) // Next if($(this).hasClass('prev-lightbox')) { next = $('a[data-lightbox]').eq(idx-1) // Prev } $('#lightbox-image').attr('src',next.attr('data-lightbox')); $('.lightbox-caption').html(next.attr('data-caption')); targetLightbox = next; // Handle navigation buttons (next - prev) $('.next-lightbox, .prev-lightbox').hide(); if($('a[data-lightbox]').index(next) != $('a[data-lightbox]').length-1) { $('.next-lightbox').show(); } if($('a[data-lightbox]').index(next) > 0) { $('.prev-lightbox').show(); } }); } function submitSearch(){ //search box if (document.searchForm.searchMenu.value=="taxonomy") { document.searchForm.taxon.value = document.searchForm.query.value; //temp fix for now. document.searchForm.action="/index.php/Taxbrowser_Taxonpage?taxon="+document.searchForm.query.value+"&debug=1"; } else if (document.searchForm.searchMenu.value=="records") { document.searchForm.action="/index.php/Public_SearchTerms?"; } else if (document.searchForm.searchMenu.value=="bins") { document.searchForm.action="/index.php/Public_BINSearch?"; } } </script> <style> .ui-autocomplete { position: absolute; top: 100%; left: 0; z-index: 1000; float: left; display: none; min-width: 160px; _width: 160px; padding: 4px 0; margin: 2px 0 0 0; list-style: none; background-color: #ffffff; border-color: #ccc; border-color: rgba(0, 0, 0, 0.2); border-style: solid; border-width: 1px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; *border-right-width: 2px; *border-bottom-width: 2px; .ui-menu-item > a.ui-corner-all { display: block; padding: 3px 15px; clear: both; font-weight: normal; line-height: 18px; color: #555555; white-space: nowrap; &.ui-state-hover, &.ui-state-active &.ui-state-focus{ color: #ffffff; text-decoration: none; background-color: #0088cc !important; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; background-image: none; } } } .ui-helper-hidden-accessible{ display:none; } </style> <link rel="stylesheet" type="text/css" href="/libhtml/highslide/highslide.css" /> <script type="text/javascript" src="/libhtml/highslide/highslide-full.js"></script>  <script src="/libhtml_v4/js/plugins/chartjs/Chart.js"></script> <script src="/libhtml_v3/js/plugins/sparkline/jquery.sparkline.min.js"></script>  <script type="text/javascript"> maxColWidth = 2250; maxColHeight = 1125; hs.graphicsDir = '/libhtml/highslide/graphics/'; hs.showCredits = false; hs.captionEval= 'this.thumb.title'; hs.enableKeyListener = false; hs.width = 400; hs.height = 360; hs.allowMultipleInstances = false; hs.useBox = true; hs.enableKeyListener = true; hs.dimmingOpacity=0.1; hs.outlineType = 'custom'; hs.align='center'; hs.registerOverlay({ html: '<div class="closebutton" onclick="return hs.close(this)" title="Close"></div>', position: 'top right', useOnHtml: true, fade: 2 // fading the semi-transparent overlay looks bad in IE }); </script> <script language="javascript"> var allCountriesData = {"China":6,"South Korea":2,"Japan":34}; $(document).ready(function() { //Taxonomy Search event handler $('button[name="searchTax"]').click(function () { window.location = "/index.php/Taxbrowser_Taxonpage?taxon="+ $('input[name="taxon"]').val(); }); //Species Summary event handler $('button[name="speciesSummaryOpen"]').on("click",function () { openSpeciesSummary(); }); //Access Published & Released Data event handler $('button[name="accessPublishedData"]').on("click",function () { window.location = "/index.php/Public_SearchTerms?query=Daphniphyllaceae[tax]"; }); $('a.popup-medium').click(function (ev) { window.open(this.href,'popup', 'scrollbars=yes,width=780,height=690'); ev.preventDefault(); }); wikiRetrieve('Daphniphyllaceae', '11'); //setup breadcrumbs var taxonBreadcrumbs = ["<a class =\"link\" title=\"phylum\"href=\"\/index.php\/TaxBrowser_Taxonpage?taxid=1321498\">Tracheophyta<\/a>","<a class =\"link\" title=\"class\"href=\"\/index.php\/TaxBrowser_Taxonpage?taxid=41\">Magnoliopsida<\/a>","<a class =\"link\" title=\"order\"href=\"\/index.php\/TaxBrowser_Taxonpage?taxid=121186\">Saxifragales<\/a>","Daphniphyllaceae"]; setupBreadcrumbs(taxonBreadcrumbs); var selector = "#countries-summary"; countriesRepresentation(selector, allCountriesData); $('form[name="searchForm"]').submit(function (e) { if (document.searchForm.searchMenu.value=="taxonomy") { document.searchForm.taxon.value = document.searchForm.query.value; //temp fix for now. document.searchForm.action="/index.php/Taxbrowser_Taxonpage?taxon="+document.searchForm.query.value+"&debug=1"; } else if (document.searchForm.searchMenu.value=="records") { document.searchForm.action="/index.php/Public_SearchTerms?"; } else if (document.searchForm.searchMenu.value=="bins") { document.searchForm.action="/index.php/Public_BINSearch?"; } }); }); function setupBreadcrumbs(taxonBreadcrumbs) { var selector = "#taxonBreadcrumbs"; for (var i = 0; i < taxonBreadcrumbs.length; i++) { var crumb; if (i == taxonBreadcrumbs.length - 1) { crumb = $("<li>", {class:"active"}).append(taxonBreadcrumbs[i]); } else { crumb = $("<li>").append(taxonBreadcrumbs[i]); } $(selector).append(crumb); } } function openSpeciesSummary(ev) { var page="speciesSummary"; Popup=window.open('/index.php/Working',page,'scrollbars=yes,resizable=yes,width=900,height=700'); setTimeout(function(){ $('form[name="actionRequest"]').attr('target', page); $('form[name="actionRequest"]').submit(); Popup.focus();}, 450); ev.preventDefault(); } function countriesRepresentation(selector,data){ var totalSpecimenCount = Object.keys(data) .reduce(function(sum, key) { return sum + data[key]; }, 0); //sort countries var sortedCountries = sortCountries(); //only draw 5 var globalCounter = 0; var countrySelectorID = 1; for (var j =0; j < 6 ; j++) { var countrySelector = "country-summary" + countrySelectorID; $(selector).append($("<div>", {class:"col-lg-2 col-md-6"}).append( $("<div>", {class:"ibox"} ).append( $("<div>", {class:"ibox-content"}) ).append( $("<div>", {id:countrySelector}) ) )); var counter = 1; for (globalCounter; globalCounter < sortedCountries.length; globalCounter++) { var newWidth = progressValue(sortedCountries[globalCounter][1],totalSpecimenCount); $("#"+countrySelector).append($("<div>").append( $("<span>").text(sortedCountries[globalCounter][0]+":") ).append( $("<span>",{class:"pull-right"}).text(sortedCountries[globalCounter][1] ) ).append( $("<div>",{class:"progress progress-small"}).append( $("<div>",{class:"progress-bar",width:newWidth+"%"}) ) ) ); if (counter == 2){ break; } if (globalCounter == 12){ break; } counter++; } globalCounter++; countrySelectorID++; } } function sortCountries(){ var sortedCountries=[]; //transform object to array Object.keys(allCountriesData) .map(function( key) { sortedCountries.push([key, allCountriesData[key]]); }); //sort items by value sortedCountries = sortedCountries.sort(function(a, b){ return b[1] - a[1]; }); return sortedCountries; } function populateAllCountries(){ var sortedCountries = sortCountries(); var i,j; var temparray=[]; var chunk = Math.ceil(sortedCountries.length / 4); for (i=0,j = sortedCountries.length; i < j; i+=chunk) { temparray.push(sortedCountries.slice(i, i+chunk)); } var table = $("#dialogTable"); $("#dialogTable tr").remove(); for (var i =0; i < temparray[0].length; i++) { var newRow = $("<tr>"); //code will be cleaned up newRow.append($("<td>", {style: "width='10px'"}).text(temparray[0][i][0])); newRow.append($("<td>", {style: "width='10px'"}).text(temparray[0][i][1])); if (1 in temparray && temparray[1][i] != undefined) { newRow.append($("<td>", {style: "width='10px'"}).text(temparray[1][i][0])); newRow.append($("<td>", {style: "width='10px'"}).text(temparray[1][i][1])); } if (2 in temparray && temparray[2][i] != undefined) { newRow.append($("<td>", {style: "width='10px'"}).text(temparray[2][i][0])); newRow.append($("<td>", {style: "width='10px'"}).text(temparray[2][i][1])); } if (3 in temparray && temparray[3][i] != undefined) { newRow.append($("<td>", {style: "width='10px'"}).text(temparray[3][i][0])); newRow.append($("<td>", {style: "width='10px'"}).text(temparray[3][i][1])); } table.append(newRow); } table.show(); $("#alldatadialog").modal('show'); } function progressValue(dividend, divisor) { if (dividend <= 0) { return 0; } else { quotient = (dividend / parseFloat(divisor)) * 100.0 ; return Math.max(1, parseInt(quotient)); } } function wikiRetrieve(name, rank) { var url = "/index.php/MAS_Ajax_WikiRetriever?name=" + name + '&url=true'; $.ajax({ type:"GET", url: url, data: {rank: rank}, dataType: 'json', success: function(data){ if(data && data['text']) { $('#rowTaxon').show(); $('#pTaxon').prepend(data['text']); if(data['url']) { $('#pTaxon a').attr('href', 'http://en.wikipedia.org/wiki/' + data['url']); } } else { $('#rowTaxon').hide(); } }, error: function(){ $('#rowTaxon').hide(); } }); } function buildChart(url,suffix){ $.get(url,{"taxid":"406996"}).done(function(data){ var doughnutOptions = { segmentShowStroke: true, segmentStrokeColor: "#fff", segmentStrokeWidth: 2, percentageInnerCutout: 45, // This is 0 for Pie charts animationSteps: 100, animationEasing: "easeOutBounce", animateRotate: true, animateScale: false, responsive: true, legendTemplate : '<ul class="list-unstyled">'+'<% for (var i=0; i<segments.length; i++) { %>'+'<li>'+'<span style="-moz-border-radius:7px 7px 7px 7px; border-radius:7px 7px 7px 7px; margin-right:10px;width:15px;height:15px;display:inline-block;background-color:<%=segments[i].fillColor%>"> </span>'+'<% if (segments[i].label) { %><%= segments[i].label %><% } %>'+'</li>'+'<% } %>'+'</ul>' }; jsonObj = JSON.parse(data); chartColours = ["#93C3DE","#A2E6C6","#A8EF8D","#F0E287","#DEB483","#DE9E93","#DAA1DE","#BCB2F4","#DEDEDE","#B4B4B4"]; highlightColour = "#1ab394"; chartData = []; chartColourIndex = 0; for (i=jsonObj.data.length-1;i>=0;i--){ chartLabel = jsonObj.labels[i]; chartVal = jsonObj.data[i]; chartData.push({ value:chartVal, color:chartColours[chartColourIndex], highlight: highlightColour, label:chartLabel }); chartColourIndex += 1; if (chartColourIndex == chartColours.length){//for now ;loop through the colour chartColourIndex = 0; } } var ctx = document.getElementById("chart"+suffix).getContext("2d"); var tgChart = new Chart(ctx).Doughnut(chartData, doughnutOptions); $("#legend"+suffix).html(tgChart.generateLegend()); }); } $(document).ready(function() { buildChart('/index.php/TaxBrowser_Charts_institutionsrcdata','Depository'); buildChart('/index.php/TaxBrowser_Charts_institutionsrcdata/sequencinglabs','Sequence'); }); </script> <style type="text/css"> .highslide-heading { color:#dedede; } .highslide-caption{ font-size:10pt !important; } .imagegallery_preview { background-color: #FFFFFF; margin: 8px; border: 1px solid #111111; padding: 0px; width:400px; text-align: center; float:right; } .alignTop, .alignTop td{ vertical-align: top; } .legendFont { font-size: 12px; } .scrollPortlet{ max-height: 400px; overflow-y: auto; } .progress { height: 10px; } .modal-dialog {width:1000px;} .breadcrumb { padding: 0px; padding-left:15px; background-color: transparent; } .l-bloc a.link{ color: #337ab7 ; } .highslide-caption a { color: #ff9400; font-size: 10pt !important; font-weight: bold; padding: 2px; } </style> </head> <body> <div class="page-container"> <div class="bloc sticky-nav bgc-dark-jungle-green d-bloc"> <div class="container bloc-xs"> <nav class="navbar row"> <div class="navbar-header"> <a class="navbar-brand" href="/index.php"> <img src="/libhtml_v4/images/BOLDlogo.png" alt="logo" /> </a> <button id="nav-toggle" type="button" class="ui-navbar-toggle navbar-toggle" data-toggle="collapse" data-target=".navbar-1"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a href="#" class="search-toggle" data-toggle="collapse" data-target=".search-wrap"> <span class="fa fa-search fa-lg"></span> </a> </div> <div class="collapse navbar-collapse navbar-1"> <ul class="site-navigation nav navbar-nav">  <li><a href="/index.php/IDS_OpenIdEngine">Identification v4</a></li> <li><a href="/index.php/TaxBrowser_Home">Taxonomy</a></li> <li><a href="/index.php/MAS_Management_UserConsole">Workbench</a></li>  <li><a href="/index.php/MAS_Management_UserConsole">Login</a></li> <li class="nav-search"> <a href="#" data-toggle="collapse" data-target=".search-wrap"> <span class="fa fa-search icon-sm"></span> </a> </li> </ul> </div> </nav> </div> <div class="search-wrap collapse"> <form id="site-search" name ="searchForm" onSubmit="submitSearch();"> <div class="col-sm-3 col-md-2"> <label class="sr-only" for="search_type">Type</label> <select id="search_type" class="form-control" name="searchMenu"> <option value="taxonomy">Taxonomy</option> <option value="records">Public Data</option> <option value="bins">BINs</option> </select> </div> <div class="col-sm-9 col-md-10"> <label class="sr-only" for="search_keyword">Keyword</label> <input id="query" class="form-control" name="query" placeholder="Search" /> <input type="hidden" name="taxon"/> </div> </form> </div> </div> <div class="bloc bgc-cadet-blue d-bloc" id="lead-in"> <div class="container bloc-md"> <div class="row"> <div class="col-sm-12"> <h3>TAXONOMY BROWSER: Daphniphyllaceae</h3> <p>Family : Daphniphyllaceae</p> </div> </div> </div> </div> <div class="bloc l-bloc bgc-white"> <div class="container bloc-md" style="padding:10px;"> <div class="row"> <ol class="breadcrumb" id="taxonBreadcrumbs"> </ol> </div> <div class="row"> <div class="col-lg-6 col-md-6"> <div class="ibox"> <div class="ibox-content"> <div class="ibox float-e-margins"> <div class="row"> <div class="col-xs-12 text-left" style="margin-top:0px;margin-bottom:0px;"><img class="img-responsive" src="/pics/EBLF/GN182%2B1609441898.JPG" border="0" title="sample id:Ge02730"></div> <div class="col-xs-12 text-right" style="margin-top:0px;margin-bottom:0px;"> <div class="row"> <div class="col-xs-8 text-left" style="margin-top:0px;margin-bottom:0px;"><i class="fa fa-creative-commons" aria-hidden="true"></i> </div> <div class="col-xs-4 text-right" style="margin-top:0px;margin-bottom:0px;"> Image of <a class="link" href="/index.php/TaxBrowser_Taxonpage?taxid=406997">Daphniphyllum</a> </div> </div> </div> </div> </div> </div> </div> </div> <div class="col-lg-6 col-md-6"> <div class="ibox"> <div class="ibox-title"> <h2>Taxon Description (Wikipedia)</h2> </div> <div class="ibox-content"> <div class="ibox float-e-margins"> <p id="pTaxon"> <a class="link popup-medium" href="http://en.wikipedia.org/wiki/Daphniphyllaceae">full article at Wikipedia</a> </p> </div> </div> </div> </div> </div>  <div class ="row"> <div class="col-lg-4 col-md-6"> <div class="ibox"> <div class="ibox-title"> <h2>Statistics</h2> </div> <div class="ibox-content"> <div class="ibox float-e-margins"> <table class="table table-striped noborder"> <tr> <td width="41%">Specimen Records:</td> <td width="17%">58</td> </tr> <tr> <td>Specimens with Sequences:</td> <td>55</td> </tr> <tr> <td>Specimens with Barcodes:</td> <td><specimendataforlivestats/>45<specimendataforlivestats/></td> </tr> <tr> <td>Species:</td> <td>11</td> </tr> <tr> <td>Species With Barcodes:</td> <td>9</td> </tr> <tr> <td width="60%">Public Records:</td> <td width="40%">51</td> </tr> <tr> <td>Public Species:</td> <td>11</td> </tr> <tr> <td>Public BINs:</td> <td>0</td> </tr> <tr> <td><button class="btn btn-sm btn-info" name="speciesSummaryOpen"> Species List </button></td> <td><button class="btn btn-sm btn-info" name="accessPublishedData">Public Data</button></td> </tr> </table> </div> </div> </div> </div> <div class="col-lg-4 col-md-6"> <div class="ibox"> <div class="ibox-title"> <h2>Specimen Depositories</h2> </div> <div class="ibox-content"> <div class="ibox float-e-margins"> <div id="divDepository"><canvas id="chartDepository"></canvas></div> <div id="legendDepository" class="legendFont"></div> <div id="institutionsList2"></div> <script language="javascript"> var institutionsReduced=true; function institutionsExpandReduce() { if (institutionsReduced==true) { document.getElementById('institutionsList').innerHTML=""; document.getElementById('institutionsExpandReduceLink').innerHTML="Collapse"; institutionsReduced=false; } else { document.getElementById('institutionsList').innerHTML=""; document.getElementById('institutionsExpandReduceLink').innerHTML="Expand"; institutionsReduced=true; } } </script> </div> </div> </div> </div> <div class="col-lg-4 col-md-6"> <div class="ibox"> <div class="ibox-title"> <h2>Sequencing Labs</h2> </div> <div class="ibox-content"> <div class="ibox float-e-margins"> <div id="divSequence"><canvas id="chartSequence" height="140"></canvas></div> <div id="legendSequence" class="legendFont"></div> </div> </div> </div> </div> </div>  <div class="row"> <div class="col-lg-12 col-md-6"> <div class="ibox"> <div class="ibox-title"> <h2>Collection Sites</h2> </div> <div class="ibox-content"> <a class="highslide" onclick="return hs.expand(this,{width:maxColWidth,height:maxColHeight})" href="/index.php/TaxBrowser_Maps_CollectionSites?taxid=406996" ><img border="0" width="100%" src="/index.php/TaxBrowser_Maps_CollectionSites?taxid=406996"></img></a> </br> <img src="/libhtml/icons/mapScale_BOLD.png"> <a href="/index.php/TaxBrowser_Maps_CollectionSites?taxid=406996" target="_blank" style="margin-top:1px !important" class="btn btn-xs btn-info pull-right" download="taxonmap.png">Download map <i class="fa fa-cloud-download"></i></a> </div> </div> </div> </div>  <div class="row"> <div class="col-lg-12"> <div class="ibox"> <div class="ibox-title"> <h2>Countries</h2> <span>Collected from <strong>3</strong> countries. </span> <a class="link" onClick = "populateAllCountries();"> Show all countries</a> </div> </div> </div> </div> <div class ="row" id ="countries-summary"> </div> <div class ="row"> <div class="col-md-6"> <div class="ibox"> <div class="ibox-title"> <h2>Sub-Taxa</h2> </div> <div class="ibox-content">  <div class="ibox float-e-margins"> <lh>Genera (1) </lh><ol><li><a href="/index.php/Taxbrowser_Taxonpage?taxid=406997">Daphniphyllum [58]</a></li></ol> </div> </div> </div> </div>  <div class="col-md-6"> <div class="ibox float-e-margins"> <div class="ibox-title"> <h2>Imagery</h2> </div> <div class="ibox-content"> <i> Images representing subtaxa of Daphniphyllaceae</i> <div class="row"><div class="col-xs-4"><a class="highslide" onclick="return hs.expand(this,{width:500, height:667} )" href="//bench.boldsystems.org/pics/EBLF/GN182%2B1609441898.JPG"><img title=" (Daphniphyllum - Ge02730) CreativeCommons 聳 Attribution Non-Commercial Share-Alike <br/><img src='/libhtml/icons/creativecommons/by-nc-sa_80x15.png'/>" alt=" (Daphniphyllum - Ge02730) @11 [ ] CreativeCommons 聳 Attribution Non-Commercial Share-Alike Unspecified Herbarium of South China Botanical Garden" src="//bench.boldsystems.org/pics/_w300/EBLF/GN182%2B1609441898.JPG"width="200" class="img-responsive"></a><div class="highslide-heading" style="text-align:center;position:absolute;top:10px;left:0;right:0;margins:0 auto;"><a style="color:white; text-align:center; margin-top:40px; text-decoration:underline;" href="/index.php/Taxbrowser_Taxonpage?taxid=406997">Daphniphyllum</a></div></div></div></div> </div> </div> </div>   <div id="alldatadialog" class="modal fade" role="dialog" data-keyboard="false" data-backdrop="static"> <div class="modal-dialog" > <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal">×</button> <h4 class="modal-title " id ="dialogTitle" >All Countries</h4> </div> <div class="modal-body" > <table id="dialogTable" class="table table-striped" style="width:100%;" border="0" cellpadding="1" cellspacing="10" > </table> </div> <div class="modal-footer"> <button id = "closeDialog" name = "closeDialog" data-dismiss="modal" class="btn btn-primary btn-sm" >Close</button> </div> </div> </div> </div> <form name="actionRequest" action="/index.php/TaxBrowser_TaxonPage/SpeciesSummary" method="GET"> <input type="hidden" name="taxid" value="406996"> </form> </div> </div> </div> <div class="bloc bgc-platinum l-bloc" id="footer"> <div class="container bloc-md"> <div class="row">                    <div class="col-sm-3"> <h3 class="mg-md">Organization</h3> <ul class="list-unstyled"> <li><a href="/index.php/Resources/whatIsBOLD">About Us</a></li> <li><a href="/index.php/Resources/ContactUs">Contact Us</a></li> <li><a href="/index.php/NewsFeed">News & Events</a></li> </ul> </div> <div class="col-sm-3"> <h3 class="mg-md">Partners</h3> <ul class="list-unstyled"> <li><a href="http://www.ibol.org">iBOL</a></li> <li><a href="http://biodiversitygenomics.net/">CBG</a></li> <li><a href="http://ccdb.ca">CCDB</a></li> <li><a href="http://www.ncbi.nlm.nih.gov">GenBank</a></li> <li><a href="http://www.eol.org">EOL</a></li> <li><a href="http://www.gbif.org">GBIF</a></li> </ul> </div> </div> </div> </div> <div class="bloc bgc-floral-white l-bloc" id="affiliates"> <div class="container bloc-md"> <div class="row"> <div class="col-sm-2"> <img class="img-responsive center-block" style="margin-top:20px" src="/libhtml_v4/img/ibol-50v.png" /> </div> <div class="col-sm-2"> <img class="img-responsive center-block" style="margin-top:20px" src="/libhtml_v4/img/CFREF.png" /> </div> <div class="col-sm-2"> <img class="img-responsive center-block" src="/libhtml_v4/img/MRI_logo.png" /> </div> <div class="col-sm-2"> <img class="img-responsive center-block" style="margin-top:20px" src="/libhtml_v4/img/CFINN.png"/> </div> <div class="col-sm-2"> <img class="img-responsive center-block" style="margin-top:20px" src="/libhtml_v4/img/NSERC.png" /> </div> <div class="col-sm-2"> <img class="img-responsive center-block" src="/libhtml_v4/img/UoGuelph_image18-100x100.png" /> </div> </div> <div class="row"> <div class="col-xs-12"><br/><h5><small><strong>Copyright</strong> BOLD © 2014-2024</small></h5></div> </div> </div> </div> </div> </body>    </html>

CINXE.COM

Daphniphyllaceae | Taxonomy Browser | BOLDSYSTEMS