Category : HTML



How to set scroll to bottom in jquery?

Sometimes, we need to set scroll bottom as default by using jquery, in bellow example you can see i use scrollHeight for get the total height of scroll class div with scroll, and at last i use animate with scrollTop attribute and set bottom, So Basically when your page will load then automatically scroll as bottom. <strong>Example:</strong> <pre class="code language-html"> <html lang="en"> <head> <title>Scroll Down bottom</title> <script src="http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> </head> <body> <div cl.....

By Hardik Savani | February 11, 2016 | | 2594 Viewer | Category : HTML
READ MORE

Check and Uncheck checkboxes using JQuery

Sometimes we need to Select and Deselect all checkboxes like you see on gmail if you check top checkbox then automatically select other all.So, we can do using jquery and its method prop().In Following example you can see how is that and use this example simply: <strong>Example:</strong> <pre class="code language-html"> <html lang="en"> <head> <title>Select and Deselect Checkbox</title> <script src="http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> </head> <body> <input name="subject_all" class="subject-all" type=.....

By Hardik Savani | February 10, 2016 | | 954 Viewer | Category : HTML
READ MORE

Select only one checkbox at a time using Jquery

If you need to select one checkbox at a time in multiple checkbox, i mean you want to allow anly one checkbox user can check then you can do easily using jquery. jquery prop() through you can give attribute value checked equel to true or false. if you have banch of checkbox like as example, and if you want to check checkbox at time one by using jquery then you can use this code. In following example use for you to do select at a time one. <strong>Example:</strong> <pre class="code language-html"> <html> <head> <title>Select only one checkbox at time</title> <scri.....

By Hardik Savani | February 5, 2016 | | 24786 Viewer | Category : HTML
READ MORE

How to set vertical align middle div by CSS in HTML?

If you want to set vertical align middle text, image, div etc then you can set easily by using following example. you can give vertical align middle by saveral way. i also give you example with output. you use any of the example of vertical align middle by css. I also provide saveral example with difference css so you can easily find your solution. <strong>Example 1:</strong> In this example you can set vertical align middle using display:table and display:table-cell property of css. <div style="width: 500px;background:green;height: 150px;border:1px solid red;display: table;"class="outter"> .....

By Hardik Savani | January 22, 2016 | | 1453 Viewer | Category : HTML
READ MORE

How to create responsive menu in html/PHP ?

Now i am going to show how to create responsive menu in your html website. i will show you how to create responsive menu using css, html and jquery. we have to also use media query. it is a pretty simple to create responsive menu. now i listed two file one is html and second is css file this two file make a simple responsive menu and you can easy to change and modification in in this file. it will easy to integrate with php, .net or any php framework. how to create a responsive menu bar in html, responsive menu bar jquery example, responsive menu using css and jquery, responsive menu with css.....

By Hardik Savani | January 9, 2016 | | 1365 Viewer | Category : HTML
READ MORE

    PHP MySQL contact us form with validation using Bootstrap

    PHP MySQL contact us form with validation using Bootstrap

    Open Post

    Laravel 5.3 new feature and update - $loop variable

    Laravel 5.3 new feature and update - $loop variable

    Open Post

    Paytm payment gateway integration example in Laravel 5

    Paytm payment gateway integration example in Laravel 5

    Open Post

    PHP - multiple file uploading dropzone js example

    PHP - multiple file uploading dropzone js example

    Open Post

    How to create custom facade in laravel 5.2?

    How to create custom facade in laravel 5.2?

    Open Post

    How to get current month records in Laravel 5?

    How to get current month records in Laravel 5?

    Open Post