CINXE.COM
<!DOCTYPE html> <html lang="en"> <head> <!-- Piwik --> <script type="text/javascript"> var _paq = _paq || []; _paq.push(['trackPageView']); _paq.push(['enableLinkTracking']); (function() { var u="http://piwik.dsmz.de/"; _paq.push(['setTrackerUrl', u+'piwik.php']); _paq.push(['setSiteId', 3]); var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s); })(); </script> <noscript><p><img src="http://piwik.dsmz.de/piwik.php?idsite=3" style="border:0;" alt="" /></p></noscript> <!-- End Piwik Code --> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags --> <meta name="description" content=""> <meta name="author" content=""> <link rel="icon" type="image/vnd.microsoft.icon" href="img/favicon.ico" /> <title> </title> <!-- Bootstrap core CSS --> <link href="dist/css/bootstrap.min.css" rel="stylesheet"> <!-- IE10 viewport hack for Surface/desktop Windows 8 bug --> <link href="assets/css/ie10-viewport-bug-workaround.css" rel="stylesheet"> <!-- Just for debugging purposes. Don't actually copy these 2 lines! --> <!--[if lt IE 9]><script src="../../assets/js/ie8-responsive-file-warning.js"></script><![endif]--> <script src="assets/js/ie-emulation-modes-warning.js"></script> <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries --> <!--[if lt IE 9]> <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script> <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> <![endif]--> <!-- Custom styles for this template --> <link href="css/carousel.css" rel="stylesheet"> <link href="css/timeline.css" rel="stylesheet"> <link href="css/navtabs.css" rel="stylesheet"> <link href="css/supplementary_styles.css" rel="stylesheet"> </head> <body> <noscript> <!-- we only want to show the carousel on the landing page and thus do prefix each remaining page with an empty container of 100px in height --> <div class="spacer-between-navbar-and-content"></div> <b> <mark> Please note: for full functionality of this site it is necessary to enable JavaScript. Here are the <a href="http://www.enable-javascript.com/" target="_blank"> instructions how to enable JavaScript in your web browser</a>.</br></br> </mark> </b> </noscript> <div class="navbar-wrapper"> <div class="container"> <!-- <nav class="navbar navbar-inverse navbar-static-top"> --> <nav class="navbar navbar-inverse navbar-fixed-top"> <div class="container"> <div class="navbar-header"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a class="navbar-brand" href="home.php">Genome-to-Genome Distance Calculator</a> </div> <div id="navbar" class="navbar-collapse collapse"> <ul class="nav navbar-nav"> <li class="active"><a href="home.php">Home</a></li> <li><a href="news.php#latestNewsItem">News</a></li> <!-- Service: GGDC: --> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">GGDC<span class="caret"></span></a> <ul class="dropdown-menu"> <li><a href="ggdc.php#">☛ Online Submission Form</a></li> <li><a href="ggdc_background.php#">Scientific Background</a></li> <!-- 📖 --> <li><a href="ggdc_changelog.php#">Changelog</a></li> <li><a href="faq.php#tabGGDC" onclick="activateProperFAQItemOnClick('faq.php#tabGGDC');">FAQ</a></li> <!-- 📝 --> </ul> </li> <!-- Service: TYGS: --> <li> <a href="https://tygs.dsmz.de">TYGS</a> </li> <!-- Service: VICTOR: --> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">VICTOR<span class="caret"></span></a> <ul class="dropdown-menu"> <li><a href="victor.php#">☛ Online Submission Form</a></li> <li><a href="victor_background.php#">Scientific Background</a></li> <li><a href="victor_changelog.php#">Changelog</a></li> <li><a href="faq.php#tabVICTOR" onclick="activateProperFAQItemOnClick('faq.php#tabVICTOR');">FAQ</a></li> </ul> </li> <!-- Service: Gene Phylogenies/Similarities: --> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Single-Gene Trees<span class="caret"></span></a> <ul class="dropdown-menu"> <li><a href="phylogeny-service.php#">☛ Online Submission Form</a></li> <li><a href="phylogeny-service_background.php#">Scientific Background</a></li> <li><a href="phylogeny-service_changelog.php#">Changelog</a></li> <li><a href="faq.php#tabPhylogenyService" onclick="activateProperFAQItemOnClick('faq.php#tabPhylogenyService');">FAQ</a></ li> </ul> </li> <!-- FAQ: --> <li><a href="faq.php#">FAQ</a></li> <li><a href="contact.php">Contact</a></li> </ul> <ul class="nav navbar-nav navbar-right"> <li><a href="https://www.dsmz.de">Leibniz Institute DSMZ</a></li> </ul> </div> </div> </nav> <!-- LOGO (right): style="margin-left:1180px;margin-top:50px;"" --> <!-- <p id="logotoprightabs"> <a href="http://www.dsmz.de"><img src="img/DSMZLogo.svg" height="100px" width="132px"></a> </p> --> <!-- LOGO (left): --> <!-- <p id="logo-left"><a href="http://www.dsmz.de"><img src="img/ddhlogo.png" height="100px" width="100px"></a></p> --> </div> </div> <!-- we only want to show the carousel on the landing page and thus do prefix each remaining page with an empty container of 100px in height --> <div class="spacer-between-navbar-and-content"></div> <script type="text/javascript"> function tree_and_similarities() { var newQueryLimit = "10"; var newRefLimit = "50"; set_badges(newQueryLimit, newRefLimit); set_state_ref_controls("show"); recover_query_ids(); } // recovering the original query IDs function recover_query_ids() { var queryAccs = document.getElementById('queryAccessions').value; var refAccs = document.getElementById('refAccessions').value; var queryArr = queryAccs.split("\n"); var refArr = refAccs.split("\n"); if (typeof queryArr == 'undefined' || queryArr.length < 1) { queryArr = []; } if (typeof refArr == 'undefined' || refArr.length < 1) { refArr = []; } var arrDiff = queryArr.filter(x => refArr.indexOf(x) === -1); // get unique array items var joinedAccsArr = arrDiff.filter(function(item, pos){ return arrDiff.indexOf(item)== pos; }); joinedAccsArr = joinedAccsArr.sort(); joinedAccsString = joinedAccsArr.join("\n"); joinedAccsString = joinedAccsString.trim(); document.getElementById('queryAccessions').value = joinedAccsString; } function similarities_only() { var newQueryLimit = "10"; var newRefLimit = "50"; set_badges(newQueryLimit, newRefLimit); // now show all previously unnecessary controls again: set_state_ref_controls("show"); recover_query_ids(); } function tree_only() { var newQueryLimit = "60"; var newRefLimit = "0"; // "50"; set_badges(newQueryLimit, newRefLimit); set_state_ref_controls("hide"); // adding accessions from both the query and reference accession fields var queryAccs = document.getElementById('queryAccessions').value; var refAccs = document.getElementById('refAccessions').value; var queryArr = queryAccs.split("\n"); var refArr = refAccs.split("\n"); if (typeof queryArr == 'undefined' || queryArr.length < 1) { queryArr = []; } if (typeof refArr == 'undefined' || refArr.length < 1) { refArr = []; } var joinedAccsArr = queryArr.concat(refArr); // get unique array items joinedAccsArr = joinedAccsArr.filter(function(item, pos){ return joinedAccsArr.indexOf(item)== pos; }); joinedAccsArr = joinedAccsArr.sort(); joinedAccsString = joinedAccsArr.join("\n"); joinedAccsString = joinedAccsString.trim(); document.getElementById('queryAccessions').value = joinedAccsString; } // this function simply sets the visible state of all controls // related to the reference function set_state_ref_controls(visibleState) { if (visibleState == "hide") { // show it: $("#refAccessions").addClass('hidden'); $("#refAccessionsLabel").addClass('hidden'); $("#refAccessionsTooltip").addClass('hidden'); $("#refSequences").addClass('hidden'); $("#refGenomesTooltip").addClass('hidden'); $("#refGenomesLabel").addClass('hidden'); $("#textRefBadge").addClass('hidden'); $("#numRefBadge").addClass('hidden'); } else if (visibleState == "show") { // hide it: remove all unnecessary controls: $("#refAccessions").removeClass('hidden'); $("#refAccessionsLabel").removeClass('hidden'); $("#refAccessionsTooltip").removeClass('hidden'); $("#refSequences").removeClass('hidden'); $("#refGenomesTooltip").removeClass('hidden'); $("#refGenomesLabel").removeClass('hidden'); $("#textRefBadge").removeClass('hidden'); $("#numRefBadge").removeClass('hidden'); } } function set_badges(newQueryLimit, newRefLimit) { // finding the inline span element and changing // the value of the **query badge** var span = document.getElementById('numQueryBadge'); while (span.firstChild) { span.removeChild(span.firstChild); } span.appendChild(document.createTextNode(newQueryLimit)); // finding the inline span element and changing // the value of the **reference badge** var span = document.getElementById('numRefBadge'); while (span.firstChild) { span.removeChild(span.firstChild); } span.appendChild(document.createTextNode(newRefLimit)); } </script> <!-- this container tag is matched in the footer ... --> <div class="container"> <div class="page-header"> <h1>Phylogeny Server<small> Gene phylogenies and similarities</small></h1> </div> <div class="alert alert-warning" role="alert"> <span class="glyphicon glyphicon-exclamation-sign"></span> <b>Note:</b> the primary citation for the DSMZ single-gene phylogeny server has changed. Details are found <a href="phylogeny-service_background.php" class="ing">here</a>. <button type="button" class="close" data-dismiss="alert" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="alert alert-info" role="alert"> <span class="glyphicon glyphicon-exclamation-sign"></span> Want to analyze <b><a href="ggdc.php">microbial</a></b> or <b><a href="victor.php">viral</a></b> genomes instead? <button type="button" class="close" data-dismiss="alert" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="panel panel-primary"> <!-- Default panel contents --> <div class="panel-heading" id="submissionForm"> Submission Form <div class="pull-right"> <span class="badge badge-pill badge-danger"><a href="https://ggdc-test.dsmz.de/phylogeny-service_background.php" class="ing">How to cite</a></span> </div> </div> <div class="panel-body"> <form class="form-horizontal" role="form" method="post" action="submit_phylo_job.php" enctype="multipart/form-data" name="Form"> <fieldset> <!-- Select Basic --> <div class="form-group"> <label class="col-md-4 control-label" for="selectbasic">Requested calculations</label> <div class="col-md-4"> <div class="text-center"> <!-- source: http://getbootstrap.com/javascript/#buttons-checkbox-radio --> <div class="btn-group" data-toggle="buttons"> <label class="btn btn-primary active"> <input type="radio" name="options" id="option1" autocomplete="off" value="both" onchange="tree_and_similarities()">tree & similarities </label> <label class="btn btn-primary"> <input type="radio" name="options" id="option2" autocomplete="off" value="similarities" onchange="similarities_only()">similarities only </label> <label class="btn btn-primary"> <input type="radio" name="options" id="option3" autocomplete="off" value="tree" onchange="tree_only()">tree only </label> </div> </div> </div> <!-- tooltip --> <a href="#"><span class="glyphicon glyphicon-question-sign" data-toggle="tooltip" data-original-title="Select the type of analysis you need"></span></a> </div> <!-- Textarea (query accessions) --> <div class="form-group"> <label class="col-md-4 control-label" id="queryAccessionsLabel" for="textarea">Query accessions</label> <div class="col-md-4"> <textarea class="form-control" id="queryAccessions" name="queryAccessions" rows="4" placeholder="one row per organism (see FAQ for valid formats)"></textarea> </div> <!-- tooltip --> <a href="#"><span class="glyphicon glyphicon-question-sign" data-toggle="tooltip" data-original-title="Enter one GenBank accession per line for each query organism you want to investigate. If similarity calculation is selected, the query accessions/sequences will be compared against the reference sequences."></span></a> </div> <!-- File Button (query genome file) --> <div class="form-group"> <label class="col-md-4 control-label" for="filebutton">Query sequences</label> <div class="col-md-4"> <input id="querySequences" name="querySequences" class="input-file" type="file"> </div> <!-- tooltip --> <a href="#"><span class="glyphicon glyphicon-question-sign" data-toggle="tooltip" data-original-title="Select a single multi-FASTA file with the sequences of all query organisms you want to investigate. If similarity calculation is selected, the query sequences/accessions will be compared against the reference sequences."></span></a> </div> <!-- Badge (to show the current genome limit number) --> <div class="form-group"> <label class="col-md-4 control-label"></label> <div class="col-md-4"> <button class="btn btn-default disabled" type="button" id="textQueryBadge" name="textQueryBadge"> Max. query accessions: <span class="badge" id="numQueryBadge" name="numQueryBadge">10</span> </button> </div> </div> <!-- Textarea (reference accessions) --> <div class="form-group"> <label class="col-md-4 control-label" id="refAccessionsLabel" for="textarea">Reference accessions</label> <div class="col-md-4"> <textarea class="form-control" id="refAccessions" name="refAccessions" rows="4" placeholder="one row per organism (see FAQ for valid formats)"> KP893899 </textarea> </div> <!-- tooltip --> <a href="#"><span class="glyphicon glyphicon-question-sign" id="refAccessionsTooltip" data-toggle="tooltip" data-original-title="Enter one GenBank accession per line for each reference organism you want to investigate."></span></a> </div> <!-- File Button (query genome file) --> <div class="form-group"> <label class="col-md-4 control-label" id="refGenomesLabel" for="filebutton">Reference sequences</label> <div class="col-md-4"> <input id="refSequences" name="refSequences" class="input-file" type="file"> </div> <!-- tooltip --> <a href="#"><span class="glyphicon glyphicon-question-sign" id="refGenomesTooltip" data-toggle="tooltip" data-original-title="Select a single multi-FASTA file with the sequences of all reference organisms you want to investigate."></span></a> </div> <!-- Badge (to show the current genome limit number) --> <div class="form-group"> <label class="col-md-4 control-label"></label> <div class="col-md-4"> <button class="btn btn-default disabled" type="button" id="textRefBadge" name="textRefBadge"> Max. reference accessions/sequences: <span class="badge" id="numRefBadge">50</span> </button> </div> </div> <div class="form-group"> <label class="col-md-4 control-label" for="inputEmail">Contact details</label> <label for="inputEmail" class="sr-only">Email address</label> <div class="col-md-4"> <input type="email" name="email" id="email" class="form-control" placeholder="mail@example.com" required autofocus> </div> <!-- tooltip --> <a href="#"><span class="glyphicon glyphicon-question-sign" data-toggle="tooltip" data-original-title="Please check your e-mail spam folder if the GGDC results message does not arrive in time."></span></a> </div> <!-- Button --> <div class="form-group"> <label class="col-md-4 control-label" for="singlebutton"></label> <div class="col-md-4"> <div class="text-center"> <button id="singlebutton" name="singlebutton" class="btn btn-primary">Submit</button> </div> </div> </div> <!-- progress bar --> <div class="form-group"> <label class="col-md-4 control-label" for="progressbar">Current slot usage</label> <div class="col-md-4"> </br> <div class="progress"> <div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="4" aria-valuemin="0" aria-valuemax="100" style="width: 4%;"> 4% </div> </div> </div> </div> </div> <!-- panel body --> </div> <!-- panel panel-primary --> <!-- NOTE: a closing </div> tag is intentionally missing here, because it is found in the footer template --> <!-- FOOTER (remove class tag to default to a normal footer again) --> <!-- <div class="navbar navbar-fixed-bottom"></div> --> <footer> <div class="footer-logo"> <a href="http://www.dsmz.de"><img src="img/DSMZLogo.svg" height="75px"></a> <p> © 2012-2024 Leibniz Institute DSMZ · <a href="faq.php#qgen0">Privacy</a> · <a href="legalnotice.php">Terms</a></p> <p class="pull-right"><a href="#">Back to top </a></p> </div> </footer> </div> <!-- closing /.container (e.g. "container marketing" from home.tpl) --> <!-- Bootstrap core JavaScript ================================================== --> <!-- Placed at the end of the document so the pages load faster --> <!-- <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script > --> <script src="assets/js/vendor/jquery.min.js"></script> <script src="dist/js/bootstrap.min.js"></script> <!-- Just to make our placeholder images work. Don't actually copy the next line! --> <script src="assets/js/vendor/holder.min.js"></script> <!-- IE10 viewport hack for Surface/desktop Windows 8 bug --> <script src="assets/js/ie10-viewport-bug-workaround.js"></script> <script src="js/enable_supplementary_functions.js"></script> </body> </html>