Форум

Сергей74rus · #1 (**permalink**) 01.12.2015, 13:14

Всем доброго времени суток,помогите кто чем может,ни как не пойму как создать цикл,у меня есть массив

var data=JSON.parse(data);

полученный из php ,в нем содержится время , нужно что бы блокировались кнопки с тем временем которое содержится в массиве

<p>
                       <button type="button" class="btn-sample" id="time-is-09:00" onclick="" >09:00</button>
                       <button type="button" class="btn-sample" id="time-is-09:30" onclick="" >09:30</button>
                       <button type="button" class="btn-sample" id="time-is-10:00" onclick="" >10:00</button>
                       <button type="button" class="btn-sample" id="time-is-10:30" onclick="" >10:30</button>
                       <button type="button" class="btn-sample" id="time-is-11:00" onclick="" >11:00</button>
                       <button type="button" class="btn-sample" id="time-is-11:30" onclick="" >11:30</button>
                       <button type="button" class="btn-sample" id="time-is-12:00" onclick="" >12:00</button>
                       <button type="button" class="btn-sample" id="time-is-12:30" onclick="" >12:30</button>
                       <button type="button" class="btn-sample" id="time-is-13:00" onclick="" >13:00</button>
                       <button type="button" class="btn-sample" id="time-is-13:30" onclick="" >13:30</button>
                       <button type="button" class="btn-sample" id="time-is-14:00" onclick="" >14:00</button>
                       <button type="button" class="btn-sample" id="time-is-14:30" onclick="" >14:30</button>
                       <button type="button" class="btn-sample" id="time-is-15:00" onclick="" >15:00</button>
                       <button type="button" class="btn-sample" id="time-is-15:30" onclick="" >15:30</button>
                       <button type="button" class="btn-sample" id="time-is-16:00" onclick="" >16:00</button>
                       <button type="button" class="btn-sample" id="time-is-16:30" onclick="" >16:30</button>
                       <button type="button" class="btn-sample" id="time-is-17:00" onclick="" >17:00</button>
                </p>

рони · #2 (**permalink**) 01.12.2015, 13:42

Сергей74rus,
можно пример data?

Сергей74rus · #3 (**permalink**) 01.12.2015, 13:58

рони,
$data = array(); // в этот массив запишем то, что выберем из базы

$ta = mysql_query("SELECT `Time` ,`events` FROM `events` "); // сделаем запрос в БД
while($row = mysql_fetch_assoc($ta)){ // оформим каждую строку результата
// как ассоциативный массив
$data[] = $row; // допишем строку из выборки как новый элемент результирующего массива
}
echo json_encode($data);

рони · #4 (**permalink**) 01.12.2015, 14:14

Сергей74rus,
можно пример массива? без php

Сергей74rus · #5 (**permalink**) 01.12.2015, 14:27

рони,

[{"Time":"09:00:00","events":"2015-11-26"},{"Time":"09:30:00","events":"2015-11-26"},{"Time":"10:00:00","events":"2015-11-26"},{"Time":"10:30:00","events":"2015-11-26"},{"Time":"11:00:00","events":"2015-11-26"},{"Time":"11:30:00","events":"2015-11-26"},{"Time":"12:00:00","events":"2015-11-26"}

рони · #6 (**permalink**) 01.12.2015, 14:57

Сообщение от Сергей74rus

id="time-is-09:00"

неправильный формат id, замените на data-time="09:00:00" ,вам же проще будет.

<!DOCTYPE HTML>

<html>

<head>
  <title>Untitled</title>
  <meta charset="utf-8">
</head>

<body>
<p>
                       <button type="button" class="btn-sample" id="time-is-09:00" onclick="" >09:00</button>
                       <button type="button" class="btn-sample" id="time-is-09:30" onclick="" >09:30</button>
                       <button type="button" class="btn-sample" id="time-is-10:00" onclick="" >10:00</button>
                       <button type="button" class="btn-sample" id="time-is-10:30" onclick="" >10:30</button>
                       <button type="button" class="btn-sample" id="time-is-11:00" onclick="" >11:00</button>
                       <button type="button" class="btn-sample" id="time-is-11:30" onclick="" >11:30</button>
                       <button type="button" class="btn-sample" id="time-is-12:00" onclick="" >12:00</button>
                       <button type="button" class="btn-sample" id="time-is-12:30" onclick="" >12:30</button>
                       <button type="button" class="btn-sample" id="time-is-13:00" onclick="" >13:00</button>
                       <button type="button" class="btn-sample" id="time-is-13:30" onclick="" >13:30</button>
                       <button type="button" class="btn-sample" id="time-is-14:00" onclick="" >14:00</button>
                       <button type="button" class="btn-sample" id="time-is-14:30" onclick="" >14:30</button>
                       <button type="button" class="btn-sample" id="time-is-15:00" onclick="" >15:00</button>
                       <button type="button" class="btn-sample" id="time-is-15:30" onclick="" >15:30</button>
                       <button type="button" class="btn-sample" id="time-is-16:00" onclick="" >16:00</button>
                       <button type="button" class="btn-sample" id="time-is-16:30" onclick="" >16:30</button>
                       <button type="button" class="btn-sample" id="time-is-17:00" onclick="" >17:00</button>
                </p>
<script>
var arr = [{"Time":"09:00:00","events":"2015-11-26"},{"Time":"09:30:00","events":"2015-11-26"},{"Time":"10:00:00","events":"2015-11-26"},{"Time":"10:30:00","events":"2015-11-26"},{"Time":"11:00:00","events":"2015-11-26"},{"Time":"11:30:00","events":"2015-11-26"},{"Time":"12:00:00","events":"2015-11-26"}];
arr.forEach( function(el) {
     var time = el["Time"].substr(0,5);
     var elem = document.querySelector('[id="time-is-'+time+'"]')
     elem && elem.setAttribute("disabled" ,"disabled")
});
</script>
</body>

</html>

Форум

Справочник

Discord чат

Курсы javascript