Wednesday, 23 April 2025

Feet/Inches to Meters Converter & Lbs to Kgs Converter

 <!DOCTYPE html>

<html lang="en">

<head>

  <meta charset="UTF-8" />

  <title>Feet/Inches ⇄ Meters & Lbs ⇄ Kgs Converter</title>

  <style>

    body { font-family: Arial, sans-serif; padding: 20px; }

    label, input { margin: 5px; }

    input { width: 60px; }

    .section { margin-bottom: 20px; }

  </style>

</head>

<body>

  <h2>Feet/Inches ⇄ Meters & Lbs ⇄ Kgs Converter</h2>


  <div class="section">

    <label for="feet">Feet:</label>

    <input type="number" id="feet" oninput="feetInchesToMeters()" />


    <label for="inches">Inches:</label>

    <input type="number" id="inches" oninput="feetInchesToMeters()" />


    <p id="metersResult">Meters: —</p>

  </div>


  <div class="section">

    <label for="meters">Meters:</label>

    <input type="number" id="meters" step="0.01" oninput="metersToFeetInches()" />


    <p id="feetInchesResult">Feet & Inches: —</p>

  </div>


  <div class="section">

    <label for="lbs">Pounds (lbs):</label>

    <input type="number" id="lbs" step="0.1" oninput="lbsToKgs()" />


    <p id="kgsResult">Kilograms: —</p>

  </div>


  <div class="section">

    <label for="kgs">Kilograms (kg):</label>

    <input type="number" id="kgs" step="0.1" oninput="kgsToLbs()" />


    <p id="lbsResult">Pounds: —</p>

  </div>


  <script>

    function feetInchesToMeters() {

      const feet = parseFloat(document.getElementById("feet").value) || 0;

      const inches = parseFloat(document.getElementById("inches").value) || 0;

      const meters = (feet * 0.3048) + (inches * 0.0254);

      document.getElementById("meters").value = meters.toFixed(3);

      document.getElementById("metersResult").textContent = `Meters: ${meters.toFixed(3)}`;

    }


    function metersToFeetInches() {

      const meters = parseFloat(document.getElementById("meters").value) || 0;

      const totalInches = meters / 0.0254;

      const feet = Math.floor(totalInches / 12);

      const inches = Math.round(totalInches % 12);

      document.getElementById("feet").value = feet;

      document.getElementById("inches").value = inches;

      document.getElementById("feetInchesResult").textContent = `Feet & Inches: ${feet} ft ${inches} in`;

      document.getElementById("metersResult").textContent = `Meters: ${meters.toFixed(3)}`;

    }


    function lbsToKgs() {

      const lbs = parseFloat(document.getElementById("lbs").value) || 0;

      const kgs = lbs * 0.45359237;

      document.getElementById("kgs").value = kgs.toFixed(2);

      document.getElementById("kgsResult").textContent = `Kilograms: ${kgs.toFixed(2)}`;

    }


    function kgsToLbs() {

      const kgs = parseFloat(document.getElementById("kgs").value) || 0;

      const lbs = kgs / 0.45359237;

      document.getElementById("lbs").value = lbs.toFixed(2);

      document.getElementById("lbsResult").textContent = `Pounds: ${lbs.toFixed(2)}`;

    }

  </script>

</body>

</html>


Wednesday, 11 November 2020

Add Jquery masking

 $(document).ready(function() {

    if($('INPUT').length>0){

        $('INPUT').mask('SSSS-SSSS-SSSS', {'translation': {S: {pattern: /[A-Za-z0-9]/}}}); // Here you need to change customize the pattern

    }

});


Friday, 3 January 2020

Cakephp write custom log


Code:

CakeLog::config('customlog', array(

 'engine' => 'File',

 'path' => WWW_ROOT.'files/log/'

));


customlog - Logname


path - Yourself to set customize whatever you need



Code:


CakeLog::write('customlog', 'Log data');

Thursday, 18 July 2019

How to get complete current URL for Cakephp 3.x , 2.x

Below are few steps described to get URL inside Cakephp 3.x controller as well as view file. You can get full URL and base URL and current URL inside Controller.

