Creating a Javascript Circle Program Username

Creating Javascript circle program username

in this case session responsible for connecting

the rope to prevent someone from plunging into the abyss. commonly used for the easiest session. divided into three.

A.session_start () Started all code inside that circle. B.if ($ _ SESSION ($ username)) Circle user recognize data based on Js username program. C.session_destroy (); remove traces travel open the door come out with polite. The following, I don't think, has changed much like that in my session this is already the most commonly used for simple string pages.

there are still many sessions that I haven't had the chance to lay out now.

To see them work m

ake this gur

controllers

base

javacript.php

Sample:

components

check-username-availability.php'

Sample:

<?php
    session_start();
    require '../_database/database.php';
    $user_username=$_SESSION['user_username'];
    if(isSet($_POST['user_username'])){
        if(!isset($_SERVER['HTTP_X_REQUESTED_WITH']) AND strtolower($_SERVER['HTTP_X_REQUESTED_WITH']) != 'xmlhttprequest') {
            die();
        }
        $username = $_POST['user_username'];
        $username = mysqli_real_escape_string($database,$username);
        $sql_check = mysqli_query($database,"SELECT user_username FROM user WHERE user_username='$username'");
        if(mysqli_num_rows($sql_check)){
            die('<div style="padding-top:5px;"></div><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="14" height="14" viewBox="0 0 16 16">
            <g>
            </g>
                <path d="M8 0c-4.418 0-8 3.582-8 8s3.582 8 8 8 8-3.582 8-8-3.582-8-8-8zM12 5.414l-2.586 2.586 2.586 2.586v1.414h-1.414l-2.586-2.586-2.586 2.586h-1.414v-1.414l2.586-2.586-2.586-2.586v-1.414h1.414l2.586 2.586 2.586-2.586h1.414v1.414z" fill="#333"></path>
            </svg> ');
        }
        else{
            die('<div style="padding-top:5px;"></div><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="14" height="14" viewBox="0 0 16 16">
            <g>
            </g>
                <path d="M8 0c-4.418 0-8 3.582-8 8s3.582 8 8 8 8-3.582 8-8-3.582-8-8-8zM6.5 13l-3.313-4.313 1.469-1.531 1.844 2.344 5.781-4.719 0.719 0.719-6.5 7.5z" fill="#333"></path>
            </svg> ');
        }
    }
?>

if ($

if ($ _ SESSION ($ user_username)); Make them work make one of the indexing

tables, such as the user table and add words, which are included in the js program Example user table

1.user_id.

2.user_username.

3.user_email.

indexing of table rows, including

1. key key.

2. index.

3. index.

this is important where under this circle has an important role to build the entrance of the user whether to use email or email. for example someone entered using username ID

components

login_process.php

Sample:

<?php
    session_start();
    if(isset($_REQUEST['login_button'])||$_REQUEST['auto']==1){
        require '../_database/database.php';
        $errmsg_arr = array();
        $errflag = false;
        $username=  mysqli_real_escape_string($database,$_REQUEST['username']);
        $password=  mysqli_real_escape_string($database,$_REQUEST['password']);
        if($username == '') {
            $errmsg_arr[] = 'Username missing';
            $errflag = true;
        }
        if($password == '') {
            $errmsg_arr[] = 'Password missing';
            $errflag = true;
        }
        if($errflag) {
            $_SESSION['ERRMSG_ARR'] = $errmsg_arr;
            session_write_close();
            header("location: authentication-check.php");
            exit();
        }
        $sql="SELECT user_username,user_password FROM user WHERE user_username='$username'AND user_password='$password'";
        $result=  mysqli_query($database,$sql) or die(mysqli_errno());
        $trws= mysqli_num_rows($result);
        if($trws==1){
            $rws=  mysqli_fetch_array($result);
            $_SESSION['user_username']=$rws['user_username'];
            $_SESSION['user_password']=$rws['user_password'];
            header("location:../home.php?user_username=$username&request=login&status=success");    
        }
        else {
            $errmsg_arr[] = 'user name and password not found';
            $errflag = true;
            if($errflag) {
                $_SESSION['ERRMSG_ARR'] = $errmsg_arr;
                session_write_close();
                header("location: ../components/authentication-check.php");
                exit();
            }
        }
    }
?>

Make a username circle Check username the area is still visible to everyone including those who have written their data into the database.

if ($ _ SESSION ($ username)) {

...... you username option ........

}

alse

{

..... public outside the database ...

}

just call it a user house, guests can view the public outside the database.

Full code.

javascript.php

Sample:

<script src="assets/js/base/jquery.min.js"></script>
    <script src="assets/js/base/smoothscroll.js"></script>
    <script src="assets/js/base/jquery.form.js"></script>
    
    
    
    <script src="assets/js/bootstrap/bootstrap.js"></script>

<script src="assets/js/base/jquery-ui.js"></script>
	
    
    <link href="assets/js/bootstrap-form-helpers/bootstrap-formhelpers.js"></script>
    <link href="assets/js/bootstrap-form-helpers/bootstrap-formhelpers-colorpicker.js"></script>    
    <link href="assets/js/bootstrap-form-helpers/bootstrap-formhelpers-datepicker.js"></script>

<script src="assets/js/base/offcanvas.js"></script>
    <script src="assets/js/base/scripts.js"></script>

<script src="assets/js/pace/pace.min.js"></script>

<script src="assets/js/instantclick/instantclick.min.js" data-no-instant></script>

<script data-no-instant>
        InstantClick.init();
    </script>

<script src="assets/js/wow/wow.js"></script>

<script>
        new WOW().init();
    </script>

<script>
        $(document).ready(function(){
            $("body").hide(0).delay(100).fadeIn(1000)
        });
    </script>
    
    
    <script type="text/javascript">
        $(document).ready(function() {
            $("#user_username").keyup(function (e) {
                $(this).val($(this).val().replace(/\s/g, ''));
                var username = $(this).val();
                if(username.length < 1){$("#status").html('');return;}
                if(username.length >= 1){
                    $("#status").html('<img src="assets/img/ajax-loader.gif" />');
                    $.post('components/check-username-availability.php', {'user_username':username}, function(data) {
                      $("#status").html(data);
                    });
                }
            });	
        });
    </script>

<script type="text/javascript"> 
        var totalCount = 5;
        function ChangeIt() {
            var num =  Math.ceil( Math.random() * totalCount );
            document.body.background = 'assets/img/backgrounds/background'+num+'.jpg';
            document.body.style.backgroundRepeat = "repeat";
        }
    </script>

<script type="text/javascript">
        $(document).ready(function(){
            $(".search").keyup(function() {
                var searchbox = $(this).val();
                var dataString = 'searchword='+ searchbox;
                if(searchbox==''){
                }
                else{
                    $.ajax({
                        type: "POST",
                        url: "components/search.php",
                        data: dataString,
                        cache: false,
                        success: function(html){
                            $("#display").html(html).show();
                        }
                    });
                }return false;    
            });
        });
        jQuery(function($){
           $("#searchbox").Watermark("Search");
       });
    </script>

<script type="text/javascript">
        $(document).mouseup(function (e){
            var container = $("#display");
            if (!container.is(e.target) && container.has(e.target).length === 0){
                container.hide();
            }
        });
    </script>

<script src="assets/js/base/jquery-1.8.0.min.js"></script>

<script type="text/javascript">
        $(function(){
            $("#uploadFile").on("change", function(){
                var files = !!this.files ? this.files : [];
                if (!files.length || !window.FileReader) return; // no file selected, or no FileReader support
                if (/^image/.test( files[0].type)){ // only image file
                    var reader = new FileReader(); // instance of the FileReader
                    reader.readAsDataURL(files[0]); // read the local file
                    reader.onloadend = function(){ // set image data as background of div
                        $("#uploadImagePreview").css("display","block");
                        $("#imagePreview").css("background-image", "url("+this.result+")");
                        $("#imagePreview").css("max-height","223px");    
                        $("#imagePreview").css("height","223px"); 
                    }
                }
            });
        });
    </script>

<script type="text/javascript">
        $(function(){
            $("#uploadBackgroundFile").on("change", function(){
                var files = !!this.files ? this.files : [];
                if (!files.length || !window.FileReader) return; // no file selected, or no FileReader support
                if (/^image/.test( files[0].type)){ // only image file
                    var reader = new FileReader(); // instance of the FileReader
                    reader.readAsDataURL(files[0]); // read the local file
                    reader.onloadend = function(){ // set image data as background of div
                        $("#uploadBackgroundImagePreview").css("display","block");
                        $("#imageBackgroundPreview").css("background-image", "url("+this.result+")");
                        $("#imageBackgroundPreview").css("max-height","223px");  
                        $("#imageBackgroundPreview").css("height","223px"); 
                    }
                }
            });
        });
    </script>

<script type="text/javascript"> 
        ChangeIt();
    </script> 
    
    <script>
        $('.carousel').carousel({
          interval: 3500
        })
	</script>

Included in the upload image file preview calls and displays data before uploading an image like the image px size the js program for the bottom line is as the foundation of the house 1.assets.

2. components.

3. controllers.

4.css.

all of which support the program's website structure and framework