Skip to content
GitLab
Projects
Groups
Snippets
/
Help
Help
Support
Community forum
Keyboard shortcuts
?
Submit feedback
Contribute to GitLab
Sign in
Toggle navigation
Menu
Open sidebar
genotoul-bioinfo
jvenn
Commits
bc0b0dc9
Commit
bc0b0dc9
authored
Jun 03, 2013
by
cdjemiel cdjemiel
Browse files
change example table to span, affix problem solved
parent
b07b4666
Changes
4
Hide whitespace changes
Inline
Side-by-side
documentation.html
View file @
bc0b0dc9
...
...
@@ -116,8 +116,8 @@
</div>
<div
class=
"container"
>
<div
class=
"row"
>
<
div
data-spy=
"affix"
data-offset-top=
"200"
class=
"span3 bs-docs-sidebar
"
>
<ul
class=
"nav nav-list bs-docs-sidenav
affix-top
"
>
<
aside
class=
"sidebar span3
"
>
<ul
class=
"nav nav-list bs-docs-sidenav
"
data-spy=
"affix"
data-offset-top=
"150
"
>
<li
class=
"active"
><a
href=
"#plugin-insertion"
>
plugin insertion
</a></li>
<li><a
href=
"#series"
>
series
</a></li>
<li><a
href=
"#fnClickCallback"
>
fnClickCallback
</a></li>
...
...
@@ -125,10 +125,9 @@
<li><a
href=
"#useValues"
>
useValues
</a></li>
<li><a
href=
"#exporting"
>
exporting
</a></li>
</ul>
</
div
>
</
aside
>
<div
class=
"span9"
>
<section
id=
"plugin-insertion"
>
<div
class=
"page-header"
>
<h1>
Plugin insertion
</h1>
...
...
example.html
View file @
bc0b0dc9
...
...
@@ -19,7 +19,7 @@
<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
()
{
$
(
document
).
ready
(
function
()
{
function
getArrayFromArea
(
areaID
)
{
var
lines
=
$
(
"
#
"
+
areaID
).
val
().
split
(
"
\n
"
);
...
...
@@ -109,8 +109,52 @@
// first init of the venny plugin
$
(
"
#venny-container
"
).
venny
({
series
:
[]
});
});
</script>
<style
type=
"text/css"
>
.control-group.orange
.control-label
,
.control-group.orange
.help-block
,
.control-group.orange
.help-inline
{
color
:
#ffa54f
;
}
/* #FFA54F
*/
.control-group.orange
.checkbox
,
.control-group.orange
.radio
,
.control-group.orange
input
,
.control-group.orange
select
,
.control-group.orange
textarea
{
color
:
#ffa54f
;
}
.control-group.orange
input
,
.control-group.orange
select
,
.control-group.orange
textarea
{
border-color
:
#ffa54f
;
-webkit-box-shadow
:
inset
0
1px
1px
rgba
(
0
,
0
,
0
,
0.075
);
-moz-box-shadow
:
inset
0
1px
1px
rgba
(
0
,
0
,
0
,
0.075
);
box-shadow
:
inset
0
1px
1px
rgba
(
0
,
0
,
0
,
0.075
);
}
.control-group.orange
input
:focus
,
.control-group.orange
select
:focus
,
.control-group.orange
textarea
:focus
{
border-color
:
#b15700
;
-webkit-box-shadow
:
inset
0
1px
1px
rgba
(
0
,
0
,
0
,
0.075
),
0
0
6px
#ffa54f
;
-moz-box-shadow
:
inset
0
1px
1px
rgba
(
0
,
0
,
0
,
0.075
),
0
0
6px
#ffa54f
;
box-shadow
:
inset
0
1px
1px
rgba
(
0
,
0
,
0
,
0.075
),
0
0
6px
#ffa54f
;
}
.control-group.orange
.input-prepend
.add-on
,
.control-group.orange
.input-append
.add-on
{
color
:
#ffa54f
;
background-color
:
#ffe1c5
;
border-color
:
#ffa54f
;
}
</style>
</head>
<body>
<div
class=
"navbar navbar-inverse navbar-fixed-top"
>
...
...
@@ -140,37 +184,79 @@
<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"
>
<div
class=
"span4"
id=
"venny-container"
></div>
<div
class=
"span3"
>
<div
class=
"row"
>
<div
class=
"span3"
>
<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>
</div>
<div
class=
"span3"
>
<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>
</div>
<div
class=
"span3"
>
<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>
</div>
<div
class=
"span3"
>
<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>
</div>
<div
class=
"span3"
>
<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>
</div>
<div
class=
"row-fluid"
>
<div
class=
"span12"
>
<div
class=
"row-fluid"
>
<div
class=
"span7"
>
<div
class=
"row-fluid"
>
<div
id=
"venny-container"
></div>
</div>
<div
class=
"row-fluid"
>
<div
class=
"span12"
>
<p>
Click on a number to show the corresponding elements:
</p>
<textarea
id=
"names"
style=
"width: 100%;"
wrap=
"off"
rows=
"8"
></textarea>
</div>
</div>
</div>
<div
class=
"span5"
>
<div
class=
"row-fluid"
>
<div
class=
"span12"
>
<div
class=
"control-group success"
>
<input
class=
"span6"
id=
"name1"
type=
"text"
style=
"font-weight: bold;"
value=
"List 1"
maxlength=
"11"
size=
"18"
/>
<div
class=
"controls controls-row"
>
<textarea
class=
"span6"
id=
"area1"
wrap=
"off"
rows=
"4"
></textarea>
<a
class=
"btn btn-link"
id=
"clear_1"
href=
"javascript:void(0)"
>
clear
</a>
</div>
</div>
</div>
</div>
<div
class=
"row-fluid"
>
<div
class=
"span12"
>
<div
class=
"control-group info"
>
<input
class=
"span6"
id=
"name2"
type=
"text"
style=
"font-weight: bold;"
value=
"List 2"
maxlength=
"11"
size=
"18"
/>
<div
class=
"controls controls-row"
>
<textarea
class=
"span6"
id=
"area2"
wrap=
"off"
rows=
"4"
></textarea>
<a
class=
"btn btn-link"
id=
"clear_2"
href=
"javascript:void(0)"
>
clear
</a>
</div>
</div>
</div>
</div>
<div
class=
"row-fluid"
>
<div
class=
"span12"
>
<div
class=
"control-group error"
>
<input
class=
"span6"
id=
"name3"
type=
"text"
style=
"font-weight: bold;"
value=
"List 3"
maxlength=
"11"
size=
"18"
/>
<div
class=
"controls controls-row"
>
<textarea
class=
"span6"
id=
"area3"
wrap=
"off"
rows=
"4"
></textarea>
<a
class=
"btn btn-link"
id=
"clear_3"
href=
"javascript:void(0)"
>
clear
</a>
</div>
</div>
</div>
</div>
<div
class=
"row-fluid"
>
<div
class=
"span12"
>
<div
class=
"control-group warning"
>
<input
class=
"span6"
id=
"name4"
type=
"text"
style=
"font-weight: bold;"
value=
"List 4"
maxlength=
"11"
size=
"18"
/>
<div
class=
"controls controls-row"
>
<textarea
class=
"span6"
id=
"area4"
wrap=
"off"
rows=
"4"
></textarea>
<a
class=
"btn btn-link"
id=
"clear_4"
href=
"javascript:void(0)"
>
clear
</a>
</div>
</div>
</div>
</div>
<div
class=
"row-fluid"
>
<div
class=
"span12"
>
<div
class=
"control-group orange"
>
<input
class=
"span6"
id=
"name5"
type=
"text"
style=
"font-weight: bold;"
value=
"List 5"
maxlength=
"11"
size=
"18"
/>
<div
class=
"controls controls-row"
>
<textarea
class=
"span6"
id=
"area5"
wrap=
"off"
rows=
"4"
></textarea>
<a
class=
"btn btn-link"
id=
"clear_5"
href=
"javascript:void(0)"
>
clear
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<hr>
...
...
index.html
View file @
bc0b0dc9
...
...
@@ -59,7 +59,7 @@
<div
class=
"row"
>
<div
class=
"span6"
>
<h2>
Documentation
</h2>
<p>
Having problems implementing
html2canvas
? Check out our documentation on how to use the script.
</p>
<p>
Having problems implementing
jQuery Venny
? Check out our documentation on how to use the script.
</p>
<p><a
class=
"btn"
href=
"./documentation.html"
>
Read documentation
»
</a></p>
</div>
<div
class=
"span6"
>
...
...
js/jquery.venny.js
View file @
bc0b0dc9
...
...
@@ -535,9 +535,9 @@
this
.
each
(
function
()
{
var
$t
=
$
(
this
);
$t
.
css
({
"
width
"
:
"
70
0px
"
,
"
height
"
:
"
4
3
0px
"
});
$t
.
css
({
"
width
"
:
"
68
0px
"
,
"
height
"
:
"
4
5
0px
"
});
$
(
'
<style>.number-black{font-weight:bold;color:#000000;cursor:default;text-decoration:none;font-size:12px;}.small-number{font-weight:bold;color:#FFFFFF;cursor:default;text-decoration:none;font-size:12px;}.number-over{font-weight:bold;color:#0000FF;text-decoration:underline;}.number-empty{font-weight:normal;font-size:12px;}</style>
'
).
appendTo
(
'
body
'
);
var
div_content
=
'
<div id="frame" style="position: relative; left: 0pt; top: 5pt; width: 550px; height: 44
0
px;">
'
;
var
div_content
=
'
<div id="frame" style="position: relative; left: 0pt; top: 5pt; width: 550px; height: 44
5
px;">
'
;
div_content
+=
'
<canvas id="canvasEllipse" width="500" height="415"></canvas>
'
;
div_content
+=
'
<div class="number-black" style="position: absolute; left: -1000px; top: -2200px;" id="resultC10000"></div>
'
;
div_content
+=
'
<div class="number-black" style="position: absolute; left: -1000px; top: -2200px;" id="resultC01000"></div>
'
;
...
...
Write
Preview
Supports
Markdown
0%
Try again
or
attach a new file
.
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment