Skip to main content

Posts

Showing posts from 2019

Deploy and run react app on godaddy vps or shared hosting without root access

SOLUTION: How to Deploy and run react app on godaddy vps or shared hosting without root access Today we learn how to run react app on vps server or shared hosting. Main issue with godaddy servers is they do not provide you root access also they do not support node js by default, so its not good choice for latest technologies app like react apps. Ok but no issue we have a solution to install node without root access in vps or shared hosting of godaddy. So keep follow below steps to run react app in godaddy servers or any shared hosting server FOR VPS SERVER USERS for vps users please create your server first and create a cpanel and connect a domain with that, to connect domain go to dns management and change default name servers to your domain server like ns1.yourdomainname.com and ns2.yourdomainname.com now point your domain to the hosting by changing nameserver details in your domain configuration. -------------------------------------------- NOW THIS STEPS ARE SAM

How to upgrade Cakephp 3 to Cakephp 4.x

How to upgrade Cakephp 3 to Cakephp 4.x So Cakephp 4 is released and now cakephp did major changes is that : 1. Now cakephp using more typehinting and strict mode. 2. cakephp replaced .ctp file extension with .php so now all tempalates files have .php extension . 3. Now templates folder moved from src to root folder. 4. Some functions are now deprecarted that you can check on its official website . Now today we learn how to upgrade Cakephp version to latest version. So keep follow below steps:- 1) Open terminal and go to the root directory folder 2) Then run below command to install upgrade tool       git clone git://github.com/cakephp/upgrade 3) Now above command will create upgrade folder in your root directory so change drive by using below command cd upgrade 4. Now we need to install new files of cake 4 so run below command: git checkout 4.x 5. Now run below command composer install --no-dev Ok so now we have all new updated file so now we need to c

Solution - Hide a div when user clicked outside of it using jQuery

Solution - Hide a div when user clicked outside of it using jQuery If you want to hide an element like listbox, div or dropdown or any html element when click outside of it but not hide when click inside of it then we can do this by using simple jquery code Please use below code to hide an element on outside click. $(document).mouseup(function(e)   {       var containerElem = $("#list-request-suggestion"); //YOUR ELEMENT ID OR CLASS       if (!containerElem.is(e.target) && containerElem.has(e.target).length === 0)       {           containerElem.hide();       }   });   Related Links Hide a div when clicked outside of it How do I detect a click outside an element ? How to hide div on outside click except one inside div through jquery   html - Use jQuery to hide a DIV when the user clicks outside of it

Convert website to android and ios application using react native expo webview

Convert website to android and ios application using react native expo webview If you want to check you can check on github by using below link also dont forget to give star ;) Source Code: https://github.com/shubham715/react-native-expo-webview-convert-website-to-app React native is the best choice to create multi platform mobile application , but sometimes we dont want to write a complete application because we already have a web application or a website and its complicated to manage both . So we have a solution for this problem. React native supports webView that makes easy to run any website url like an app natively. What is webview in react native? In React native, WebView helps to show web content in a native view. For this tutorial we will use EXPO. What is EXPO ? EXPO a set of tools to help you quickly start an app. Expo have many inbuilt components that helps to simplify the development and testing of React Native app. So please follow the below steps to c

Codeigniter get current route name in view file

Codeigniter get current route name in view file using single line Today we will learn how to get current route name in codeigniter view files or in view php files. We can do this by using single line code $this->uri->segment(1); this code will give you current route name from url. Example URL mywebsite.com/users/robert So for above example this code will give you " users " as output so by using this method  you can simply get the current route name. Thank you.

HTML Table Pure JS LIVE search for all columns

HTML Table Pure JS LIVE search for all columns Hello, Today we learn how to add live search for html without jQuery .  Why we are using PURE JS ? jQuery syntax is easy and simple compare to javascript but sometimes  jQuery have conflict issues with other libraries and also it takes more time compare to javascript. So here is the full code and js function to add search in html table HTML CODE   <input id="dls_search_input" onkeyup="search_table()" type="text" />    <table class="dls-table dls-table-element" id="dlsTableAirline"> <thead> <tr> <th>First Name</th> <th>Last Name</th> <th>Email</th> </tr> </thead> <tbody>   <tr>   <td>Jackson</td> <td>Doe</td>   <td>john@gmail.com</td> </tr> <tr> <td>

Read files from folder using php

Read files from folder using PHP Today we learn how to read all files from a folder . we will learn to list all files and read all files . So please follow below steps:-   METHOD 1 1) List all files from folder If you want the list of all files in a folder then you can do by using below code //Get a list of file paths using the glob function. $allFilesList= glob('myfolder/*'); //Loop through the array that glob returned. foreach($allFilesList as $filename){ //Simply print them out onto the screen. echo $filename; echo '<br>'; } The above code will print list of all files like file1.jpg file2.png file3.gif file4.pdf   If you want to read only specific extension file like you just want to a list of all png files then you can do it by using below code. //Get a list of all files ending in .txt $fileList = glob('myfolder/*.png);   METHOD 2 Here is the second method. here we are using scandir() function to s

