Commit 23d74719 authored by Jerome Mariette's avatar Jerome Mariette
Browse files

venny > jvenn

parent e103e94f
<?xml version="1.0" encoding="UTF-8"?>
<projectDescription>
<name>venny</name>
<name>jvenn</name>
<comment></comment>
<projects>
</projects>
......
......@@ -4,7 +4,7 @@
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta charset="utf-8">
<title>Jquery.venny</title>
<title>jvenn</title>
<!-- Les styles -->
<link href="css/bootstrap.css" rel="stylesheet" media="screen">
<link href="css/docs.css" rel="stylesheet" media="screen">
......@@ -23,7 +23,7 @@
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="brand" href="./index.html">Jquery.venny</a>
<a class="brand" href="./index.html">jvenn</a>
<div class="nav-collapse collapse">
<ul class="nav">
<li><a href="./index.html">About</a></li>
......@@ -55,15 +55,15 @@
<div class="page-header">
<h1>Plugin insertion</h1>
</div>
<p>In order to use jquery.venny, you need to import within your web page: </p>
<p>In order to use jvenn, you need to import within your web page: </p>
<ul>
<li><a href="http://jquery.com/">jQuery v1.6.x or higher</a></li>
<li><a href="src/jquery.venny.min.js">jquery.venny.min.js</a></li>
<li><a href="src/jvenn.min.js">jvenn.min.js</a></li>
</ul>
<p>Take a peek at the code below, a single function call to initialise the venn diagram is all it takes:</p>
<pre class="prettyprint linenums">
$(document).ready(function(){
$('#example').venny({
$('#example').jvenn({
series: [{
name: 'Actors',
data: ["Marilyn Monroe", "Arnold Schwarzenegger", "Jack Nicholson", "Barbra Streisand", "Robert de Niro", "Dean Martin", "Harrison Ford"]
......@@ -83,7 +83,7 @@ $(document).ready(function(){
<p>The serie can be a list of value, the plugin will then compute itself the intersections between lists.</p>
<pre class="prettyprint linenums">
$(document).ready(function(){
$('#example').venny({
$('#example').jvenn({
series: [{
name: 'Actors',
data: ["Marilyn Monroe", "Arnold Schwarzenegger", "Jack Nicholson", "Barbra Streisand", "Robert de Niro", "Dean Martin", "Harrison Ford"]
......@@ -97,7 +97,7 @@ $(document).ready(function(){
<p> The serie can also define the number of occurence for each intersections.</p>
<pre class="prettyprint linenums">
$(document).ready(function(){
$('#example').venny({
$('#example').jvenn({
series: [{
name: {A: 'List 1',
B: 'List 2',
......@@ -114,7 +114,7 @@ $(document).ready(function(){
<p>Finaly, the serie can define the list values with the number of occurence for each value.</p>
<pre class="prettyprint">
$(document).ready(function(){
$('#example').venny({
$('#example').jvenn({
series: [{
name: 'sample1',
data: ["Otu1", "Otu2", "Otu3", "Otu4", "Otu5"],
......@@ -137,7 +137,7 @@ $(document).ready(function(){
just set this option to 'edwards'. Available values for this parameters are: 'classic', 'edwards'.</p>
<pre class="prettyprint linenums">
$(document).ready(function(){
$('#example').venny({
$('#example').jvenn({
displayType: 'edwards'
});
});
......@@ -151,7 +151,7 @@ $(document).ready(function(){
<p>The callback function to execute when the user click on a number. </p>
<pre class="prettyprint linenums">
$(document).ready(function(){
$('#example').venny({
$('#example').jvenn({
series: [{
name: {A: 'List 1',
B: 'List 2',
......@@ -190,7 +190,7 @@ $(document).ready(function(){
<p>Default is false, if set to true, the click on the number si disabled.</p>
<pre class="prettyprint linenums">
$(document).ready(function(){
$('#example').venny({
$('#example').jvenn({
series: [{
name: 'Actors',
data: ["Marilyn Monroe", "Arnold Schwarzenegger", "Jack Nicholson", "Barbra Streisand", "Robert de Niro", "Dean Martin", "Harrison Ford"]
......@@ -211,7 +211,7 @@ $(document).ready(function(){
<p>Default is false, if set to true, the values provided in a mixte serie will be considered as the number of occurence of the element.</p>
<pre class="prettyprint linenums">
$(document).ready(function(){
$('#example').venny({
$('#example').jvenn({
series: [{
name: 'sample1',
data: ["Otu1", "Otu2", "Otu3", "Otu4", "Otu5", "Otu6", "Otu7"],
......@@ -230,7 +230,7 @@ $(document).ready(function(){
<p>Default is true, an export module is added to the window, if set to false the export module is disabled.</p>
<pre class="prettyprint linenums">
$(document).ready(function(){
$('#example').venny({
$('#example').jvenn({
series: [{
name: 'sample1',
data: ["Otu1", "Otu2", "Otu3", "Otu4", "Otu5", "Otu6", "Otu7"],
......
......@@ -3,7 +3,7 @@
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta charset="utf-8">
<title>Jquery.venny</title>
<title>jvenn</title>
<!-- Le styles -->
<link href="css/bootstrap.css" rel="stylesheet" media="screen">
<style type="text/css">
......@@ -16,7 +16,7 @@
<link href="css/bootstrap-responsive.css" rel="stylesheet" media="screen">
<script type="text/javascript" src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="src/jquery.venny.js"></script>
<script type="text/javascript" src="src/jvenn.js"></script>
<script language="Javascript">
$(document).ready(function () {
......@@ -29,7 +29,7 @@
return (table);
}
function updateVenny() {
function updateJvenn() {
var seriesTable = new Array();
if ($("#area1").val() != "") {
seriesTable.push({
......@@ -68,7 +68,7 @@
});
}
$("#venny-container").venny({
$("#jvenn-container").jvenn({
series: seriesTable,
displayMode: $("#venn-type").val(),
fnClickCallback: function() {
......@@ -99,23 +99,23 @@
var index = $(this).attr("id").split("_")[1];
$("#area" + index).val("");
$("#name" + index).val("List " + index);
updateVenny();
updateJvenn();
});
// update the view when any fields change
$("[id^=name]").change(function() {
updateVenny();
updateJvenn();
});
$("[id^=area]").change(function() {
updateVenny();
updateJvenn();
});
$("#venn-type").change(function() {
updateVenny();
updateJvenn();
});
// first init of the venny plugin
updateVenny();
// first init of the jvenn plugin
updateJvenn();
});
</script>
<style type="text/css">
......@@ -207,7 +207,7 @@
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="brand" href="./index.html">Jquery.venny</a>
<a class="brand" href="./index.html">jvenn</a>
<div class="nav-collapse collapse">
<ul class="nav">
<li><a href="./index.html">About</a></li>
......@@ -232,7 +232,7 @@
<div class="row-fluid">
<div class="span7">
<div class="row-fluid">
<div id="venny-container"></div>
<div id="jvenn-container"></div>
</div>
<div class="row-fluid">
<div class="span12">
......
......@@ -3,7 +3,7 @@
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta charset="utf-8">
<title>Jquery.venny</title>
<title>jvenn</title>
<!-- Le styles -->
<link href="css/bootstrap.css" rel="stylesheet" media="screen">
<style type="text/css">
......@@ -23,7 +23,7 @@
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="brand" href="./index.html">Jquery.venny</a>
<a class="brand" href="./index.html">jvenn</a>
<div class="nav-collapse collapse">
<ul class="nav">
<li class="active"><a href="./index.html">About</a></li>
......@@ -40,8 +40,8 @@
<div class="container">
<!-- Main hero unit for a primary marketing message or call to action -->
<div class="hero-unit">
<h1>Jquery.venny!</h1>
<p><b>Jquery.venny</b> is a plug-in for the <a href="http://www.jquery.com/" target="_blank">jQuery</a> Javascript
<h1>jvenn!</h1>
<p><b>jvenn</b> is a plug-in for the <a href="http://www.jquery.com/" target="_blank">jQuery</a> Javascript
library. It is a flexible tool, based upon the venny tool first developed by J.C Oliveros (Oliveros, J.C (2007)
<a href="http://bioinfogp.cnb.csic.es/tools/venny/index.html" target="_blank">VENNY</a>, An integrative tool for
comparing lists with Venn Diagrams). Key features:</p>
......@@ -60,12 +60,12 @@
<div class="row">
<div class="span6">
<h2>Documentation</h2>
<p>Having problems implementing jQuery Venny? Check out our documentation on how to use the script.</p>
<p>Having problems using jvenn? Check out our documentation on how to use the script.</p>
<p><a class="btn" href="./documentation.html">Read documentation &raquo;</a></p>
</div>
<div class="span6">
<h2>Examples</h2>
<p>Check out the different examples and tests available for jQuery Venny.</p>
<p>Check out the different examples and tests available for jvenn.</p>
<p><a class="btn" href="./example.html">View examples &raquo;</a></p>
</div>
</div>
......
Markdown is supported
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