Techblog369

Technical Blogs & News

Year: 2022

Home

OTHER

By kumar December 16, 2022

How To Configure A Sendinblue SMTP Relay in Postfix?

Fix Email Issues in CyberPanel with SMTP Relay Setup Free Method. First Create a email using your Cyberpanel Under Emai Tab Create Email Second go to the SSL tab and click …

OTHER

By kumar November 30, 2022

Create a simple password strength indicator with JavaScript

You’ve probably seen many examples of password strength indicators around the web. They let users know the password they’re using is weak and indicate how the strength changes when it’s modified. …

Blogs special

How To Configure A Sendinblue SMTP Relay in Postfix?

December 16, 2022

Create a simple password strength indicator with JavaScript

November 30, 2022

How to create PHP QR code and Save it to Database?

June 21, 2022

How to Send Multiple Files Attachment Mail using Laravel

June 16, 2022

PHP Send Email Using PHPmailer and any Email SMTP

June 11, 2022

By kumar December 16, 2022 6 months 223 words

How To Configure A Sendinblue SMTP Relay in Postfix?

Fix Email Issues in CyberPanel with SMTP Relay Setup Free Method. First Create a email using your Cyberpanel Under Emai Tab Create Email Second go to the SSL tab and click …

Fix Email Issues in CyberPanel with SMTP Relay Setup Free Method.

First Create a email using your Cyberpanel Under Emai Tab

Create Email

Second go to the SSL tab and click on MailServer SSL, then select your domain and press Issue SSL button.

Third Create a free account in https://account.sendinblue.com/

And add your domain

Click on Domain and Add your domain. After adding the domain you need to verify txt SPF and DKAIM

one by one copy the key and paste it on you cyber panel domain under the DNS tab Add/Delete Records .

Once completed the task you can see your domain is verified.

Download putty and open your server using SSH

sudo su -

nano /etc/postfix/main.c

Scroll to the bottom of the config and paste in the additional config. If you’re not using Sendinblue, you should change the server address in the first line:

relayhost = [smtp-relay.sendinblue.com]:587
smtp_use_tls = yes
smtp_sasl_auth_enable = yes
smtp_sasl_security_options = noanonymous
smtp_sasl_password_maps = static:ideaspot.youremail.com:xsmtpsib-f46cf5b98745cba535588fc1535175c0dbbdb15632719b79a695a99c6f3586bf-vbOKyBJn2Wh90QSx
smtp_tls_CAfile = /etc/ssl/certs/ca-certificates.crt

CLt+X -> Y->Enter

smtp_sasl_password_maps: you will get the details from your sendinblue account.

Thanks for reading….

By kumar November 30, 2022 6 months 432 words

Create a simple password strength indicator with JavaScript

Let’s start with the HTML creating a password input field and a password strength <div> that we can style later on to give a visual representation of password strength:

<div id="password">
  <label for="password-input">Password</label>
  <input
    id="password-input"
    name="password-input"
    type="password"          
    required
  />
  <div id="password-strength"><span></span></div> 
</div>

To determine the password strength we’ll be using the zxcvbn JavaScript library which i’ve included via CDN. It’s also available as a standalone download and NPM package:

<script src="https://cdnjs.cloudflare.com/ajax/libs/zxcvbn/4.2.0/zxcvbn.js"></script>

Now for the JavaScript, first let’s define variables for the password input and password strength:

const pwd = document.getElementById("password-input");
const pwdStrength = document.getElementById("password-strength");

We’ll then use an event listener to check the password strength each time a character is added or removed from the password input field:

pwd.addEventListener("input", function () {
  const pwdVal = pwd.value;
  let result = zxcvbn(pwdVal);  
  pwdStrength.className += "strength-" + result.score;  
});

The score returned from zxcvbn() is on a scale between 0 and 4. We then add this score as a class on the password strength <div> so we can apply different CSS styles based on the score that’s returned.

That’s completes the JavaScript, now for the CSS starting with the password label and input field:

#password {
  width: 250px;
}
#password label {
  display: block;
}
#password-input {
  width: 230px;
  padding: 10px;
  margin: 10px 0 5px 0;
}

Now for the strength indicator, it’ll appear as a light grey strip until a user starts entering a password:

#password-strength {
  height: 5px;
  width: 100%;
  display: block;
  background-color: #ccc;
}
#password-strength span {
  display: block;
  height: 5px;
  border-radius: 2px;
  transition: all 500ms ease;
}

All that’s left to do is set the color and width based on the strength score:

.strength-0 span {
  background-color: red;
  width: 5%;
}
.strength-1 span {
  background-color: orangered;
  width: 25%;
}
.strength-2 span {
  background-color: orange;
  width: 50%;
}
.strength-3 span {
  background-color: yellowgreen;
  width: 75%;
}
.strength-4 span {
  background-color: green;
  width: 100%;
}

