Create Simple Notepad using javascript

     In the following code is used to create a simple notepad, used to enter the text and apply bold,italic and underline style.

Example Program:- (Editor)

Editor is Loading...

Output:-

Advertisement

Read More

Move up and down listbox item using javascript

     In the following example,we can easy to move the list box item up and down using javascript code.

Example

    function listboxMove(listID, direction) {

      var listbox = document.getElementById(listID);

      var selIndex = listbox.selectedIndex;

      if (-1 == selIndex) {

        alert("Please select an option to move.");

        return;

      }

      var increment = -1;

      if (direction == 'up')

        increment = -1;

      else

        increment = 1;

      if ((selIndex + increment) < 0 ||

        (selIndex + increment) > (listbox.options.length - 1)) {

        return;

      }

      var selValue = listbox.options[selIndex].value;

      var selText = listbox.options[selIndex].text;

      listbox.options[selIndex].value = listbox.options[selIndex + increment].value

      listbox.options[selIndex].text = listbox.options[selIndex + increment].text

      listbox.options[selIndex + increment].value = selValue;

      listbox.options[selIndex + increment].text = selText;

      listbox.selectedIndex = selIndex + increment;

    }

Example Program:- (Editor)

Editor is Loading...

Output:-

Advertisement

Read More

Select all values from list box in a single click using javascript

     The following example code will help you to select all or deselect all the items from list box using javascript code.

    function listboxSelectDeselect(listID, isSelect) {

      var listbox = document.getElementById(listID);

      for (var count = 0; count < listbox.options.length; count++) {

        listbox.options[count].selected = isSelect;

      }

    }

Example Program:- (Editor)

Editor is Loading...

Output:-

Advertisement

Read More

Warn the user if leave the current page using javascript

     In some situation user have chance to wrongly press back, close or reload button in browser, if we want to show any waning message we can use the onbeforeunload event.

Example

    window.onbeforeunload = function() { 

        return "Are you sure to go back?"; 

    };

Example Program:- (Editor)

Editor is Loading...

Output:-

Advertisement

Read More

physicsjs - Increase the restitution value for circle and retangle

In this example we are increase the edge-collision-detection restitution value.

    Physics(function(world) {



      // bounds of the window

      var renderer = Physics.renderer(

         'canvas', {

            el: 'viewport', // id of the canvas element

            width:500,

            height:500

         });

      world.add(renderer);



      var square = Physics.body(

         'rectangle', {

            x: 250,

            y: 250,

            vx: 0.10,

            width: 50,

            height: 50

         });

      world.add(square);

      world.render();     

     

      var circle = Physics.body(

         'circle', {

            x: 250,

            y: 250,

            vx: 0.10,

            radius:20

            //width: 50,

            //height: 50

         });

      world.add(circle);

      world.render();





     Physics.util.ticker.on(function(time, dt ){

        world.step(time);

     });

   

      world.on('step', function(event){

         world.render();

      });

     

    //Let�s add some constant acceleration downwards (gravity) 

    world.add( Physics.behavior('constant-acceleration') );

   

    var bounds = Physics.aabb(0, 0, 500, 500);

    world.add(Physics.behavior('edge-collision-detection', {

        aabb: bounds,

        restitution: 0.9

    }));

   

    // ensure objects bounce when edge collision is detected

    world.add(Physics.behavior('body-impulse-response') );





 });

Example Program:- (Editor)

Editor is Loading...

Output:-

Advertisement

Read More

physicsjs circle coefficient for re-bouncing

     In this example each and every objects are interacting with other objects, this edge detection is automatically calculating.

Example Program:- (Editor)

Editor is Loading...

Output:-

Advertisement

Read More

physicsjs Collide with each other - animation

     In this example each and every objects are interacting with other objects, this edge detection is automatically calculating.

Example Program:- (Editor)

Editor is Loading...

Output:-

Advertisement

Read More