Skip to main content

Posts

Showing posts from August, 2019

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 out...

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...