Copy text or html to clipboard js php

How to copy text or HTML to clipboard using JS/jQuery Today we learn how to copy texts and html into the clipboard by using js, we can copy content on button click or any event through JS. Here are the few simple methods for it. Please follow the below methods 1) Copy data-attribute value to clipboard   If you have an html element like a button with data value and you want to copy value on button click then use below function HTML CODE <a class="cls_copy_pg_action copyAction copy-action-btn" data-value="THIS TEXT WILL BE COPIED" > <i class="far fa-copy"></i> Copy</a> JQUERY CODE $(document).on("click", ".copy-action-btn", function() {       var trigger = $(this);       $(".copy-action-btn").removeClass("text-success");       var $tempElement = $("<input>");         $("body").append($tempElement);         var copyType = $(this).data("value&quo

Solution-windows 'expo' is not recognized as an internal or external command

Solution for expo is not recognized as an internal or external command,operable program or batch file in Windows 10 Sometimes expo will not work globally mostly in windows 10, If you are facing same issue then follow the below Steps 1) Click on windows button and search for  " Environment variables"  and click on "Edit the system environment variables" 2) Now you will see a popup like below screen. Then you need to click on Environment Variables. (Please see highlight part in below image)     3)Then click on new button that i have highlighted in below image 4. Then a popup will open and you need to fill details like below mentioned Variable Name :Path Variable Value: %USERPROFILE%\AppData\Roaming\npm Here we are creating a new path variable and passing location of npm.   Now Click on OK and close all the terminal windows and open new CMD or terminal and type Expo . Great now you can access expo from any loc

How to install React native expo cli properly in windows

How to install React native expo in windows   Hello today we learn how to install react native  expo-cli in windows system. Expo Expo-CLI  is a React Native tool that creates a development server on local so we can create react native apps and run locally for testing. Please follow below steps to install expo-cli on your local server:- 1) Install Node JS    To create and run react native apps, we need NodeJS . You can check our other tutorials to learn how to install node JS. Here we will focus on Expo. 2) Open Terminal as administrator 3)  Run the below command    npm install -g expo-cli The above command will install expo globally and you can access expo by using >expo in command prompt(CMD).   If you face any issue like " expo is not recognized as an internal or external command,operable program or batch file. " then click here . I hope it will be helpful for many readers. Thanks :)

Android studio kotlin java change status bar color

Android studio kotlin/java change status bar background color Hello Today we learn how to change status bar background color in android studio. What is status bar ? In android phones , status bar contains notifications and system icons. As you can see in above image that area is status bar. Here we will change background color through xml so it will be work with both java and kotlin. You can change status bar color by many ways but here we are using very simple way to do this. So please follow below steps:- Please open your project folder and navigate to app/src/main/res/values/styles.xml or just search styles.xml file and then add below line in it < item name= "android:statusBarColor" > #333</ item > Here we are using dark color code #333 but you can use any color code according to you and it will be good if you use color according to your app theme. So after adding this code your code will be look like this < resources > &l