Игра на Javascript - JavaScript, Ajax

mixon-21 · 13.01.2014, 19:58

С прошедшими праздниками всех

Помогите пожалуста с игрой "пятнашки"
Раскажите как управлять дивами.
Заранее благодарен

Вот код

Код:

<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <title></title>
</head>
<body>
<script>
    var cub = 16;
    document.write('<table><tr>')
    for (var i = 1; i < cub; i++) {
        if(i%4!=0)
            document.write('<th><div style="width:80px;height:80px;border:double 2px;color:red;background:#facd11">' + i + '</div></th>');
        if(i%4==0)
            document.write('<th><div style="width:80px;height:80px;border:double 2px;color:red;background:#facd11">' + i + '</div></th></tr>');
            if(i==15)
                document.write('<th><div  style="width:80px;height:80px;border:double 2px;color:red;background:#f0fa55"></div></th></tr>');
    }
    document.write('</tr></table>');
</script>
</body>
</html>

Виталий Желтяков · 13.01.2014, 20:40

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

mixon-21 · 13.01.2014, 20:47

Цитата:

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

А как подскажите плиз или ссылочку если можно где почитать как это делается . Спасибо!!!

mixon-21 · 14.01.2014, 15:11

Помогите пожалуйста 3 дня уже мучаюсь не могу придумать.
как управлять DIVами чтобы при onclick они менялись с пустым DIVом.

ADSoft · 14.01.2014, 17:34

1. как вы определите что див пустой?
2. меняться можно только с соседствующим пустым дивом слева, справа, снизу или сверху
.. что-то мне подсказывает, что тут нужно реализовать мат модель - создать двухмерный массив, в ячейках будут цифры и например координаты ....
при нажатии на любую ячейку - смотреть есть ли по п 2 пустая ячейка, если есть перезаписывать массив - менять дивы по координатам в массиве

Fenex · 14.01.2014, 19:14

Цитата:

Сообщение от mixon-21

А как подскажите плиз или ссылочку если можно где почитать как это делается . Спасибо!!!

Довольно простой код:
http://jsfiddle.net/Fenex/sJ5sJ/ (немного объяснений)
http://jsfiddle.net/Fenex/r6GFx/

Виталий Желтяков · 14.01.2014, 22:23

На Хабре есть несколько статей про пятнашки - почитайте их

14.01.2014, 17:34	#5
ADSoft Старожил Регистрация: 25.02.2007 Сообщений: 4,184	1. как вы определите что див пустой? 2. меняться можно только с соседствующим пустым дивом слева, справа, снизу или сверху .. что-то мне подсказывает, что тут нужно реализовать мат модель - создать двухмерный массив, в ячейках будут цифры и например координаты .... при нажатии на любую ячейку - смотреть есть ли по п 2 пустая ячейка, если есть перезаписывать массив - менять дивы по координатам в массиве Сайты, приложения, автоматизация в широком смысле слова

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Javascript	SuperAnna	JavaScript, Ajax	6	22.03.2013 09:41
Javascript - классы, они есть или их нету в Javascript?	Kasper1	JavaScript, Ajax	3	05.03.2011 09:42
JavaScript	SweetF	Фриланс	3	13.12.2010 09:49
Javascript	diassa	HTML и CSS	5	13.09.2010 20:12

13.01.2014, 20:40	#2
Виталий Желтяков Старожил Регистрация: 19.04.2010 Сообщений: 2,702	Добавляете несколько обработчиков событий с нужными действиями

14.01.2014, 15:11	#4
mixon-21 Я только Учусь Форумчанин Регистрация: 06.03.2013 Сообщений: 193	Помогите пожалуйста 3 дня уже мучаюсь не могу придумать. как управлять DIVами чтобы при onclick они менялись с пустым DIVом.

14.01.2014, 22:23	#7
Виталий Желтяков Старожил Регистрация: 19.04.2010 Сообщений: 2,702	На Хабре есть несколько статей про пятнашки - почитайте их