Posts

Showing posts with the label JS

[PHP][JS] CryptoJS encrypt decrypt

Image
 CryptoJS encrypt decrypt support PHP 5, PHP 7.x. See the Pen PHP CryptoJS Encrypt Decrypt by dimas lanjaka ( @dimaslanjaka ) on CodePen . Code PHP and details variable [JS] /** * @package https://cdnjs.cloudflare.com/ajax/libs/crypto-js/3.1.9-1/crypto-js.js */ var salt = 'salt'; //salt var iv = '1111111111111111'; //pass salt minimum length 12 chars var iterations = '999'; //iterations /** * Get key * @param string passphrase * @param string salt */ function getKey(passphrase, salt) { var key = CryptoJS.PBKDF2(passphrase, salt, { hasher: CryptoJS.algo.SHA256, keySize: 64 / 8, iterations: iterations }); return key; } /** * Encrypt function * @param string passphrase * @param string plainText */ function userJSEncrypt(passphrase, plainText) { var key = getKey(pas

[JS] Remove Object Keys

var thisIsObject= { 'Cow' : 'Moo', 'Cat' : 'Meow', 'Dog' : 'Bark' }; try { delete thisIsObject['Cow']; } catch(e){ thisIsObject.cow = undefined; } //test using developer tools F12 console.log(thisIsObject); Output => {Cat: "Meow", Dog: "Bark"} Wrapping in function for Easy Use function delkey(obj, key){ try { delete obj[key]; } catch(e){ obj[key] = undefined; } return obj; } Test Wrapped function var thisIsObject= { 'Cow' : 'Moo', 'Cat' : 'Meow', 'Dog' : 'Bark' }; //test using developer tools F12 console.log(delkey(thisIsObject, 'Cow')); Output wrapped function => {Cat: "Meow", Dog: "Bark"}

[JS] Extract Hostname From URL STRING

Extract Hostname / Domain  from URL (string) function extractHostname(url) { var hostname; //find & remove protocol (http, ftp, etc.) and get hostname if (url.indexOf("//") > -1) { hostname = url.split('/')[2]; } else { hostname = url.split('/')[0]; } //find & remove port number hostname = hostname.split(':')[0]; //find & remove "?" hostname = hostname.split('?')[0]; return hostname; } //test the code Press F12 console.log("== Testing extractHostname: =="); console.log(extractHostname("http://www.blog.classroom.me.uk/index.php")); console.log(extractHostname("http://www.youtube.com/watch?v=ClkQA2Lb_iE")); console.log(extractHostname("https://www.youtube.com/watch?v=ClkQA2Lb_iE")); console.log(extractHostname("www.youtube.com/watch?v=ClkQA2Lb_iE")); console.log(extractHostname("ftps://ftp.websitenam

[JS] Set Timezone

Set timezone javascript without using any plugins const DATE = new Date().toLocaleString('en-US', { timeZone: 'Asia/Jakarta' }); console.log(DATE); //debug document.write(JSON.stringify(DATE)); //debug dynamically print compatible with ANY Javascript

[JS] Youtube Video ID URL Parser

Extract video id from youtube URL with javascript function function youtube_parser(url){ var regExp = /^.*((youtu.be\/)|(v\/)|(\/u\/\w\/)|(embed\/)|(watch\?))\??v?=?([^#\&\?]*).*/; var match = url.match(regExp); if (match&&match[7].length==11) { return match[7]} var regExp2 = /^.*(youtu\.be\/|v\/|u\/\w\/|embed\/|watch\?v=|\&v=)([^#\&\?]*).*/; var match2 = url.match(regExp2); if (match2 && match2[2].length == 11) { return match2[2]; } var regex = /(?:[?&]v=|\/embed\/|\/1\/|\/v\/|https?:\/\/(?:www\.)?youtu\.be\/)([^&\n?#]+)/gm; let m = regex.exec(url); if (m[1].length){ return m[1]; } return url+' --failed--'; } console.clear() var n = [ 'http://www.youtube.com/watch?v=0zMd3nApSvMg&feature=feedrec_grec_index', 'http://www.youtube.com/user/IngridMichaelsonVEVO#p/a/u/1/QdK8U-VIH_o', 'http://www.youtube.com/v/0zM3nApSvMg?fs=1&hl=en_US&rel=0', &

[JS][PHP] Membuat Websocket Javascript

Image
Cara membuat websocket dengan Javascript (JS) dan PHP Update: Simple Websocket Requirements: PHP 5.6+ (minimum)  Websocket merupakan standard baru untuk berkomunikasi, dan cocok untuk aplikasi chat, live server, live listener. Hampir sama dengan AJAX namun perbedaannya ada pada kecepatan dan CPU usage pada device client maupun server. Intinya lebih ringan lah. Websocket ini dapat menerima request apapun dan mendistribusikannya secara instant dari perubahan data sebelumnya. Berikut Cara membuat websocket tanpa NODEJS menggunakan Pure Javascript dan PHP: websocket.js /** websocket steam */ var socket; socket_start(); //start websocket function socket_start() { if (!socket) { //if socket is null console.log('WebSocket Started'); //start server socket = socket_server(); } try { socket.onopen = function (msg) { //console.log('socket initialized'); }; socket.onmessage = function (msg) { var data = JSON.parse(msg.data);

[JS] Google Recaptcha V3 Complete Code

Image
Requirements: jQuery (if not it will automated added into pages)  if (typeof jQuery == 'undefined' || !window.jQuery) { var hs = document.createElement('script'); hs.type = 'text/javascript'; hs.async = true; hs.src = 'https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js'; document.getElementsByTagName('head')[0].appendChild(hs); document.getElementsByTagName('body')[0].appendChild(hs); document.head.appendChild(hs); document.body.appendChild(hs); } Recaptcha Site Key And Secret (backend): Get Here //Set site key as global variable const g_site_key = 'YOUR_SITE_KEY'; Main Code: //loader (function () { submitDisable(); download_script('https://www.google.com/recaptcha/api.js?render='+g_site_key+'&render=explicit', function () {

[JS] Check select2 jquery plugin loaded or not

Image
Read How to async defer CSS JS perfectly if (jQuery.fn.select2) { //jquery select2 loaded or not false or not undefined => return array jQuery.fn.select2.defaults.set( "theme", "bootstrap" ); //then select themes } Example: How to change select2 jQuery plugin using jQuery.val() $('#mySelect2').val('US'); // Change the value or make some change to the internal state if (jQuery.fn.select2) { $('#mySelect2').trigger('change.select2'); // Notify only Select2 of changes }