Javascript – Page 3 – pktechnology

Read more about the article Javascript search without page loading as a list

Javascript / Website Components

Javascript search without page loading as a list

<link rel="stylesheet" type="text/css" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css"> <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.bundle.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.0/dist/js/bootstrap.bundle.min.js"></script> <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.0/dist/css/bootstrap.min.css"> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <input type="text" id="myInput" onkeyup="myFunction()" placeholder="Search for names.."> <ul id="myUL"> <li><a…

August 1, 2023

Read more about the article Calculator for invoice using javascript

Calculator for invoice using javascript

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.3/jquery.min.js"></script> <script> function totalPrice($val){ let amt = 0; let arrlength = 1; let arr = document.getElementsByName('owner_shares'); for(let index = 0; index < arr.length; index++){ let price = arr[index].value;…

July 29, 2023

Drag, copy and drop using javascript

July 24, 2023

Read more about the article HTML5 – JS QR Code Scanner

HTML5 – JS QR Code Scanner

<script src="https://unpkg.com/html5-qrcode"></script> <main> <div id="reader"></div> <div id="result"></div> </main> <script> const scanner = new Html5QrcodeScanner('reader', { qrbox: { width: 250, height: 250, }, fps: 20, }); scanner.render(success, err); function success(result){ …

July 18, 2023

Read more about the article Display Image Before Uploading

Javascript / PHP Projects

Display Image Before Uploading

<div> <input type="file" name="partner_logo" id="partner_logo" class="form-control" onchange="previewImage(event);" /><br/> <span id="msg" style="color:red"></span> </div> <div class="preview"> <img id="preview-selected-image" /> </div> <script> const previewImage = (event) => { const imageFiles = event.target.files; const…

July 12, 2023