ReSQL.ru
     
powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / первые шажки в jquery
5 сообщений из 5, страница 1 из 1
первые шажки в jquery
    #38194751
Фотография Сергей Лалов
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Сергей Лалов
Участник
Привет всем единомышленникам!
Изучаю последний месяц javascript и php. Уровень начальный. Не так давно познакомился с замечательной библиотекой
JOuery. Возможности асинхронных запросов к серверу поражают. Подключил этот файл себе, попробовал пару простеньких примеров
для реализации некоторых функций, понравилось.

Хочу задать вопрос чуть посложней. У меня есть php файл, назовем его TableTest.php в котором написан скрипт выборки данных из таблицы на сервере mysql и вывода результата выборки на экран. Данные выводятся из таблицы table1 и таблица которая генерится на странице html также имеет id="table1" Он работает отлично. (Метод на форме POST)

Рядом с данным файлом .php лежит другой файл в котором я хочу потренироваться с использованием JQUERY. Называется JqTest.html

Содержимое такое примерно:

Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
<html>
  <head>
<script type="test/javascript" src="jquery.js"></script>
   <script>


MyFunction()
{
??????????????????

}
    </script>
          </head>

   <body>
<input type="button" value="Вывод данных в Див" onclick="MyFunction()"  id="MyButton">
<br>
<br>
<br>

<div id="MyDiv"> 

Вот сюда должна выводится сгенеренная таблица c id=table1"  из файла TableTest.php

</div> 

     </body>
</html>




Подскажите пожалуйста, как правильно прописать функцию, что то окончательно запутался с селекторами и методами
...
Рейтинг: 0 / 0
22.03.2013, 13:12
| Ответить | Цитировать | Написать  
первые шажки в jquery
    #38194763
Фотография Паганель
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Паганель
Участник
http://api.jquery.com/load/
там примеры есть
...
Рейтинг: 0 / 0
22.03.2013, 13:16
| Ответить | Цитировать | Написать  
первые шажки в jquery
    #38194846
Фотография Сергей Лалов
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Сергей Лалов
Участник
Паганель, посмотрел на ресурсе, спасибо!
В моем случае это действительно загрузка фрагмента страницы (на сайте метод описан в параграфе Load Page fragment)

Вот что получилось:


Код: javascript
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
<html>
  <head>
<script type="test/javascript" src="jquery.js"></script>
   <script>

    MyFunction(){
$('#MyDiv').load('ajax/test.html #table1'); // То есть как понимаю в див MyDiv  вставляется объект table1?
};
    </script>
          </head>

   <body>
<input type="button" value="Вывод данных в Див" onclick="MyFunction()"  id="MyButton">
<br>
<br>
<br>

<div id="MyDiv"> 
Вот сюда должна выводится сгенеренная таблица:
<br>

</div> 

     </body>
</html>



Я вот единственно хочу уточниться, правильно ли я завернул метод в свою функцию и будет ли выводимая таблица на главной странице JqTest.html сохранять стили, которые для нее прописаны в исполняемом файле TableTest.php ?
Не имею на работе доступа к домашним проектам, поэтому потестить пока никак.
...
Рейтинг: 0 / 0
22.03.2013, 13:50
| Ответить | Цитировать | Написать  
первые шажки в jquery
    #38194859
Фотография Паганель
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Паганель
Участник
Сергей Лаловбудет ли выводимая таблица на главной странице JqTest.html сохранять стили, которые для нее прописаны в исполняемом файле TableTest.php ?да
...
Рейтинг: 0 / 0
22.03.2013, 13:57
| Ответить | Цитировать | Написать  
первые шажки в jquery
    #38198029
Фотография Сергей Лалов
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Сергей Лалов
Участник
ПаганельСергей Лаловбудет ли выводимая таблица на главной странице JqTest.html сохранять стили, которые для нее прописаны в исполняемом файле TableTest.php ?да


нет!
как раз все заработало, кроме наследования стилей. выгрузка пошла, но стили остались мертвым грузом почему то в первоначальном файле.

Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
<html>
  <head>
<script type="text/javascript" src="jquery.js"></script>
    <script>
     $(document).ready(function() {
       $("#btn").click( function() { 
		    
$('#dv1').load('table.html #table1');

		   });
     });
    </script>
  </head>
  <body>
  	<input type="button" value="ЗАПОЛНИ ДИВ" id="btn" name="btn">
<br>
<br>
<br>
<br>
<div id ="dv1" name="dv1" style="width:100px;height:100px">
</div>
  </body>
</html>
...
Рейтинг: 0 / 0
25.03.2013, 23:33
| Ответить | Цитировать | Написать  
5 сообщений из 5, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / первые шажки в jquery
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&gotonew=1&tid=1448545]:
 0ms
get settings:
 7ms
get forum list:
 19ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 149ms
get topic data:
 8ms
get first new msg:
 5ms
get forum data:
 2ms
get page messages:
 36ms
get tp. blocked users:
 1ms
others: 217ms
total:  450ms
созд. / загр.: 450ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]