TD Wiki programming:jscript
https://wiki.visrc.com/
2026-05-07T15:55:18+00:00
TD Wiki
https://wiki.visrc.com/
https://wiki.visrc.com/lib/tpl/monobook/images/favicon.ico
-
text/html
2025-02-20T14:55:56+00:00
Anonymous (anonymous@undisclosed.example.com)
programming:jscript:bower
https://wiki.visrc.com/doku.php?id=programming:jscript:bower&rev=1740059756&do=diff
Bower
Auto update:
npm install -g bower-check-updates
bower-check-updates -u
npm install
bcu -u
bootstrap 4.12.x → 4.13.x
bower.json upgraded
-
text/html
2025-02-20T14:55:56+00:00
Anonymous (anonymous@undisclosed.example.com)
programming:jscript:cytoscape
https://wiki.visrc.com/doku.php?id=programming:jscript:cytoscape&rev=1740059756&do=diff
Cytoscape
* Highlight edges of active nodes: <http://jsbin.com/fabakoyuci/edit?html,css,js,output>
#htnl
<!DOCTYPE html>
<html>
<head>
<meta name="description" content="[An example of getting started with Cytoscape.js]" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<meta charset=utf-8 />
<title>Cytoscape.js initialisation</title>
<script src="http://cytoscape.github.io/cytoscape.js/api/cytoscape.js-latest/cytoscape.min.js"></script>
</head>
<body…
-
text/html
2025-02-20T14:55:56+00:00
Anonymous (anonymous@undisclosed.example.com)
programming:jscript:graph_api_jscript
https://wiki.visrc.com/doku.php?id=programming:jscript:graph_api_jscript&rev=1740059756&do=diff
Jscript Graph API
SO search: <http://stackoverflow.com/questions/6946993/any-good-javascript-graph-library>
* <http://www.graphdracula.net/>
* <http://mbostock.github.com/d3/>
* <http://raphaeljs.com/>
* <https://github.com/cytoscape/cytoscapeweb>
* <http://www.jointjs.com/demos.html>
*
these are good
* <http://js-graph-it.sourceforge.net/>
* <http://www.clips.ua.ac.be/pages/pattern-graph>
* <http://processingjs.org/>
* <http://d3js.org/>
* <http://sigmajs.org/>
* nodebox.…
-
text/html
2025-02-20T14:55:55+00:00
Anonymous (anonymous@undisclosed.example.com)
programming:jscript:html
https://wiki.visrc.com/doku.php?id=programming:jscript:html&rev=1740059755&do=diff
Html tricks
* <https://www.sitepoint.com/responsive-web-design-tips-bootstrap-css/>
dynamic position
* <http://docstore.mik.ua/orelly/webprog/dhtml/ch04_02.htm>
* <http://stackoverflow.com/questions/19048985/angularjs-better-way-to-watch-for-height-change>
Sticky header / footer
* <http://stackoverflow.com/questions/19756997/how-to-create-a-sticky-footer-that-plays-well-with-bootstrap-3>
* <http://galengidman.com/2014/03/25/responsive-flexible-height-sticky-footers-in-css/>
-
text/html
2025-02-20T14:55:55+00:00
Anonymous (anonymous@undisclosed.example.com)
programming:jscript:javascript_for_dummies
https://wiki.visrc.com/doku.php?id=programming:jscript:javascript_for_dummies&rev=1740059755&do=diff
JavaScript for Dummies
Self running function
(function(){
//Bunch of code...
})();
<http://stackoverflow.com/questions/592396/what-is-the-purpose-of-a-self-executing-function-in-javascript>
-
text/html
2025-02-20T14:55:55+00:00
Anonymous (anonymous@undisclosed.example.com)
programming:jscript:javascript_patterns
https://wiki.visrc.com/doku.php?id=programming:jscript:javascript_patterns&rev=1740059755&do=diff
Javascript Patterns
Javascript basic
* Javascript reference: <https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array>
Loop through array
* <http://stackoverflow.com/questions/9329446/for-each-in-an-array-how-to-do-that-in-javascript>
*
-
text/html
2025-02-20T14:55:55+00:00
Anonymous (anonymous@undisclosed.example.com)
programming:jscript:javascript_svg
https://wiki.visrc.com/doku.php?id=programming:jscript:javascript_svg&rev=1740059755&do=diff
SVG manipulation
* <http://tutorials.jenkov.com/svg/scripting.html>
* <http://tumba.solutions/blog/svg>
Scaling svg to fit container
* svg tutorial:
* <https://sarasoueidan.com/blog/svg-coordinate-systems/>
* <https://css-tricks.com/scale-svg/#article-header-id-14>
<span class="number-big">{{statistics.statisticNumHosts}}</span>
160 <div class="icon" style="width:25px; height:18px; display: inline-block;" > -------> container size
161 …
-
text/html
2025-02-20T14:55:55+00:00
Anonymous (anonymous@undisclosed.example.com)
programming:jscript:javascript_visualizer
https://wiki.visrc.com/doku.php?id=programming:jscript:javascript_visualizer&rev=1740059755&do=diff
Visualizer javascript
* <http://enja.org/2012/12/08/plotting-the-sensors-in-my-android-phone-with-d3-js-and-three-js/>
* <https://github.com/enjalot/tributary/blob/master/sandbox/templates/inlet.handlebars#L198>
* <http://www.fullscale.co/blog/2013/03/20/getting_started_with_elasticsearch_and_AngularJS_d3.html>
* <http://www.fullscale.co/dangle/>
* <https://github.com/cmaurer/angularjs-nvd3-directives>
D3 Chart in angular
* <http://plnkr.co/edit/NeLZg9?p=preview>
Angular & Direc…
-
text/html
2025-02-20T14:55:55+00:00
Anonymous (anonymous@undisclosed.example.com)
programming:jscript:nodejs_install
https://wiki.visrc.com/doku.php?id=programming:jscript:nodejs_install&rev=1740059755&do=diff
Linux install
* <https://docs.npmjs.com/getting-started/fixing-npm-permissions>
1. Install nodejs globally in user's folder
Install global npm:
dnf install nodejs
zypper in nodejs10
Make a directory for global installations:
mkdir ~/.npm-global
Configure npm to use the new directory path:
npm config set prefix '~/.npm-global'
cat ~/.npmrc
prefix=~/.npm-global