Blog | Page 95 of 109

CRUD operations with checkbox using PHP and MySQL.

PHP and MySql are one of the most widely used technology to interact with the database. In our previous tutorials, we have performed a simple operation to get values of multiple checked checkboxes using PHP. In this blog post, we are going to demonstrate an example of CRUD (create, read, update and delete) operations with checkboxes using PHP and MySql. Check-box Home Preview To get value of a checked checkbox : demo_checkbox.php [html] <html> <head> <title>Check Box Demo</title> <link rel="stylesheet" href="css/checkbox.css" /> </head> <body> <div class="container"> <div class="main"> <h2>Select the Services you want:</h2><hr/> <form action="checkbox.php" method="post"> \checkbox form to get the values...

PHP Read More Link

This tutorial enables you to display two records when user clicks on read more link using object-oriented funtionality. In my example, I have made a folder named read-more-php and placed these pages index.php, config.php, connection.php and style.css. Further set $get_limit variable to travel in the url through the read more link which increments by 2 each time when user clicks on the link and store its value in $limit variable which is passed to sql query to limits the records while displaying it on page. My SQL Code Segment: To create database and table, execute following codes in your MySQL...

Bootstrap Comment Box

In this tutorial, I am going to create a simple comment box via 'Bootstrap'. There will be 4 fields (i.e. Name, email, website, and message) and a submit button in that comment box. When a user will submit that form then, ..his/her comment will get displayed in Leave A Reply section as indicated in the diagram given below. In bootstrap, We have to deal with 'rows' and 'columns' to make our web page responsive and mobile friendly. For a quick solution, you can take a look at our bootstrap templates. Here's the layout of our comment box:- Steps to create comment...

Bootstrap Carousel

The Bootstrap carousel is a component for sliding through elements. It is a flexible, responsive and attractive way for adding a slider in our website. It is a dynamic presentation of contents where text and images are made visible or accessible to the user by sliding through several items. Bootstrap carousel are not supported properly in Internet Explorer 9 and earlier (because they use CSS3 transitions and animations to achieve the slider effect). Take a look at our bootstrap responsive templates which will provide you the better solution for your problems. Bootstrap Carousel In Normal Form [html] <!-- this is simple example of...

Bootstrap Progress Bar

A progress bar is used to view the completion progress of a task. Technically, it is a combination of HTML/CSS/JS. The HTML <progress> element is used. JavaScript can be used to manipulate the value of progress bar and gives a desired effect of the whole progress body. For a good solution, you can refer to our bootstrap premium templates. 1. Basic Progress Bar Attributes Value Max Min progress Value--> Indicates the current status of the progress bar. It must be greater than or equal to 0.0 and less than or equal to 1.0 or the value of the max attribute (if present). Max--> Indicates how much task...

Bootstrap Mobile

Bootstrap is a front-end framework use to make responsive mobile-first websites. For mobile-first approach, its grid function force designers to create websites for small screen devices like mobile phones. Our bootstrap responsive templates will provide you a better solution. Below are the examples which will give you a basic idea about the structure of the large screen and small screen. Example 1 - For a large screen (Desktop): On the other hand, In a mobile phone, its structure breaks down and adjust accordingly. Example 2-For a small screen (Mobile Phone): Role of a grid system in bootstrap mobile Working...

Bootstrap Form

Bootstrap makes it easy with the simple HTML markup and extended classes for different styles of forms. Bootstrap greatly simplifies the process of styling and alignment of form controls like labels, input fields, select boxes, textareas, buttons, etc. through predefined set of classes. HTML forms are the integral part of the web pages and applications, but styling the form controls manually one by one with CSS are often boring and tedious. This tutorial will help you to create various types of forms with Bootstrap. Three types of forms in Bootstrap are: Vertical or Basic form (By default) Horizontal form Inline...

Bootstrap Calendar

Hello, folks! We're going to learn how we can add bootstrap calendar in our web page, that exhibits Year, Month, Dates, Events and additional features of previous and next month buttons. You can refer to our attractive bootstrap templates for a quick solution. Let's take a look at the files we're going to use in this tutorial. Files to be included fullcalendar.css fullcalendar.print.css moment.min.js jQuery.min.js fullcalendar.min.js Now we'll move towards the coding part. Firstly, we'll include the files we're going to use in the head section of our web page. Include Files [html]<head>  <link...

Bootstrap Image Gallery

What is Bootstrap Image Gallery ? Bootstrap Image Gallery is used to group images in a webpage such that the images are displayed while arranged in a grid and they are responsive too. It can display images and videos in the modal dialog of the Bootstrap framework which can also be extended to employ several other features such as swipe, mouse and keyboard navigation, transition effects to other content types too. For a quick solution, you can have a look at our bootstrap themes. Bootstrap Image gallery in action(Desktop View) :- Bootstrap Image gallery in action(Mobile View/Responsive) :- How to...