index.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <title>Create a simple password strength indicator with JavaScript</title>
    <link rel="stylesheet" href="style.css" />
    <script src="https://cdnjs.cloudflare.com/ajax/libs/zxcvbn/4.2.0/zxcvbn.js"></script>
  </head>
  <body>
    <form>
      <div id="password">
        <label for="password-input">Password</label>
        <input
          id="password-input"
          name="password-input"
          type="password"          
          required
        />
        <div id="password-strength"><span></span></div>
        <p id="password-feedback"></p>
      </div>
    </form>
    <script src="script.js"></script>
  </body>
</html>

script.js

const pwd = document.getElementById("password-input");
const pwdStrength = document.getElementById("password-strength");

pwd.addEventListener("input", function () {
  const pwdVal = pwd.value;
  let result = zxcvbn(pwdVal);  
  pwdStrength.className = "strength-" + result.score;  
});

style.css

body {
  font-family: sans-serif; 
}
#password {
  width: 250px;
}
#password label {
  display: block;
}
#password-input {
  width: 230px;
  padding: 10px;
  margin: 10px 0 5px 0;
}
#password-strength {
  height: 5px;
  width: 100%;
  display: block;
  background-color: #ccc;
}
#password-strength span {
  display: block;
  height: 5px;
  border-radius: 2px;
  transition: all 500ms ease;
}
.strength-0 span {
  background-color: red;
  width: 5%;
}
.strength-1 span {
  background-color: orangered;
  width: 25%;
}
.strength-2 span {
  background-color: orange;
  width: 50%;
}
.strength-3 span {
  background-color: yellowgreen;
  width: 75%;
}
.strength-4 span {
  background-color: green;
  width: 100%;
}

By kumar June 21, 2022 12 months 43 words

How to create PHP QR code and Save it to Database?

Hi In this Article I am going to show how to create QR code and save it to database also fetch QR Code in a Table Create a Page addqrcode.php in …

Hi In this Article I am going to show how to create QR code and save it to database also fetch QR Code in a Table

Create a Page addqrcode.php in a root directory and paste the below code.

<section class="main--content">
        <div class="row gutter-20">
            <div class="col-md-6 mx-auto">
                <!-- Panel Start -->
                <?php $id=$_GET['apartnerId'];$data=qrCode($id);?>
                <div class="panel">
                    <div class="panel-heading">
                        <h3 class="panel-title">Form</h3>
                    </div>
                    <div id="apartner-form" class="panel-content">
                <form method="POST" action="ajax/qrcode.php" enctype="multipart/form-data">
                <div class="form-group">
                    <legend>Add QrCode</legend>
                   <?php 
                   if(isset($_GET['msg']))
                    {
                        echo $_GET['msg'];
                    }

                   ?>
                </div>
                    <!-- Member ID -->
                    <div class="form-outline">
                        <input type="hidden" class="form-control" id="uid" name="uid"
                            value="<?php echo $data['uid']; ?>" readonly />
                    </div>
                    <div class="form-outline">
                        <input type="text" class="form-control" id="fname" name="fname"
                            value="<?php echo $data['first_name']; ?>" readonly />
                    </div><br>
                    <div class="form-outline">
                        <input type="text" class="form-control" id="lname" name="lname"
                            value="<?php echo $data['last_name']; ?>" readonly />
                    </div><br>
                    <div class="form-outline">
                        <input type="text" class="form-control" id="email" name="email"
                            value="<?php echo $data['email']; ?>" readonly />
                    </div><br>
                    <div class="form-outline">
                        <input type="text" class="form-control" id="bcode" name="bcode"
                            value="<?php echo $data['bcode']; ?>" readonly />
                    </div><br>
                    <div class="form-outline">
                        <input type="text" class="form-control" id="state" name="state"
                            value="<?php echo $data['sts']; ?>" readonly />
                    </div><br>
                    <div class="form-outline">
                        <input type="text" class="form-control" id="district" name="district"
                            value="<?php echo $data['district']; ?>" readonly />
                    </div><br>
                    <div class="form-outline">
                        <input type="text" class="form-control" id="city" name="city"
                            value="<?php echo $data['city']; ?>" readonly />
                    </div><br>
                    <!-- Submit button -->
                    <button type="submit" class="btn btn-primary btn-sm mt-3" name="submit">Submit</button>
                </form>
            </div>
                </div>
        </div>
    </section>
    <!-- Main Content End -->

Create a Folder under root directory Connection/Functions.php

Functions.php
<?php
include('DBClass.php');// Database Connection
function qrCode ($id){
    $db= new DBClass();
    $result= $db->query('SELECT * FROM `tbl_accounts` where `uid`= "'.$id.'"');
    return mysqli_fetch_array($result);
}

Create a Folder ajax/qrcode.php and paste the below code

qrcode.php

