How to Create your own Captcha System on User SignUp using PHP and Ajax
PHP, jQuery and HTML Code PHP Code (captcha.php)
Category: Jquery
Responsive Image Grid View
Learn how to create an image gallery that varies between four, two or full-width images, depending on screen size: <!DOCTYPE html> <html> <style> * { box-sizing: border-box; } body { margin: 0; font-family: Arial; } .header { text-align: center; padding: 32px; } .row { display: -ms-flexbox; /* IE10 */ display: flex; -ms-flex-wrap: wrap; /* IE10 […]
Jquery change event
The change event occurs when the value of an element has been changed (only works on <input>, <textarea> and <select> elements). The change() method triggers the change event, or attaches a function to run when a change event occurs. Code
PHP Filters
Validate an Integer Within a Range <!DOCTYPE html> <html> <body> <?php /* variable to check */ $int = 12; /* min value */ $min = 1; /* max value */ $max = 20; if (filter_var($int, FILTER_VALIDATE_INT, array(“options” => array(“min_range”=>$min, “max_range”=>$max))) === false) { echo(“Variable value is not within the range”); } else { echo(“Variable value […]
How to add an option to select list using jQuery
jQuery provides some interesting methods that would help add items (options) in the select element. To add an option to a select box, this will add an option to the end of the option list. HTML Code jQuery Code Output
Bootstrap Grid
Bootstrap’s grid system allows up to 12 columns across the page.If you do not want to use all 12 column individually, you can group the columns together to create wider columns.Bootstrap’s grid system uses a series of containers, rows, and columns to layout and align content. Grid Classes The Bootstrap grid system has five classes: […]
Content Change Using Google Translate
Google Translate is a free polyglot machine translation service developed by Google, to translate text from one language into another.It offers a website interface, mobile apps for Android and iOS, and an API that helps developers build browser extensions and software applications. Google Translate supports over 100 languages at various levels. It’s important to ensure […]
AngularJS Arrays
Let’s look at an example of Angular JS expressions with arrays. In this example, we are going to define an array which is going to hold the marks of a student in 4 subjects. In the view, we will display the value of these marks accordingly. <!DOCTYPE html> <html> <head> <meta chrset=”UTF 8″> <title>Event Marksheet</title> […]
How to Animated progress bar using jquery, HTML and CSS
In this tutorial we will show you how to create a simple progress bar using jQuery, HTML and CSS. Progress bars are really useful to indicate to user that something happens and when it will be approximately done. HTML Code CSS Code jQuery Code
what is CSS Gradient? how to use Gradient in CSS3
Why CSS Gradient These are the following reasons to use CSS gradient. You don’t have to use images to display transition effects. The download time and bandwidth usage can also be reduced. It provides better look to the element when zoomed, because the gradient is generated by the browser. There are two types of gradient […]