Wednesday, November 2, 2016

How to Fix Dashed Border Not Showing Problem In Firefox?

The following code to generate dotted border will not work in Firefox browser.
  <table border="0" cellpadding="0" cellspacing="0">
  <tr>
   <td width="35"style="width:35px;"> </td>

   <td width="530" align="center" style="width:530px;border-bottom: 1px dotted #7f7f7f"> </td>

    <td width="35" style="width:35px;"> </td>
   </tr>
</table>
To make it work on firefox, you can simply add the following piece of css code.
<style type="text/css">
 table {border-collapse: separate; border-spacing: 0;}
</style>
It will work now.

Monday, September 19, 2016

Tools using for my current project

Tools I am using for my current project
•  React - https://facebook.github.io/react/: A Javascript library for building user interfaces
•  Cerebral - http://www.cerebraljs.com/ : A state controller with its own debugger
•  GraphQL - http://graphql.org/ : A query language for your API
•  TypeScript - https://www.typescriptlang.org/: JavaScript that scales.
•  EventStore - https://geteventstore.com/: open-source, functional database with Complex Event Processing in JavaScript
•  ECMAScript 2016 (ES2016): New version of Javascript
•  Webpack - https://webpack.github.io/: Module bundler
•  node.js - https://nodejs.org/ : JavaScript runtime built on Chrome's V8 JavaScript engine.

Tools using for my current project

Tools using for my current project
•  React - https://facebook.github.io/react/: A Javascript library for building user interfaces
•  Cerebral - http://www.cerebraljs.com/ : A state controller with its own debugger
•  GraphQL - http://graphql.org/ : A query language for your API
•  TypeScript - https://www.typescriptlang.org/: JavaScript that scales.
•  EventStore - https://geteventstore.com/: open-source, functional database with Complex Event Processing in JavaScript
•  ECMAScript 2016 (ES2016): New version of Javascript
•  Webpack - https://webpack.github.io/: Module bundler
•  node.js - https://nodejs.org/ : JavaScript runtime built on Chrome's V8 JavaScript engine.

Javascript Array Methods: Unshift(), Shift(), Push(), And Pop()

push() and pop() methods - work at the end of the array, where the index is largest.
unshift() and shift() - work on the beginning of the array, where the index is smallest.

Note: Unshift() and shift() are basically the same as push() and pop(), only, at the other end of the array.

Javascript Array: Push() Method
The push() method can append one or more elements to the end of an array. This alters the array on which the method was called.
// Build an array of test data.
var data = [ "X" ];

// Push data onto the array.
data.push( "A" );

/* Note that it can take more than one argument, each of which is individually appended to the array.
 In the output, notice that when push() takes multiple arguments  they are appended in a left-to-right order (mimicking their
appearance in the arguments list). */
data.push( "B", "C" );

// Output resultant array.
console.log( data );
When we run the above code, we get the following console output:
["X", "A", "B", "C"]
Javascript Array: Pop() Method
The pop() method pulls the last element off of the given array and returns it. This alters the array on which the method was called. If you call pop() on an empty array, it returns an undefined value.
// Build an array of test data.
var data = [ "A", "B", "C" ];

// Pop the element off of the end of the array.
console.log( data.pop() );
console.log( data );
When we run the above code, we get the following console output:
C
["A", "B"]
Javascript Array: Unshift() Method
The unshift() method is like the push() method, only it works at the beginning of the array. The unshift() method can prepend one or more elements to the beginning of an array. This alters the array on which the method was called.
// Build an array of test data.
var data = [ "X" ];

// Unshift data onto the array. 
data.unshift( "A" );

/* Note that it can take more than one argument. In the output, notice that when unshift() takes multiple arguments, they are prepended in a right-to-left order (mimicking their appearance in the arguments list). */
data.unshift( "B", "C" );

// Output resultant array.
console.log( data );
When we run the above code, we get the following console output:
["B", "C", "A", "X"]
Javascript Array: Shift() Method
The shift() method is like the pop() method, only it works at the beginning of the array. The shift() method pulls the first element off of the given array and returns it. This alters the array on which the method was called. If you call shift() on an empty array, it returns an undefined value.
// Build an array of test data.
var data = [ "A", "B", "C" ];

// Shift the element off of the beginning of the array.
console.log( data.shift() );
console.log( data );
When we run the above code, we get the following console output:
A
["B", "C"]

It used to be difficult for me to always keep it straight in my head which end of the array push() and pop() operated on (especially when reading unfamiliar code). But, now that I realize that unshift() and shift() are the same as push() and pop() only at the opposite end of the array, it certainly helps keep a certain mental order. I hope that this helps others at it has helped me.

Source: http://www.bennadel.com/blog/1796-javascript-array-methods-unshift-shift-push-and-pop.htm

Monday, May 23, 2016

How To Add Odd/Even Loop In Array Using PHP?

There are many ways to add odd/even loop in array using PHP. The most common and easy one I often use is the one below. With the help of following code, I can alternate the color of divs or tables or cell using odd and even classe.
$class = 'odd';  
for(.........) # no problem what kind of loop you are using(for,foreach,while,do)
{
   $class = ($class == 'even' ? 'odd' : 'even');
   #some code 
}

Ref: http://stackoverflow.com/a/15876816