User "Status" Button in php codeigniter with ajax.

August 19, 2015

User "Status" Button in php codeigniter with ajax.

Hot to set user Active and Deactive Button in php Codeigniter with Ajax and Bootstrap.

Controller Code:

    public function change_user_status($par = NULL)
    {
      $this->model_name->user_status($par);
    }

Model Code:

    function user_status($st)
    {
       if ($st == "true")
       {
       $this->db
                      ->set('status', "Active")
                      ->where('user_id', $_POST['id'])
                      ->update('model_name');
           }
          else
          {
            $this->db
                            ->set('status', "Deactice")
                            ->where('user_id', $_POST['id'])
                            ->update('model_name');
           }
     }

View Page Code:

Paste this script on your vire page as same :

      $(document).on("click",".status",function(){
       var ida = $(this).parent().attr('id');
       if($(this).prop("checked") == true){
              $.ajax({
                            url:'user/change_user_status/true',
                            type:'post',
                            data:'id='+ida,
                            success:function(){
                                   }
                        });
                     }
                     else if($(this).prop("checked") == false){
                            $.ajax({
                                          url:'user/change_user_status/false',
                                          type:'post',
                                          data:'id='+ida,
                                          success:function(){
                                                 }
                     });
                            }
                     });

Css code:

.onoffswitch { position: relative; width: 95px; -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none; } .onoffswitch-checkbox { display: none; } .onoffswitch-label { display: block; overflow: hidden; cursor: pointer; border: 2px solid #999999; border-radius: 0px; } .onoffswitch-inner { display: block; width: 200%; margin-left: -100%; transition: margin 0.3s ease-in 0s; } .onoffswitch-inner:before, .onoffswitch-inner:after { display: block; float: left; width: 50%; height: 30px; padding: 0; line-height: 26px; font-size: 14px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold; box-sizing: border-box; border: 2px solid transparent; background-clip: padding-box; } .onoffswitch-inner:before { content: "Active"; padding-left: 10px; background-color: #327D1F; color: #FFFFFF; } .onoffswitch-inner:after { content: "Deactive"; padding-right: 10px; background-color: #CF1414; color: #FFFFFF; text-align: right; } .onoffswitch-switch { display: block; width: 18px; margin: 0px; background: #1094E0; position: absolute; top: 0; bottom: 0; right: 77px; transition: all 0.3s ease-in 0s; } .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner { margin-left: 0; } .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch { right: 0px; }