Bootstrap Popup

In this tutorial we are going to show how we can create a popup using Bootstrap framework Bootstrap is a front end GUI framework for developing responsive website. Bootstrap is a combination of HTML, CSS and JavaScript code. Using this we can create a user friendly website whose GUI is similar and responsive for any kind of devices. Our bootstrap responsive themes will provide you a better solution. Take a look. Bootstrap Required File To use bootstrap framework , in the head section of our page we must set viewport, bootstrap.min.js, bootstrap.min.css, and jquery file as shown below. [html]<meta name="viewport" content="width=device-width, initial-scale=1">...

Bootstrap Accordion

What is Bootstrap Accordion ? Accordion is a built in capability of Bootstrap to create menus and technical widgets which can properly organize large content and navigation lists. Here, the areas are designed where information can be displayed by just clicking on a button and sliding an area to open and close. It implements the collapse plugin to manage divisions in a webpage. Our premium bootstrap themes will serve the purpose for you. Take a look. Bootstrap Required files For Bootstrap framework, we must include bootstrap.min.js, bootstrap.min.css, and jquery.min.js files (as shown below) in the head section of our page. [html]<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css"/> <script...

Bootstrap Navbar

The navigation bar allows a user to navigate through a website and obtain the web page they desire. Bootstrap navbar is a responsive navigation bar having the functionality of collapsing and toggling according to the screen size (viewport). Navbars are responsive ‘meta’ components that serve as navigation headers for your application or site. Navbars collapse in mobile views and become horizontal as the available viewport width increases. At its core, the navbar includes styling for site names and basic navigation. Our bootstrap attractive themes will provide you a rapid solution. Take a look at it. Firstly, I’m going to tell you that...

How I Increased My Email Open Rate by over 300% with this simple trick

Few weeks back, I sent an email campaign to my 80,000 subscribers. When I checked my stats, I got open rate of mere 4%. Which means, out of the 80,000 emails that I sent, Only 3200 people opened my email...

Bootstrap Table/Bootstrap Responsive Table

Bootstrap provides a clean layout for building tables. To design a basic table with just some light padding and horizontal dividers, add the base class of .table to any table markup. Create bootstrap responsive tables by wrapping any .table in .table-responsive to make them scroll horizontally up to small devices (under 768px). When viewing on anything larger than 768px wide, you will not see any difference in these tables. If you view it on your mobile device or shrink the width of your browser you will see it will automatically scroll the table contents. No plugin or additional CSS required! For a rapid solution, you...

Bootstrap Tabs

Bootstrap Tab provides an ease of handling a huge amount of data within a small area. Using this we can quickly access the content of panes without leaving the page. This also helps in easy organization of data, so that all similar data are arranged in a single pane. This proper arrangement helps in easily accessing and retrieving of information. To use Bootstrap we have to include some files in our code such as bootstrap.min.css, bootstrap.vertical-tabs.css, jquery-2.1.1.min.js, bootstrap.min.js of Bootstrap library. You can use our responsive design templates of bootstrap for a rapid solution to your problems. Basic Tabs With Bootstrap The following...

Bootstrap Grid

Bootstrap Grid System is mobile-first fluid grid system which is made up of a series rows and columns to provide a structure to website and to place it's content in the intersected areas easily. The Bootstrap grid is a library of HTML/CSS components that allow you to structure a website and place a website's content in desired locations easily. It appropriately scales up to 12 columns as the device or viewport size increases. For an appropriate solution, you can refer to our premium bootstrap templates. Bootstrap Grid System allows you to create up to 12 columns and unlimited rows. Hence it is made up of 3 things:- A...

Bootstrap Buttons

Buttons are the integral part of a website and application. They are used for various purposes like, submit or reset an HTML form, performing interactive actions such as showing or hiding something on a web page on click of the button, etc. Give it a look at our bootstrap premium themes for a bettter solution to your problems. Button Tags Buttons in bootstrap are created using some specific classes of bootstrap. These classes can be used with <a> <button> <input> element. Note: - As a best practice, we highly recommend using the <button> element whenever possible to ensure matching cross-browser...

How MailGet Is Different From Other Email Marketing Services

Don't lock yourself with just one SMTP provider, when you have so many SMTP provider options out there. Connect multiple SMTP's within MailGet and start testing and experimenting to achieve highest inbox deliverability and opens. Read this post to find out more.

‹ 1 … 93 94 95 96 97 … 109 ›