Skip to content
GitLab
Commit f619ee2e authored by Jerome Mariette's avatar Jerome Mariette
Browse files

No commit message 

No commit message
parent 5392e078
Hide whitespace changes
Inline Side-by-side
example.html
View file @ f619ee2e
<!DOCTYPE html>
<html>
<head>
<title>jQuery Venny</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css" rel="stylesheet" media="screen">
<link href="http://twitter.github.io/bootstrap/assets/css/bootstrap-responsive.css" rel="stylesheet" media="screen">
<link href="http://twitter.github.io/bootstrap/assets/css/docs.css" rel="stylesheet" media="screen">
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="https://netdna.bootstrapcdn.com/twitter-bootstrap/2.0.4/js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/jquery.venny.js"></script>
<script language="Javascript">
<html lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta charset="utf-8">
<title>Jquery.venny</title>
<!-- Le styles -->
<link href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css" rel="stylesheet" media="screen">
<style type="text/css">
body {
padding-top: 60px;
padding-bottom: 40px;
}
</style>
<!-- <link href="http://twitter.github.io/bootstrap/assets/css/docs.css" rel="stylesheet" media="screen"> -->
<link href="http://twitter.github.io/bootstrap/assets/js/google-code-prettify/prettify.css" rel="stylesheet" media="screen">
<link href="http://twitter.github.io/bootstrap/assets/css/bootstrap-responsive.css" rel="stylesheet" media="screen">
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="https://netdna.bootstrapcdn.com/twitter-bootstrap/2.0.4/js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/jquery.venny.js"></script>
<script language="Javascript">
$(document).ready(function () {
function getArrayFromArea(areaID) {
......@@ -101,97 +110,100 @@
// first init of the venny plugin
$("#venny-container").venny({ series: [] });
});
</script>
</head>
<body>
<div class="navbar navbar-inverse navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
<button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="brand" href="#">jQuery Venny</a>
<div class="nav-collapse collapse">
<ul class="nav">
<li><a href="./index.html">Home</a></li>
<li><a href="./documentation.html">Documentation</a></li>
<li class="active"><a href="./example.html">Example</a></li>
<li><a href="https://mulcyber.toulouse.inra.fr/plugins/mediawiki/wiki/venny/index.php/Accueil" target=_blank"">About</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div><!--/.nav-collapse -->
</div>
</div>
</div>
<div class="container">
<div class="row-fluid">
<div class="span12">
<div class="tx-venny-pi1">
<table cellspacing="8" cellpadding="0" border="0">
<tbody>
<tr>
<td id="venny-container" valign="center" height="100%" style="padding: 0px;"></td>
<td valign="bottom">
<p class="bodytext"> Paste up to <strong>five</strong> lists using one row per element, then click the numbers to see the results. <a id="setexample" href="javascript:void(0)"> example </a></p>
</script>
</head>
<body>
<div class="navbar navbar-inverse navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
<button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="brand" href="./index.html">Jquery.venny</a>
<div class="nav-collapse collapse">
<ul class="nav">
<li><a href="./index.html">About</a></li>
<li><a href="./documentation.html">Documentation</a></li>
<li class="active"><a href="./example.html">Examples</a></li>
<li><a target="_blank" href="https://mulcyber.toulouse.inra.fr/plugins/mediawiki/wiki/venny/index.php/Accueil">Sources</a></li>
<li><a href="mailto:support.genopole@toulouse.inra.fr">Contact</a></li>
</ul>
</div><!--/.nav-collapse -->
</div>
</div>
</div>
<div class="container">
<!-- Main hero unit for a primary marketing message or call to action -->
<div class="hero-unit">
<h1>Hello world!</h1>
<p class="bodytext"> Paste up to <strong>five</strong> lists using one row per element, then click
the numbers to see the results. <a id="setexample" href="javascript:void(0)"> example </a></p>
</div>
<div class="row-fluid">
<div class="span12">
<div class="tx-venny-pi1">
<table cellspacing="8" cellpadding="0" border="0">
<tbody>
<tr>
<td id="venny-container" valign="center" height="100%" style="padding: 0px;"></td>
<td valign="bottom">
<dt>
<input id="name1" type="textbox" style="color: #228B22; font-weight: bold;" value="List 1" maxlength="11" size="18" />
<br />
<textarea id="area1" wrap="off" rows="4" style="width: 100%;"></textarea>
</dt>
<dt style="width: 100%; text-align: right;"> <a id="clear_1" href="javascript:void(0)">clear</a> </dt>
<dt>
<input id="name2" type="textbox" style="color: #3366BB; font-weight: bold;" value="List 2" maxlength="11" size="18" />
<br />
<textarea id="area2" wrap="off" rows="4" style="width: 100%;"></textarea>
</dt>
<dt style="width: 100%; text-align: right;"> <a id="clear_2" href="javascript:void(0)">clear</a> </dt>
<dt>
<input id="name3" type="textbox" style="color: #99334E; font-weight: bold;" value="List 3" maxlength="11" size="18" />
<br />
<textarea id="area3" wrap="off" rows="4" style="width: 100%;"></textarea>
</dt>
<dt style="width: 100%; text-align: right;"> <a id="clear_3" href="javascript:void(0)">clear</a> </dt>
<dt>
<input id="name4" type="textbox" style="color: #FFD700; font-weight: bold;" value="List 4" maxlength="11" size="18" />
<br />
<textarea id="area4" wrap="off" rows="4" style="width: 100%;"></textarea>
</dt>
<dt style="width: 100%; text-align: right;"> <a id="clear_4" href="javascript:void(0)">clear</a> </dt>
<dt>
<input id="name5" type="textbox" style="color: #FFA54F; font-weight: bold;" value="List 5" maxlength="11" size="18" />
<br />
<dt>
<input id="name1" type="textbox" style="color: #228B22; font-weight: bold;" value="List 1" maxlength="11" size="18" />
<br />
<textarea id="area1" wrap="off" rows="4" style="width: 100%;"></textarea>
</dt>
<dt style="width: 100%; text-align: right;"> <a id="clear_1" href="javascript:void(0)">clear</a> </dt>
<dt>
<input id="name2" type="textbox" style="color: #3366BB; font-weight: bold;" value="List 2" maxlength="11" size="18" />
<br />
<textarea id="area2" wrap="off" rows="4" style="width: 100%;"></textarea>
</dt>
<dt style="width: 100%; text-align: right;"> <a id="clear_2" href="javascript:void(0)">clear</a> </dt>
<dt>
<input id="name3" type="textbox" style="color: #99334E; font-weight: bold;" value="List 3" maxlength="11" size="18" />
<br />
<textarea id="area3" wrap="off" rows="4" style="width: 100%;"></textarea>
</dt>
<dt style="width: 100%; text-align: right;"> <a id="clear_3" href="javascript:void(0)">clear</a> </dt>
<dt>
<input id="name4" type="textbox" style="color: #FFD700; font-weight: bold;" value="List 4" maxlength="11" size="18" />
<br />
<textarea id="area4" wrap="off" rows="4" style="width: 100%;"></textarea>
</dt>
<dt style="width: 100%; text-align: right;"> <a id="clear_4" href="javascript:void(0)">clear</a> </dt>
<dt>
<input id="name5" type="textbox" style="color: #FFA54F; font-weight: bold;" value="List 5" maxlength="11" size="18" />
<br />
<textarea id="area5" wrap="off" rows="4" style="width: 100%;"></textarea>
</dt>
<dt style="width: 100%; text-align: right;"> <a id="clear_5" href="javascript:void(0)">clear</a> </dt>
</td>
</tr>
<tr>
<td valign="bottom" colspan="2">
<p> Click on a number to show the corresponding elements: </p>
<textarea id="names" wrap="off" style="width: 100%;" rows="8"></textarea>
</td>
</tr>
</tbody>
</table>
</div>
<textarea id="area5" wrap="off" rows="4" style="width: 100%;"></textarea>
</dt>
<dt style="width: 100%; text-align: right;"> <a id="clear_5" href="javascript:void(0)">clear</a> </dt>
</td>
</tr>
<tr>
<td valign="bottom" colspan="2">
<p> Click on a number to show the corresponding elements: </p>
<textarea id="names" wrap="off" style="width: 100%;" rows="8"></textarea>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<footer class="footer" style="background-color:#e5e5e5;">
<div class="container">
<p>Copyright &copy; 2013, INRA | Designed by GenoToul Bioinfo and Sigenae teams.</p>
<p>Code licensed under ....</p>
<ul class="footer-links" style="list-style-type: none;">
<li><a href="http://bioinfo.genotoul.fr/" target="_blank">GenoToul Bioinfo platform</a></li>
<li class="muted">&middot;</li>
<li><a href="http://www.sigenae.org/" target="_blank">Sigenae platform</a></li>
<li class="muted">&middot;</li>
<li><a href="http://www.international.inra.fr/" target="_blank">INRA</a></li>
</ul>
</div>
</footer>
</div> <!-- /container -->
</body>
</div>
<hr>
<footer>
<p>Copyright &copy; 2013, INRA | Designed by <a href="http://bioinfo.genotoul.fr/" target="_blank">GenoToul Bioinfo</a> team.</p>
</footer>
</div>
<script>
!function ($) {
$(function(){
window.prettyPrint && prettyPrint()
})
}(window.jQuery)
</script>
</body>
</html>
\ No newline at end of file
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment