Posts

Showing posts from January, 2019

Angular6 common Commands.

Uninstalling packages and dependencies==> npm uninstall <package_name>

B'day wish with SVG

<div class="velas">     <div class="fuego"></div>     <div class="fuego"></div>     <div class="fuego"></div>     <div class="fuego"></div>     <div class="fuego"></div> </div> <svg id="cake" version="1.1" x="0px" y="0px" width="200px" height="500px" viewBox="0 0 200 500" enable-background="new 0 0 200 500" xml:space="preserve">     <path fill="#a88679" d="M173.667-13.94c-49.298,0-102.782,0-147.334,0c-3.999,0-4-16.002,0-16.002         c44.697,0,96.586,0,147.334,0C177.667-29.942,177.668-13.94,173.667-13.94z">         <animate id="bizcocho_3" attributeName="d" calcMode="spline" keySplines="0 0 1 1; 0 0 1 1" begin="relleno_2.end" dur="0.3s" fill="freeze...

Move the cursor to another field when a certain character is typed using jquery.

If you want to apply for a different character then please find out the correct "event keycode" for that. use following link to know character keycode. https://keycode.info/ Lets move towards coding part. HTML==> <input id="input1"/><input id="input2"/> JQury==> $('#input1').keypress(function(e) {  if(e.keyCode == 32) {    e.preventDefault();    $('#input2').focus();   } });

JQuery onclick function to focus input

Image
<!DOCTYPE html> <html> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script>     function high(){     $("#in12").focus(); } </script> <style> </style> </head> <body> <input id="in12"> <p>Click on "check" button to get focus on input field "in11".</p> <button id="b1" value="sdf" onclick="high();">check</button> </body> </html> Output==> 

datatable with both top and bottom scroll bar.

Image
HTML: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html>     <head>         <title></title>         <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">         <!-- <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>          -->          <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>         <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/jquery-ui.min.js"></script>         <script type="text/javascript" src="jquery.doubleScroll.js"></script>         <script type="text/javascript" src="https://cdn.datatables.net/1.10.19/js/j...