Форум программистов, компьютерный форум, киберфорум
PHP
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.50/4: Рейтинг темы: голосов - 4, средняя оценка - 4.50
 Аватар для Greeezly
6 / 6 / 1
Регистрация: 31.08.2012
Сообщений: 230

Пишу браузерную игру. Частичная прогрузка содержимого вебстраницы

20.08.2013, 21:31. Показов 859. Ответов 7
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Доброй ночи ( у меня ночь, у Вас не знаю).

Вопрос такой: Есть php файл с кучей всяких таблиц, картинок, html и JS кода. Я сделал следующее - при клике на кнопку, файл обращается сам к себе, и через сервер передает некоторые параметры, благодаря которым на месте кнопочки появляется таблица. Так вот, обновление всей страницы крайне нежелательно, да и не красиво. Как сделать так, чтобы обратиться к серверу и обновилась лишь часть кода ( в данном случае с моей таблицей).

JavaScript
1
2
3
4
5
6
<SCRIPT>
function gotoInventory()
{
   location.href="char.php?NickName=<?php echo $aNickName;?>&BackPack=On";
}
</SCRIPT>
PHP
1
2
3
4
5
6
7
8
9
10
11
12
<?php
if (!empty($_GET['BackPack']))
{
    if ($_GET['BackPack'] = 'On')
        {
           require('inventory.php'); // тут находится таблица
        }
}
else
{
    echo "<INPUT type=button value=Рюкзак onClick=gotoInventory()>";
}
Добавлено через 28 минут
Наткнулся на такое слово, как AJAX. Сложно ли делать такие динамические страницы?
0
IT_Exp
Эксперт
34794 / 4073 / 2104
Регистрация: 17.06.2006
Сообщений: 32,602
Блог
20.08.2013, 21:31
Ответы с готовыми решениями:

Пишу браузерную игру. Передача данных между php
Пишу браузерную игру, есть страница, которая разделена на фреймы с url main.php?NickName=&lt;Ваш ник&gt; главный файл main берет ник...

Пишу браузерную игру. Раскрытие на весь экран
Добрый день, видели же многи как почти во всех браузерных играх есть кнопочка, раскрытие на весь экран, как сделать эту функцию?

Пишу браузерную игру. Каким образом выйти ссылкой из фреймов
Добрый день, помогите, кто может. У меня есть страница, разделенная на фреймы. Назовем их 1 и 2. Так вот, если с 1 кинуть...

7
Почетный модератор
Эксперт HTML/CSSЭксперт PHP
 Аватар для KOPOJI
16844 / 6724 / 880
Регистрация: 12.06.2012
Сообщений: 19,967
20.08.2013, 21:42
Нет. Все тоже самое, но добавляется немного (или много) кода на js и код обработчика выносится в отдельный файл.

Добавлено через 13 секунд
http://xmlhttprequest.ru/
1
 Аватар для Greeezly
6 / 6 / 1
Регистрация: 31.08.2012
Сообщений: 230
21.08.2013, 07:00  [ТС]
погодите ка, XmlHttpRequest - это ведь не создание фреймов вручную?
0
Почетный модератор
Эксперт HTML/CSSЭксперт PHP
 Аватар для KOPOJI
16844 / 6724 / 880
Регистрация: 12.06.2012
Сообщений: 19,967
21.08.2013, 10:29
а фреймы то тут вообще каким боком?
0
 Аватар для Greeezly
6 / 6 / 1
Регистрация: 31.08.2012
Сообщений: 230
21.08.2013, 13:22  [ТС]
В той ссылке, которую вы давали в конце написано про использование XmlHttpRequest для общения между фреймами, вот и возникла мысль..

вот смотрите что у меня получается
HTML5
1
<INPUT type=button value=fucking_backpack onClick=vote(this)>
JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
function vote(outputElem)
{
    var xhr = new XMLHttpRequest();
    xhr.open('GET', 'inventory.php', true);
    xhr.onreadystatechange = function() 
    {
        if (xhr.readyState != 4) return;
        if (xhr.status != 200)
        alert('ошибка');
        document.write(this.responseText);
    }
    xhr.send(null);
}
Вопросов стало еще больше:
1) Каким образом выводить содержимое файла inventory.php в код? в alert получается, а вот..
2) Как обратиться к конкретной части функции?

видел как парень писал

JavaScript
1
var author = this.responseXML.getElementsByTagName('author')[0];
для обращения к
JavaScript
1
2
res.writeHead(200, {'Content-Type': 'text/xml'});
res.end('<book><author>Айн Рэнд</author><title>Атлант расправил плечи</title></book>');
на сервере.



3) Я что-то не понял про серверную часть скриптов. Каким образом их писать ( предполагаю что в подгружаемом файле) на серверной части?
4) Что именно передается на сервер, т.е. содержимое GET запроса? И как вообще на сервере могут работать JS?
0
 Аватар для crautcher
