[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: Апдейт данных без перезагрузки страницы
asalio
всем привет!

есть страница, которая состоит из 3х блоков:

1. таблица (выводится всегда)
2. кнопка, которая приобретает значение disabled, в случае, если нет определенного куки.
3. форма post, которая появляется, если нет того же куки.

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

echo '<meta http-equiv="refresh" content="0; url=http://...">';


знаю, метод пещерный..

поэтому и ищу способ сделать юзабилити более продвинутым. с Javascript и технологией Ajax не дружу вообще никак. до этого момента все реализовывалось исключительно на php.

многие из Вас наверняка сразу начнут ставить ссылки на api jQuery и т.п., типа читай и просвещайся.

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

иными словами, как сделать так, чтобы после установки куки (проверяются введенные данные в 3м блоке, и, если все ок, - устанавливается куки) не нужно было ставить редирект на перезагрузку страницы, а просто enable кнопку 2го блока и убрать 3й блок, - все это на время, пока есть куки.

заранее спасибо



Спустя 3 минуты, 56 секунд (6.06.2011 - 23:59) Игорь_Vasinsky написал(а):
Цитата
с Javascript и технологией Ajax не дружу вообще

ну и напрасно.

Спустя 4 минуты, 35 секунд (7.06.2011 - 00:03) waldicom написал(а):
У кнопки и блока должны быть id. Т.е. что-то типа
<input type="button" id="btnSetCookie" value="click me"/>

...

<div id="div3">
...
</div>


Затем у кнопки можно выставить событие onclick, т.е. примерно

<input type="button" id="btnSetCookie" value="click me" onclick="hideButtonAndDiv()"/>


hideButtonAndDiv() - это функция javascript

<script>
function hideButtonAndDiv(){
document.getElementById('btnSetCookie').style.display = 'none';
document.getElementById('div3').style.display = 'none';
}
</script>


пысы. или свойство disabled для кнопки

Спустя 3 часа, 6 минут, 58 секунд (7.06.2011 - 03:10) inpost написал(а):
asalio
Надо исправляться: с Javascript и технологией Ajax не дружу вообще никак.

Спустя 4 часа, 38 минут, 35 секунд (7.06.2011 - 07:49) Xes написал(а):
Цитата
Ajax не дружу вообще никак

- там дружить нечего сам еще не пользовал, небыло необходимости, но читал статью на этом сайте или подобном там все просто надо добавить пару строк в код и все. (ну на определенном уровне реализации видимо, дальше видимо свои нюансы)

Спустя 6 часов, 36 минут, 58 секунд (7.06.2011 - 14:26) asalio написал(а):
спасибо, waldicom, сделано по Вашему совету - понравилось. пойду сегодня пару книг прикуплю. буду штудировать.

Спустя 1 день, 3 часа, 57 минут, 2 секунды (8.06.2011 - 18:23) asalio написал(а):
приступил к изучению и по-тихому начинаю экспериментировать.

задача та же, только теперь контроллер подключает представление, где несколько элементов со своими id:

button
auth
register


после подключения представления, контроллер содержит условие:
$get_hash = get_hash($uid);
if ($get_hash == true)
{
print("<script> var auth = $(\"#auth\"); auth.show(1000); </script>");
}
else
{
print("<script> var register = $(\"#register\"); register.show(1000); </script>");
}


где функция, get_hash() - проверка наличия пароля в БД. если пароль есть - показать элемент авторизации(id="auth"), если нет - элемент регистрации (id="register").

конструкция не работает, объясните, плз, на пальцах, почему? и как стыковать удобней и проще php с Javascript?

Спустя 56 минут, 1 секунда (8.06.2011 - 19:19) waldicom написал(а):
В примере выше используется какой-то фреймворк. Скорее всего это jQuery. Вы его подключили?
Кстати, совершенно не обязательно писать так: \", можно просто одинарную кавычку поставить - красивее и понятнее будет.

Спустя 20 минут, 25 секунд (8.06.2011 - 19:39) asalio написал(а):
использую drupal, да, это jQuery, автоматически подключается на каждой странице
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2025 Invision Power Services, Inc.