Posts

[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 () {

[CSS] Disabled Element

*:disabled, *[disabled] { opacity: 0.5; color: #666666; cursor: not-allowed; pointer-events: none; } Example: Disabled Button <button disabled>Disabled Button</button>