The display property is used to control the visibility of HTML elements with CSS. Sometimes we may require to change the visibility of elements dynamically in JavaScript. The element ID or class can be used to select and Show/Hide DIV using JavaScript. Use the Document:getElementsByClassName() method to show and hide element by class name using JavaScript.

Generally, the selected checkbox values are returned in an array on HTML form submission. You can also get the checked checkbox values without form submission using jQuery. If you don’t want to use the server-side script to get the checkbox values, jQuery is an easy option to get the values from the selected checkboxes at the front-side script. Use jQuery map() function with join() method to get values from checked checkbox values separated by comma.

The PayPal Sandbox account is used by the developer to test the payment process before making the PayPal payment gateway live for production use. The NVP/SOAP API Credentials are required to test the PayPal Payments Pro transaction on the Sandbox environment. In this tutorial, we will show you how to create a PayPal Pro sandbox business account and get NVP/SOAP Sandbox API Credentials.

Page loader is an effective element on the web page that display and is visible to the user while the page is loading. When a web page is taking a long time to load, the loader animation creates a visual representation to help users to understand that the page is loading and will be available soon. Create loader animation (with an image or text content) and display loader DIV until the web page has finished loading on the browser using HTML and CSS

Loading gif on the image slider is very useful to make it user-friendly. If the slider image size is large, the loading image is a must-have element. Loader gif notifies that the image is loading from the server with an animation. If you are using jQuery slick carousel to add slider in HTML, the loading gif image can be a useful feature to make the slider user-friendly. You can add a loader on the slider to display gif images when the slider images are loading from the server.

The default image is used as a profile picture when a user signs up on the website. This default image is displayed as a profile picture until the user changes their profile picture. Generally, the same image is used as a default profile picture for all users. If you want to separate the default image for each user, it needs to be changed dynamically. In this code snippet, we will show you how to create a default profile image dynamically from the first and last names in PHP.

Use array_unique() function to remove duplicate values from an array in PHP. You can remove duplicate values with case/space insensitively from an array using PHP array_map() function. Remove space from all strings in an array using the trim callback method with the array_map() function. Convert array values to lowercase using the strtolower callback method with the array_map() function.

jQuery UI Slider plugin provides an easy way to convert an HTML element into a slider. The user can select a numeric value with jQuery UI slider handle. The value can be selected by dragging the slider handle or moving the mouse or arrow keys. There are various options are available to integrate single or range sliders using jQuery UI. We can set custom step values in jQuery UI Slider and make dynamic steps.

When a text input field is used to attach a datepicker, the user can clear the selected value in the input field. But, if a non-editable HTML element or read-only input field is used, the selected datepicker value is not possible to clear manually. Use the onClose event of the datepicker() object to add a reset button in jQuery UI datepicker and clear the selected value.