Пишу движок свой, как дипломную работу, и сказали сделать с использованием AJAX.
Прочитал статьи, но чет не получается.
Теперь вообщем суть проблемы.
нужно обновлять часть страницы по переходу по ссылке.
прошу не пишите ссылки на статьи, а просто поэтапно что и куда объясните.)))
Спустя 20 минут, 8 секунд (20.05.2010 - 10:09) Basili4 написал(а):
Для этого не нужен AJAX для того что бы обновить часть страницы нужен JS
var El=document.getElementById(Elname); Elname- id элемента который хотим обновить
El.innerHTML="<h3>пример</h3>" - указыаем HTML код который хотим записать в элемент. Все.
Для работы с AJAXом найдите книгу "Ajax в действии" автора не помню. там подробненько все написано.
var El=document.getElementById(Elname); Elname- id элемента который хотим обновить
El.innerHTML="<h3>пример</h3>" - указыаем HTML код который хотим записать в элемент. Все.
Для работы с AJAXом найдите книгу "Ajax в действии" автора не помню. там подробненько все написано.
Спустя 2 минуты, 23 секунды (20.05.2010 - 10:11) AntonNABSAL написал(а):
Цитата (Basili4 @ 20.05.2010 - 07:09) |
Для этого не нужен AJAX для того что бы обновить часть страницы нужен JS var El=document.getElementById(Elname); Elname- id элемента который хотим обновить El.innerHTML="<h3>пример</h3>" - указыаем HTML код который хотим записать в элемент. Все. Для работы с AJAXом найдите книгу "Ajax в действии" автора не помню. там подробненько все написано. |
мне не обновить, а именно перезагрузить контент, т.е. открыть новый php файл в этой области страницы
Спустя 6 минут, 51 секунда (20.05.2010 - 10:18) ApuktaChehov написал(а):
У меня личный вопрос. А по какой специальности вы учитесь, что у вас AJAX входит в дипломную работу?
На самом деле тема довольно обширная, что бы просто так все объяснить.
Тут нужно время и материал. Вы бы предоставили свои нароботки, а мы бы посомтрели и посоветовали что-нибудь.
На самом деле тема довольно обширная, что бы просто так все объяснить.
Тут нужно время и материал. Вы бы предоставили свои нароботки, а мы бы посомтрели и посоветовали что-нибудь.
Спустя 7 минут, 56 секунд (20.05.2010 - 10:26) zarafar написал(а):
Мне бы Ajax'ом отделаться на дипломной. Эх...
Сейчас сижу в академ отпуске, пришлось взять перед защитой. Зарубили на теме диплома: Передача и обработка грозопеленгационной информации в вычислительной сети. Которую мне же дал науч рук и на которую был даже заказ, какой то метео службы.
О всяких сайтах и слышать даже не хотят = *(
Простите за офф топ, диплом больная тема..
Сейчас сижу в академ отпуске, пришлось взять перед защитой. Зарубили на теме диплома: Передача и обработка грозопеленгационной информации в вычислительной сети. Которую мне же дал науч рук и на которую был даже заказ, какой то метео службы.
О всяких сайтах и слышать даже не хотят = *(
Простите за офф топ, диплом больная тема..
Спустя 7 минут, 55 секунд (20.05.2010 - 10:34) ApuktaChehov написал(а):
Я не очень понимаю, почему AJAX это такая больная тема? Нужно просто сесть и написать что-нибудь. Многие так учились, на скриптах из Гугла.
Спустя 26 минут, 15 секунд (20.05.2010 - 11:00) Семён написал(а):
Да уж большая и обширная тема, что нельзя человеку пример привести, гораздо лучше помусолить и повосхищаться сложность AJAX-a!
Держи пример:
Держи пример:
<script src="http://code.jquery.com/jquery-latest.js"></script>
<div id="result"></div>
<a id="mypage" style="cursor:pointer;">Получить информацию!</a>
<script>
$("#mypage").click(function () {
$.get("ТУТ_ССЫЛКА_ОТКУДА_ТАЩИТЬ_ИНФУ", function(data){
$('#result').html(data);
});
});
</script>
Спустя 12 минут, 44 секунды (20.05.2010 - 11:13) ApuktaChehov написал(а):
Это же JQuery. На месте учителя, я за такое дело, бы кол влепил.
Спустя 14 минут, 3 секунды (20.05.2010 - 11:27) Семён написал(а):
Цитата (ApuktaChehov @ 20.05.2010 - 12:13) |
Это же JQuery. На месте учителя, я за такое дело, бы кол влепил. |
У тебя есть мобильный? Зачем он тебе? Пользуйся переговорным будками, если прогресс не идёт к тебе в дом! Зачем использовать готовый библиотеки php? Пиши свои функции!
Спустя 8 минут, 34 секунды (20.05.2010 - 11:35) waldicom написал(а):
Цитата (ApuktaChehov @ 20.05.2010 - 10:13) |
Это же JQuery. На месте учителя, я за такое дело, бы кол влепил. |
В принципе я с тобой где-то согласен, потому что в школе/универе надо иногда "изобрести велосипед", просто чтобы понять, как это работает внутри.
Спустя 1 час, 30 минут, 36 секунд (20.05.2010 - 13:06) andyp написал(а):
Да, в начале обучения не нужно пользоваться чужим готовым кодом, который, кстати, не всегда рабочий (а искать ошибки в чужом коде дело хлопотное, и тем более незная как он работает, навряд ли их исправишь). Да и даже в таких известных библиотеках бывают грубые баги. Например, довольно долгое время в jQuery неверно работали функции просчета позиции элементов.
Но может человек преследует не образовательные цели, а ему нужен результат. Тогда jQuery функции для работы с AJAX подойдут.
Но может человек преследует не образовательные цели, а ему нужен результат. Тогда jQuery функции для работы с AJAX подойдут.
Спустя 6 минут, 22 секунды (20.05.2010 - 13:12) AntonNABSAL написал(а):
Цитата (Семён @ 20.05.2010 - 08:00) |
Да уж большая и обширная тема, что нельзя человеку пример привести, гораздо лучше помусолить и повосхищаться сложность AJAX-a! Держи пример:
|
спасиб за код))) только можешь подробнее объяснить что тут откуда и куда???
Спустя 20 минут, 19 секунд (20.05.2010 - 13:33) Семён написал(а):
AntonNABSAL
Нз. JQuery - красивая кроссбраузерная оболочка языка JavaScript.
Большие громоздкие и кроссбраузерные куски кода в виде 1 команды.
В данном случае мы воспользовались командой get. (там очень много всего, если есть необходимость использовать чистый JS, то JQuery не будет ему мешать)
Как этот код работает?
1-ой строкой мы подключили саму библиотеку JQuery.
2-ой мы сделали слой с id = result (тот слой куда у нас будет выводиться информация)
3-ей сделали ссылку, при клике которой будет выполнятся JavaScript и соответственно получение страницы.
Между тегами:
Выполняется JavaScript
Происходит выполнение действий по клику элемента с id=mypage.
Мы добавляем то самое действие (.get)
В результате мы получаем data которую выводим в div с id=result
Таким образом
Более подробный справочник:
http://jquery.com
http://docs.jquery.com/Main_Page
Нз. JQuery - красивая кроссбраузерная оболочка языка JavaScript.
Большие громоздкие и кроссбраузерные куски кода в виде 1 команды.
В данном случае мы воспользовались командой get. (там очень много всего, если есть необходимость использовать чистый JS, то JQuery не будет ему мешать)
Как этот код работает?
1-ой строкой мы подключили саму библиотеку JQuery.
2-ой мы сделали слой с id = result (тот слой куда у нас будет выводиться информация)
3-ей сделали ссылку, при клике которой будет выполнятся JavaScript и соответственно получение страницы.
Между тегами:
<script></script>
Выполняется JavaScript
$("#mypage").click(function () {
});
Происходит выполнение действий по клику элемента с id=mypage.
Мы добавляем то самое действие (.get)
$.get("ТУТ_ССЫЛКА_ОТКУДА_ТАЩИТЬ_ИНФУ", function(data){
$('#result').html(data);
});
В результате мы получаем data которую выводим в div с id=result
Таким образом
$('#result').html(data);
Более подробный справочник:
http://jquery.com
http://docs.jquery.com/Main_Page
Спустя 4 минуты, 48 секунд (20.05.2010 - 13:38) AntonNABSAL написал(а):
Цитата (Семён @ 20.05.2010 - 10:33) |
AntonNABSAL Нз. JQuery - красивая кроссбраузерная оболочка языка JavaScript. Большие громоздкие и кроссбраузерные куски кода в виде 1 команды. В данном случае мы воспользовались командой get. (там очень много всего, если есть необходимость использовать чистый JS, то JQuery не будет ему мешать) ..... |
спс большое
Спустя 8 минут, 11 секунд (20.05.2010 - 13:46) AntonNABSAL написал(а):
Цитата (Семён @ 20.05.2010 - 10:33) |
AntonNABSAL |
и еще вопрос, по конкретному применению)
есть ссылка <a href="lib/a1.php">ПРИМЕР1</a2> и <a href="lib/a2.php">ПРИМЕР2</a>
и как именно их подогнать под этот код?
извини если слишком тугой
Спустя 32 секунды (20.05.2010 - 13:46) Семён написал(а):
нз.
Спустя 1 минута, 2 секунды (20.05.2010 - 13:47) Семён написал(а):
Цитата (AntonNABSAL @ 20.05.2010 - 14:46) | ||
и еще вопрос, по конкретному применению) есть ссылка <a href="lib/a1.php">ПРИМЕР1</a2> и <a href="lib/a2.php">ПРИМЕР2</a> и как именно их подогнать под этот код? извини если слишком тугой |
Тебе нужно чтобы при клики на ссылки открывалась информация расположенная по адресу в тегах href=?
Спустя 2 минуты, 20 секунд (20.05.2010 - 13:50) Семён написал(а):
<script src="http://code.jquery.com/jquery-latest.js"></script>
<div id="result"></div>
<a id="example1">ПРИМЕР1</a>
<a id="example2">ПРИМЕР2</a>
<script>
$("#example1").click(function () {
$.get("http://твой_сайт/lib/a1.php", function(data){
$('#result').html(data);
});
});
$("#example2").click(function () {
$.get("http://твой_сайт/lib/a2.php", function(data){
$('#result').html(data);
});
});
</script>
Спустя 16 минут, 30 секунд (20.05.2010 - 14:06) AntonNABSAL написал(а):
вот все))) спс огромное
Спустя 1 минута, 3 секунды (20.05.2010 - 14:07) Семён написал(а):
нз.