<?php
include('../libs/phpqrcode/qrlib.php'); 
if(isset($_POST['uid'])){
$path ='../temp/';
$uid=$_POST['uid'];
$time=time();
$file=$uid.$time.".png";
$email= $_POST['email'];
$subject= $_POST['bcode'];
// $fname= $_POST['fname'];
$lname= $_POST['lname'];
$sts= $_POST['sts'];
$district= $_POST['district'];
$city= $_POST['city'];
$body = $_POST['fname'];
$codeContents = 'mailto:'.$email.'?subject='.urlencode($subject).'&body='.urlencode($body);

include('../Connection/Functions.php');
$conn = new DBClass();
// $sql="UPDATE `tbl_accounts` SET `qrcode`="'.$file.'" WHERE `uid`="'.$uid.'"');
$sql="UPDATE tbl_accounts SET `qrcode` = '$file' WHERE `uid` = '$uid'";
if($conn->query($sql)===true){
    QRcode::png($codeContents, $path.''.$file, QR_ECLEVEL_L, 5);
    header('location:../apartnerQrcode?msg= Data added Successfully');
}
else{
    header('location:../apartnerQrcode?msg= Faild!!');
}
}
?>

Download Php qrcode libery fro github and include it on qrcode.php page

https://github.com/giansalex/phpqrcode/tree/master/src

include(‘../libs/phpqrcode/qrlib.php’);

Create a folder where you want to save the QRcode

$path =’../temp/’;

If you want to full source code you can msg or comment me.

Thanks..

By kumar June 16, 2022 12 months 127 words

How to Send Multiple Files Attachment Mail using Laravel

Hi in this article i am going to show how to send multiple files attachment mail in Laravel. It’s simple example of Laravel send multiple attachment in mail. I explained simply …

By kumar June 11, 2022 12 months 155 words

PHP Send Email Using PHPmailer and any Email SMTP

Hi in this article I am going to show how to implement Email SMTP using PHP Mailer. First you have to download PHPmailer library from github link is given below. https://github.com/PHPMailer/PHPMailer/tree/5.2-stable …

By kumar June 9, 2022 12 months 284 words

How do I limit the number of login attempts in PHP?

Implement Limit login with Mysql Database using Core PHP Hi, In this article i am going to show how to implement limit login system using PHP. Create the Database Open your PHPMyAdmin and …

By kumar May 21, 2022 1 year 255 words

How to Disable PHP Errors in WordPress?

Disable PHP Errors PHP warnings and notices help builders debug troubles with their code. but it seems extremely unprofessional while they may be seen to all of your website visitors. In this article, we are able to show you how to without difficulty flip off PHP mistakes in WordPress. Why Should Turn off PHP Errors in …

By kumar May 6, 2022 1 year 279 words

How to Create a space Between two variables in PHP?

Adding multiple white areas and line breaks in PHP code is vital for data format and displaying text properly on an online page. Strings from alternative software system is also victimisation …

Adding multiple white areas and line breaks in PHP code is vital for data format and displaying text properly on an online page. Strings from alternative software system is also victimisation totally different spacing characters and wish to be born-again to HTML tags. sadly, some pc architectures use totally different spacing characters than others. making areas in PHP is completed principally through the “echo” perform.

Step 1

Open the PHP file in a text editor, such as Windows Notepad.

Step 2

Add a single space between PHP variables by adding the code “echo $variable1 .” “. $variable2;.”

Step 3

Add multiple spaces by adding the code “echo $variable1 .” “. $variable2;.” The ” ” entity represents a non-breaking space. Using ” ” frequently doesn’t work because web browsers collapse multiple spaces into one.

Step 4

Add a space as a line break with the code “echo “\r\n””, “echo ”
“” or “echo “\n”.” The “\n” character represents a new line and the “\r” character represents a carriage return.

Step 5

Call the PHP “nl2br” function to replace every “\r”, “\n”, “\n\r” and “\r\n” entity in a string with an HTML line break, ” ” or ”
“, by adding the code “echo nl2br(“line1\nline2″);.” This will output “line1 ” and then “” on the next line.

Step 6

Save the PHP file, close it and then load it on your server.

  is used for adding space in html and php

You can add   html in between name and profession

$spName .= $row['firstname'];
            $spPro = $row['profession'];

            $options .= '<option value='. $spName . '' . $spPro .'>' . $row['firstname'] . '&nbsp; ' . $row['lastname'] . ' - ' . $row['profession'] . '</option>';
            // or i could also do it this way.                                                                                                              
            $options .= '<option value='. $row['firstname'] . '&nbsp;' . $row['profession'] .'>' . $row['firstname'] . ' ' . $row['lastname'] . ' - ' . $row['profession'] . '</option>';

By kumar April 23, 2022 1 year 323 words

An example Ajax file upload with pure JavaScript

The following HTML5 tags provide the required components to add a file selector and an upload button to any web page: <input id=”fileupload” type=”file” name=”fileupload” /> <button id=”upload-button” onclick=”uploadFile()”> Upload </button> …

By kumar April 6, 2022 1 year 220 words

How to deny direct access to folder and file?

In this short instructional exercise we will cover a htaccess deny admittance to document augmentation. we should examine about htaccess limit admittance to document augmentation. This article will give you straightforward …