Charting Libraries

Posted on June 11, 2022June 11, 2022 by coder

Trading View
- Library – 1
HighCharts
Chartjs

Node JS Installation on Fedora

Posted on August 14, 2019August 15, 2019 by coder

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:-

sudo dnf install -y gcc-c++ make
curl -sL https://rpm.nodesource.com/setup_12.x | sudo -E bash -

1 2	sudo dnf install -y gcc-c++ make curl -sL https://rpm.nodesource.com/setup_12.x \| sudo -E bash -

For Stable Release:-

sudo dnf install -y gcc-c++ make
curl -sL https://rpm.nodesource.com/setup_10.x | sudo -E bash -

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.

sudo dnf install nodejs

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

node --version

v12.8.0

node --version

v12.8.0

Also, check the npm version installed on your Fedora system.

npm --version

6.10.2

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

vim http_demo_server.js

1	vim http_demo_server.js

and add the following content

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/');

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.

node --debug http_demo_server.js

debugger listening on port 5858
Server running at http://127.0.0.1:3001/

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

Posted on July 9, 2016July 9, 2016 by coder

Example 1 ( change the style of a title element with CSS)

<a title="hello">a link</a>
CSS

 [title=hello] {
  /*styles */
  }

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

Posted on May 9, 2016May 9, 2016 by coder

Animation

http://jsfiddle.net/twTab/3/

1	http://jsfiddle.net/twTab/3/

<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); 
}

</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);

}

JQuery

Posted on April 24, 2016 by coder

https://api.jquery.com/jquery.post/

Jquery Examples Posting receiving,

$.post( "ajax/test.html", function( data ) {
  $( ".result" ).html( data );
});


$.post( "test.php", { name: "John", time: "2pm" } );

$.post( "ajax/test.html", function( data ) {

$( ".result" ).html( data );

});

$.post( "test.php", { name: "John", time: "2pm" } );

JS Variable , Objects

Posted on April 23, 2016April 23, 2016 by coder

Example ( Set Array)

var cars = ["Saab", "Volvo", "BMW"];
document.getElementById("kutay").innerHTML = cars[0];

1 2	var cars = ["Saab", "Volvo", "BMW"]; document.getElementById("kutay").innerHTML = cars[0];

Example (Random variable)

for(var i = 0; i < 15; i++){
	var ctr = Math.floor(Math.random()*opts.length);
	jqo.append("<div class='slot'>"+opts[ctr]+"</div>");
}

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)

<input type="radio" name="radiobutton" value="A" onClick="changeKutayContent()">

1	<input type="radio" name="radiobutton" value="A" onClick="changeKutayContent()">

Example ( get content of id )

document.getElementById("content").innerHTML = "whatever";

$("field_name").update("New text");

document.getElementById("content").innerHTML = "whatever";

$("field_name").update("New text");

Example ( Foreach value from POST form )

<input name="name_for_the_items[]"/>

foreach($_POST['name_for_the_items'] as $item)
{
  // do something with $item
}

foreach($_POST['name_for_the_items'] as $item)

{

// do something with $item

}

D
D

Page 1 of 2

1 2 »