Показать сообщение отдельно
  #1 (permalink)  
Старый 26.02.2017, 17:40
Новичок на форуме
Отправить личное сообщение для qpurypaHT Посмотреть профиль Найти все сообщения от qpurypaHT
 
Регистрация: 26.02.2017
Сообщений: 7

click checkbox for send data
Здравствуйте, я рад приветствовать вас!

Я столкнулся с проблемой и нуждаюсь в помощи. Надеюсь моя просьба будет не слишком наглой.
Дело в том, что я javascript и jquery я еще не разбираюсь, так как не хочу хвататься за несколько языков сразу и метаться между ними, изучаю сейчас php

Я пишу сайт корпоративный для жены, в целом все готово, лишь осталось дописать админку.

На странице списка зарегистрированных пользователей, сверстал разметку, в которой оформил checkbox



Бегунки активны и переключаются.

input[type="checkbox"]{display: none;}
input[type="checkbox"] + label{cursor: pointer;padding-left: 50px;position: relative;font-family: tahoma, sans-serif, arial;}
input[type="checkbox"] + label::before{content: "";display: inline-block;position: absolute;top: 0;left: 0;vertical-align: middle;padding: 0;height: 15px;width: 36px;margin: 0 5px 0 0;border: 1px solid #dadada;border-radius: 12px;background: #fc7979;}
input[type="checkbox"] + label::before,
input[type="checkbox"] + label::after{-webkit-transition: all .2s ease-out;transition: all .2s ease-out;}
input[type="checkbox"] + label::after{content: "";display: block;position: absolute;top: 1px;left: 1px;width: 22px;height: 13px;border-radius: 22px;
background: #fff;border: 1px solid #dadada;box-shadow: 0 3px 3px rgba(140, 140, 140, .1);}
input[type="checkbox"]:checked + label::before{background: #6edc5f;border-color: #6dd75e;}
input[type="checkbox"]:checked + label::after{left: 13px;}



Вывел с БД список пользователей:

$sql = "SELECT * FROM `cordinators`";
$sql = mysql_query($sql, $link_connect);
while ($cordinators = mysql_fetch_assoc($sql)){
    if($cordinators['first'] == 'yes'){
        $first = '<img src="check_box.png" alt="" />';
    }else{
        $first = '<img src="cancel.png" alt="" />';
    }
 
    if($cordinators['status'] == 'activated'){
        $a = 'checked';
    }else{
        $a = '';
    }
    
    echo '
        <div class="cordinator">
            <a href="cordi_edit.php?=id'.$cordinators['id'].'" id="edit"><img src="application_edit.png" alt=""/></a>
            <div class="name">'.$cordinators['surname'].' '.$cordinators['name'].' '.$cordinators['patronymic'].'</div>
            <div class="email">'.$cordinators['email'].'</div>
            <div class="user_group">'.$cordinators['user_group'].'</div>
            <div class="UCode">'.$cordinators['UCode'].'</div>
            <div class="first">'.$first.'</div>
            <div class="status"><input type="checkbox" id="'.$cordinators['id'].'" checked="'.$a.'" /> <label for="'.$cordinators['id'].'"></label></div>
        </div>
    
    ';
}





id стилей для <input type="checkbox" /> в цикле нужен индивидуальный, чтобы работал <label for=""></label>
Выдал его по id пользователей.


Эта проверка определяет, активирована учетка или нет, в соответствии: checked="'.$a.'"


if($cordinators['status'] == 'activated'){
        $a = 'checked';
    }else{
        $a = '';
    }



Суть идеи такова, как сделать, чтобы переключая в этом списке учеток этот чек бокс на записи пользователя и в БД менять статус учетки activated/deactivated

Знаю что это делается через ajax, но даже не представляю как такой скрипт написать и обработчик

Знаю моя просьба возможно наглая, но без помощи я не решу вопрос.

Благодарю
Ответить с цитированием