The very first thing is to include Router in your Controller as below:

use Cake\Routing\Router;

public function urls()
{
    echo "<div style=''>";
    echo "Current URL=" . Router::url(null, true);
    echo "<BR>Current URL=" . Router::url(null, false);
    echo "<BR>Current URL=" . $this->request->getUri();
    echo "<BR>Current URL=" . $this->request->getUri()->getPath();
    echo "<BR>Current URL=" . $this->request->getRequestTarget();
    echo "<BR>Full URL=" . Router::url("/", true);
    echo "<BR>Base URL=" . Router::url("/", false);
    die("</div>");
}
And output would like this:

Current URL=http://localhost/cake/pages/urls
Current URL=/cake/pages/urls
Current URL=http://localhost/pages/urls?id=20&name=Pritom
Current URL=/pages/urls
Current URL=/pages/urls?id=20&name=Pritom
Full URL=http://localhost/cake/
Base URL=/cake/

Friday, 5 October 2018

Javascript - refresh parent window when closing child window

var win = window.open("URL", '_blank');
var timer = setInterval(function () {
if (win.closed) {
 clearInterval(timer);
window.location.reload();
// Refresh the parent page
 }
 }, 1000);
 }

Wednesday, 22 August 2018

Ckeditor add force download option in dialog

CKEDITOR.on( 'dialogDefinition', function( evt ) {
   var dialog = evt.data;

   if ( dialog.name == 'link' ) {
       // Get dialog definition.
       var def = evt.data.definition;         
       // Add some stuff to definition.
       
       
       
       var infoTab = def.getContents( 'info' );
       
       infoTab.add( {
type: 'checkbox',
id: 'download',
requiredContent: 'a[download]',
label: "Force Download",
setup: function( data ) {
if ( data.download !== undefined )
this.setValue( 'checked', 'checked' );
},
commit: function( data ) {
if ( this.getValue() ) {
data.download = this.getValue();
}
}
});

   }
} );

CKEDITOR.replace( 'editor' );

Easypaginate integration


<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript" src="jquery.easyPaginate.js"></script>
<link href="http://localhost/es/bootstrap.css" rel="stylesheet" />

<style type="text/css">
/* Cosmetic only */
#easyPaginate {width:300px;}
#easyPaginate div {display:block;margin-bottom:10px;}
.easyPaginateNav a {padding:5px;}
.easyPaginateNav a.current {font-weight:bold;text-decoration:underline;}
</style>
<a href="http://192.168.1.66/temp.php"><h1>Home</h1></a><br><br><br><hr>
<div id="easyPaginate">
<?php
for($i=1;$i<=100;$i++)
{
?>
<div class='cool' style='border:1px solid red;width:100%;height:20px;'>
<div style='color: #FFF;background: green;width: 40%;float: left;height:auto;'>
<strong><?=$i?></strong>
</div>
<div style='color: #000;background:  yellow;width: 40%;float: right;height:auto;'>
<strong><?=$i?></strong>
</div>
</div>
<?php
} ?> 
</div>
<div class="easyPaginate1" style='border:1px solid red;width:100%;height:20px;'>
</div>

<script type='text/javascript'>
// input array contain some elements.
var array = ['10', '20', '30', '40', '50'];
var fruits = ["Banana", "Orange", "Apple", "Mango"];
var a = array.indexOf("10");
// Printing desired values.
console.log(a);



$(function() {
$('#easyPaginate').easyPaginate({
paginateElement: 'div.cool',
elementsPerPage: 2,
firstButtonText : '',
lastButtonText: '',
prevButtonText:'',
nextButtonText : '→',
items:100,
edges:2,
});
var nav  = $('.easyPaginateNav').clone(true,true);
$(".easyPaginateNav").remove();
nav.prependTo('div.easyPaginate1');

});
</script>

Feet/Inches to Meters Converter & Lbs to Kgs Converter

 <!DOCTYPE html> <html lang="en"> <head>   <meta charset="UTF-8" />   <title>Feet/Inches ⇄...