Creating Bar Chart with jQuery and CSS


responsive-bar-chart-jquery-css-codexworld

A bar chart is a graph that represents group data with vertical or horizontal bars. The bar chart helps to make the web application more user-friendly. To demonstrate comparison data among categories in percentage, the bar chart is the best choice.You don't need to use any jQuery chart plugin for add a bar chart in the web page. You can easily create your own bar chart with pure CSS and jQuery.

Read Full →

Live Image Upload using jQuery, PHP and MySQL


live-image-upload-jquery-php-mysql-codexworld

Live image upload feature makes web application more user-friendly. With live upload, the user can select and upload images without page refresh. You can implement live image upload feature with jQuery without using Ajax or any plugin. The live image upload is very useful in user panel to update profile picture. This tutorial will show the live image upload and user profile picture update functionality.

Read Full →

Connect and Handle Files in FTP Server using PHP


connect-login-upload-download-delete-files-ftp-server-php-codexworld

Upload file to the server via FTP is an essential task for every web developers. There are many FTP clients are available for handling files on FTP server. But if you want to connect FTP server by the script, you can use PHP to handle files in FTP server. PHP provides various functions to work with FTP server. This tutorial shows you how to connect FTP server and handle files on FTP server using PHP.

Read Full →

How to Create Carousel Slider with Bootstrap


create-carousel-image-slider-bootstrap-codexworld

There are various jQuery slideshow plugins are available for cycling through elements. But if the web application uses Bootstrap framework, an additional jQuery plugin is not needed to slideshow elements like a carousel. Bootstrap JS Carousel (carousel.js) provides an easy way to implement a carousel slider on the web page. The Bootstrap carousel functionality can be extended to create the different types of the slider.

Read Full →

Display Facebook Albums and Photos on the Website using PHP


display-facebook-albums-photos-website-php-codexworld

Facebook Graph API makes it easy to embed Facebook albums to the website. You can easily create a photo gallery with Facebook photo albums using PHP and Graph API. Do you want to get all the photos from the Facebook page and show on your website? There's a way to upload a photo once on the Facebook page, and then let it available for both your Facebook page and website.

Read Full →

Create Dynamic Pie Chart in PHP with Google Charts


dynamic-pie-chart-php-mysql-google-charts-api-codexworld

A pie chart is a circular graph which is divided into slices to represent numerical proportion. The pie chart mainly used to show comparison and the graphical representation helps understand the comparison easily. If you have a requirement to show the statistics of data with a pie chart, there is an easy way to create the pie chart with Google Chart API in the web application.

Read Full →

Create Top Notification Bar with HTML and CSS


fixed-top-notification-bar-html-css-jquery-codexworld

Top Notification Bar or Hello Bar is the best way to direct your visitors and promote website's most important content. Use top notification bar to promote products or show important notification for maximum reach. It's very easy to create a top fixed notification bar using HTML and CSS. Here we'll provide a simple script to add a top notification bar to the website using HTML, CSS, and jQuery.

Read Full →

Bootstrap Datetimepicker – Add Date-Time Picker to Input Field


bootstrap-datetimepicker-date-time-database-php-mysql-codexworld

If your website uses Bootstrap framework, adding a datetimepicker to the form field is very easy. The bootstrap-datetimepicker plugin provides an easy way to add datetime picker in bootstrap form element. Using this datetimepicker, the user can select day, month, year, hour, and minute with one click.The bootstrap-datetimepicker plugin is an instant solution to add datetimepicker in a form field.

Read Full →

Send Email via SMTP Server in PHP using PHPMailer


send-html-email-gmail-smtp-php-phpmailer-codexworld

Basically, mail() function in PHP is used to send email from the PHP script. When you sending email using the PHP mail() function, the mail is sent from your web server. Sometimes it may cause issues on sending an email and fails to deliver mail to the recipient. With SMTP you can overcome this issue, SMTP is the most recommended way to send email from the PHP script. When you send an email via SMTP, email is sent from the mail server rather than the web server.

Read Full →