Posts

Showing posts with the label HTML

Three Types Page Redirect using HTML,Javascript,PHP

Image
  Today we are going to learn how to redirect a page 1)Using HTML <!DOCTYPE html> <html> <head>     <title>Redirect</title>     <meta http-equiv = "refresh" content = "5; url = https://mwtc.in" /> </head> <body>         <h2>Welcome Redirect</h2> </body> </html> 2)Using Javascript <!DOCTYPE html> <html> <head>     <title>Redirect</title> </head> <body>         <h2>Welcome Redirect Javascript</h2> <script type="text/javascript">     window.location.href="http://facebook.com"; </script> </body> </html>   3)Using PHP  <?php header("Location: https://yahoo.com"); ?> <!DOCTYPE html> <html> <head>     <title>Redirect</title> </head> <body>   ...

Indian Mobile No. Validation using Javascript and Jquery

Image
  Type 1 Validation using Javascript : - <!DOCTYPE html> <html> <head>     <title>Indian Mobile No. Validation</title> </head> <body> <h1 style="text-align:center">Indian Mobile No. Validation</h1> <form>     <table align="center" border="30">              <tr>             <td>Mobile No.</td>             <td><input type="text" id="mobile" maxlength="10"  placeholder="Enter Your Mobile No."  /></td>         </tr>                  <tr>             <td colspan="2">                 <input type="button"...

How to get URL data in Codeigniter

Image
  This is the example for it  :-  http://websitename.com/controller_name/function_name/parameter1/parameter2/parameter3 it will return $this ->uri->segment( 1 ); // controller $this ->uri->segment( 2 ); // function To get parameter1 in codeigniter : - $this->uri->segment(3); To get parameter2 in codeigniter : - $this->uri->segment(4);  To get parameter3 in codeigniter : - $this->uri->segment(5);  

How can I refresh a form JQuery

Image
   Do you have this? < form id = "form" > ..... </ form > If you do, it should work.   $( "#form" )[ 0 ].reset();   If you don't have an "id" for your form tag, you should use    < form > ..... </ form > $( "form" )[ 0 ].reset();  

Indian Rupee Sign in HTML CODE

Image
  <!DOCTYPE html> <html> <style> body {   font-size: 20px; } </style> <body> <span style='font-size:100px;'>&#8377;</span> <p>I will display &#8377;</p> <p>I will display &#x20B9;</p> </body> </html>

Font Awesome Icon

Image
   For Sign Out <i class="fas fa-sign-out-alt"></i>  For Message <i class="far fa-envelope"></i> For Dashboard  <i class="nav-icon fas fa-tachometer-alt"></i>

How to send email with attachment From Local/Online Server using PHPMailer in Hindi | Updated 2020

Image
  PHPMailer is mostly used PHP library for sending the email . This library is very fast and you will get email direct in your inbox whereas when we use php mail function then it send email but email will go inside the SPAM .  Email sending process using PHPMailer : -  Step 1 : Download  PHPMailer Library From https://github.com/PHPMailer/PHPMailer      . Step 2 : Extract Zip File and copy 3 Files from extracted folder named PHPMailer.php , SMTP.php and Exception.PHP . Keep these files in your project and include by using built in function "require" of PHP . Strep 3 : Here we are using GMAIL SMTP but you can use according to you . Set smtp detail and then set username (email id) and password of your account . Note : Here we are not using composer for this so we don't need to include autoload.php file . If you need any help then you can reach us at dular88@gmail.com . For more detail visit at https://github.com/PHPMailer/PHPMailer Demo : ht...

Form Validation in Pure JS using Form Element Name

 In this post you will learn how to get value from form elements and how to validate whether it filled or not and selected or not . We are trying to show you all basic tags with validation . <!DOCTYPE html> <html> <head>     <title></title> </head> <body>     <h1>Pure Javascript Form Validation using form Element Name</h1>     <form name="myform">         <table align="center" border="30">             <tr>             <td>Gender</td>             <td>                 <input type="radio" name="gender" value="Female" />&nbsp;&nbsp;Female &nbsp;&nbsp;             ...

How to make pure CSS pop up box

<html> <head> <style> .modalDialog {     position: fixed;     font-family: Arial, Helvetica, sans-serif;     top: 0;     right: 0;     bottom: 0;     left: 0;     background: rgba(0, 0, 0, 0.8);     z-index: 99999;     opacity:0;     -webkit-transition: opacity 400ms ease-in;     -moz-transition: opacity 400ms ease-in;     transition: opacity 400ms ease-in;     pointer-events: none; } .modalDialog:target {     opacity:1;     pointer-events: auto; } .modalDialog > div {     width: 400px;     position: relative;     margin: 10% auto;     padding: 5px 20px 13px 20px;     border-radius: 10px;     background: #fff;     background: -moz-linear-gradient(#fff, #999);     background: -webkit-linear-gradient(#fff, #999);...