- Trading View
- HighCharts
- Chartjs
Java Script & CSS
java script sap ui development. jquery, angular,
CSS
Node JS Installation on Fedora
Step 1 – Setup Dnf Repository
First of all, You need to enable node.js yum repository in your system provided by the Node.js official website. You also need development tools to build native add-ons to be installed on your system.
For Latest Release:-
1 2 |
sudo dnf install -y gcc-c++ make curl -sL https://rpm.nodesource.com/setup_12.x | sudo -E bash - |
For Stable Release:-
1 2 |
sudo dnf install -y gcc-c++ make curl -sL https://rpm.nodesource.com/setup_10.x | sudo -E bash - |
Step 2 – Install Node.js on Fedora
After adding yum repository in your system lets install Node.js package. NPM will also be installed with node.js. This command will also install many other dependent packages on your system.
1 |
sudo dnf install nodejs |
Step 3 – Check Node.js and NPM Version
After installing node.js verify and check the installed version. You can find more details about current version on node.js
1 2 3 |
node --version v12.8.0 |
Also, check the npm version installed on your Fedora system.
1 2 3 |
npm --version 6.10.2 |
Step 4 – Run Demo HTTP Server (Optional)
This is an optional step. If you want to test your node.js install. Let’s create a web server with “Welcome Node.js” text. Create a file demo_server.js
1 |
vim http_demo_server.js |
and add the following content
1 2 3 4 5 6 |
var http = require('http'); http.createServer(function (req, res) { res.writeHead(200, {'Content-Type': 'text/plain'}); res.end(' WELCOM - - -- kutayzorlu.com '); }).listen(3001, "127.0.0.1"); console.log('Server running at http://127.0.0.1:3001/'); |
Now start the web server using the command.
1 2 3 4 |
node --debug http_demo_server.js debugger listening on port 5858 Server running at http://127.0.0.1:3001/ |
Best Css code samples with applied examples
Example 1 ( change the style of a title element with CSS)
1 2 3 4 5 6 |
<a title="hello">a link</a> CSS [title=hello] { /*styles */ } |
Example 2 ( )
Example 3 ( )
Example 4 ( )
Example 5 ( )
Example 6 ( )
Example 7 ( )
Example 8 ( )
Example 4 ( change the style of a title element with CSS)
Example 5 ( change the style of a title element with CSS)
Example 6 ( change the style of a title element with CSS)
Example 7 ( change the style of a title element with CSS)
Example 8 ( change the style of a title element with CSS)
JS Animation of images
Animation
1 |
http://jsfiddle.net/twTab/3/ |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 |
<div id="animation"> <img src="http://jumpingfishes.com/dancingpurpleunicorns/charging01.png" /> <img src="http://jumpingfishes.com/dancingpurpleunicorns/charging02.png" /> <img src="http://jumpingfishes.com/dancingpurpleunicorns/charging03.png" /> <img src="http://jumpingfishes.com/dancingpurpleunicorns/charging04.png" /> <img src="http://jumpingfishes.com/dancingpurpleunicorns/charging05.png" /> <img src="http://jumpingfishes.com/dancingpurpleunicorns/charging06.png" /> <img src="http://jumpingfishes.com/dancingpurpleunicorns/charging07.png" /> <img src="http://jumpingfishes.com/dancingpurpleunicorns/charging08.png" /> <img src="http://jumpingfishes.com/dancingpurpleunicorns/charging09.png" /> <img src="http://jumpingfishes.com/dancingpurpleunicorns/charging10.png" /> <img src="http://jumpingfishes.com/dancingpurpleunicorns/charging11.png" /> <img src="http://jumpingfishes.com/dancingpurpleunicorns/charging12.png" /> <img src="http://jumpingfishes.com/dancingpurpleunicorns/charging13.png" /> <img src="http://jumpingfishes.com/dancingpurpleunicorns/charging14.png" /> <img src="http://jumpingfishes.com/dancingpurpleunicorns/charging15.png" /> </div> onload = function startAnimation() { var frames = document.getElementById("animation").children; var frameCount = frames.length; var i = 0; setInterval(function () { frames[i % frameCount].style.display = "none"; frames[++i % frameCount].style.display = "block"; }, 30); } |
Popup with Css & js
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 |
<div id="blanket" style="display:none"></div> <div id="popUpDiv" style="display:none"> <a href="#" onclick="popup('popUpDiv')" >Click to Close CSS Pop Up</a> </div> <a href="#" onclick="popup('popUpDiv')">Click to Open CSS Pop Up</a> #################################################### <body onload="popup('popUpDiv')"> #################################################### #blanket { background-color:#111; opacity: 0.65; *background:none; position:absolute; z-index: 9001; top:0px; left:0px; width:100%; } #popUpDiv { position:absolute; background:url(pop-back.jpg) no-repeat; width:400px; height:400px; border:5px solid #000; z-index: 9002; } |
JQuery
https://api.jquery.com/jquery.post/
Jquery Examples Posting receiving,
1 2 3 4 5 6 |
$.post( "ajax/test.html", function( data ) { $( ".result" ).html( data ); }); $.post( "test.php", { name: "John", time: "2pm" } ); |
JS Variable , Objects
Example ( Set Array)
1 2 |
var cars = ["Saab", "Volvo", "BMW"]; document.getElementById("kutay").innerHTML = cars[0]; |
Example (Random variable)
1 2 3 4 |
for(var i = 0; i < 15; i++){ var ctr = Math.floor(Math.random()*opts.length); jqo.append("<div class='slot'>"+opts[ctr]+"</div>"); } |
Example ( On click change event)
1 |
<input type="radio" name="radiobutton" value="A" onClick="changeKutayContent()"> |
Example ( get content of id )
1 2 3 |
document.getElementById("content").innerHTML = "whatever"; $("field_name").update("New text"); |
Example ( Foreach value from POST form )
1 2 3 4 5 6 |
<input name="name_for_the_items[]"/> foreach($_POST['name_for_the_items'] as $item) { // do something with $item } |
D
D