Commit bc0b0dc9 authored by cdjemiel cdjemiel's avatar cdjemiel cdjemiel
Browse files

change example table to span, affix problem solved

parent b07b4666
......@@ -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>
......
......@@ -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>
......
......@@ -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 &raquo;</a></p>
</div>
<div class="span6">
......
......@@ -535,9 +535,9 @@
this.each(function() {
var $t = $(this);
$t.css({"width": "700px", "height": "430px"});
$t.css({"width": "680px", "height": "450px"});
$('<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: 440px;">';
var div_content = '<div id="frame" style="position: relative; left: 0pt; top: 5pt; width: 550px; height: 445px;">';
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>';
......
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