UI Components
An organization chart, also known as an org chart or organizational chart, is a graphical representation of a company’s structure, showing the hierarchy of positions and the relationships between them. It is an essential tool for communicating the reporting...
CSS
DEMO See the Pen CSS3 Tree Family by Puneet Sharma (@webdevpuneet) on CodePen. See the Pen Responsive Organization Chart by Puneet Sharma (@webdevpuneet) on CodePen.
JavaScript, jQuery
To count the number of characters in an input tag, you can use JavaScript or jQuery to get the value of the input and then count the length of the value. We can use the length property to count the number of characters in the input text. Here are some examples: Using...
JavaScript
var inputName = $(‘input[name=”bodySample-1″]’).attr(‘name’); var prefix = ‘bodySample-‘; if (inputName.indexOf(prefix) === 0) { var value = inputName.substr(prefix.length); console.log(value); } This code will log...
JavaScript
JavaScript code to encapsulate {{}} with span elements Problem For examples: if a div tag has content “{{1}}{{2}}” and i want to encapsulate all {{}} like “<span class=”sample-1″>{{1}}</span><span...
Blog