2450 / 2301 / 597
Регистрация: 27.05.2011
Сообщений: 7,845
21.08.2013, 13:38
Цитата Сообщение от Greeezly Посмотреть сообщение
3) Я что-то не понял про серверную часть скриптов. Каким образом их писать ( предполагаю что в подгружаемом файле) на серверной части?
4) Что именно передается на сервер, т.е. содержимое GET запроса? И как вообще на сервере могут работать JS?
Сервер получает запрос и дает ответ. Просит страницы браузер, как мы знаем (если упросить весь процесс). Джаваскрипт, как известно, это скрипт управления браузером. Так вот Аякс это технология прошения страницы от сервера без перехода на страницу. Иначе говоря есть 1.пхп в нем кнопа, клиаем на кнопу и браузер --> шелет запрос серверу --> сервер дает ответ --> и мы имеем данные из 2.пхп, к примеру, в скрипте 1.пхп без перезагрузки страницы или ее покидания.
0
 Аватар для Greeezly
6 / 6 / 1
Регистрация: 31.08.2012
Сообщений: 230
21.08.2013, 13:45  [ТС]
4) Что именно передается на сервер, т.е. содержимое GET запроса?
это я зря написал)

JavaScript
1
xhr.send(null);
вот же

Добавлено через 7 минут
во, у меня получилось
HTML5
1
2
<div id="backpack"></div>
<INPUT type=button value=backpack onClick=vote(this)>
JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
function vote(outputElem)
{
    var xhr = new XMLHttpRequest();
    var theElement = document.getElementById("backpack");
    xhr.open('GET', 'inventory.php', true);
    xhr.onreadystatechange = function() 
    {
        if (xhr.readyState != 4) return;
        if (xhr.status != 200)
        alert('ошибка');
    theElement.innerHTML = this.responseText;
    }
    xhr.send(null);
}
0
 Аватар для crautcher
2450 / 2301 / 597
Регистрация: 27.05.2011
Сообщений: 7,845
21.08.2013, 13:51
Greeezly, если вы планируете прогать на js в своей игре, то сразу переходите на jquery библиотеку. Там все действия в разы удобнее делаются +документация с примерами большая
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
BasicMan
Эксперт
29316 / 5623 / 2384
Регистрация: 17.02.2009
Сообщений: 30,364
Блог
21.08.2013, 13:51
Помогаю со студенческими работами здесь

Как создать браузерную игру?
Всем привет, подскажите, что нужно знать, чтобы сделать обычную браузерную игру. Без всяких flash, чисто на канвасе и скриптах. Например...

Как разграбить браузерную игру=) ?
Всем привет. Имеется браузерная флешь игра в которой периодически меняются цифры. Задача получать эти цифры когда мне надо. Есть идеи как...

Можно ли на C++ написать браузерную игру?
На чём лучше сделать простую игру браузерную? html5 или флеш?

Возможно ли сделать браузерную игру на C++?
Первый вопрос в теме, а второй, если да, то это сложно сделать из готовой игры? Например, для начала я хочу написать изометрическую мморпг...

Как создать браузерную онлайн игру?
Пожалуйста подскажите как создать браузерную онлайн игру? Я очень хочу создать её))) Желательно написать более подробно!!! Заранее...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
8
Ответ Создать тему
Новые блоги и статьи
Автоматическое создание документа при проведении другого документа
Maks 29.03.2026
Реализация из решения ниже выполнена на нетиповых документах, разработанных в конфигурации КА2. Есть нетиповой документ "ЗаявкаНаРемонтСпецтехники" и нетиповой документ "ПланированиеСпецтехники". В. . .
Настройка движения справочника по регистру сведений
Maks 29.03.2026
Решение ниже реализовано на примере нетипового справочника "ТарифыМобильнойСвязи" разработанного в конфигурации КА2, с целью учета корпоративной мобильной связи в коммерческом предприятии. . . .
Автозаполнение реквизита при выборе элемента справочника
Maks 27.03.2026
Программный код из решения ниже на примере нетипового документа "ЗаявкаНаРемонтСпецтехники" разработанного в конфигурации КА2. При выборе "Спецтехники" (Тип Справочник. Спецтехника), заполняется. . .
Сумматор с применением элементов трёх состояний.
Hrethgir 26.03.2026
Тут. https:/ / fips. ru/ EGD/ ab3c85c8-836d-4866-871b-c2f0c5d77fbc Первый документ красиво выглядит, но без схемы. Это конечно не даёт никаких плюсов автору, но тем не менее. . . всё может быть. . .
Автозаполнение реквизитов при создании документа
Maks 26.03.2026
Программный код из решения ниже размещается в модуле объекта документа, в процедуре "ПриСозданииНаСервере". Алгоритм проверки заполнения реализован для исключения перезаписи значения реквизита,. . .
Команды формы и диалоговое окно
Maks 26.03.2026
1. Команда формы "ЗаполнитьЗапчасти". Программный код из решения ниже на примере нетипового документа "ЗаявкаНаРемонтСпецтехники" разработанного в конфигурации КА2. В качестве источника данных. . .
Кому нужен AOT?
DevAlt 26.03.2026
Решил сделать простой ланчер Написал заготовку: dotnet new console --aot -o UrlHandler var items = args. Split(":"); var tag = items; var id = items; var executable = args;. . .
Отправка уведомления на почту при создании или изменении элементов справочника
Maks 24.03.2026
Программная отправка письма электронной почты на примере типового справочника "Склады" в конфигурации БП3. Перед реализацией необходимо выполнить настройку системной учетной записи электронной. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru