первые шажки в jquery (динамическое заполнение DIVa)
Приветствую всех!
Недавно начал изучать JS и PHP. В поисках динамических свойств натолкнулся на библиотеку Jquery. Очень полезная и интересная вещь. Начал пробовать ее, подключил и установил себе в папку с проектами. Но не могу реализовать простую вещь. В одной папке есть два файла : result.html и table.html а также подключенный скрипт jquery.js В страницу result.html в диве должна выводиться таблица из страницы table.html. При нажатии на кнопку в странице result див должен заполняться таблицей из table.html
<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>
Что то не идет зараза, не могу заполнить контейнер дива содержимым таблицы из файла table.html. Помогите пожалуйста, может с синтаксисом где-то напутал,или кавычки не там поставил? |
Открой консоль браузера да посмотри. Скорее всего ты открываешь файл по протоколу file: а с ним xhr (ajax) не работает.
И имей ввиду - подгружаться будет весь файл, а не таблица, но вставляться в твой див - только таблица (то, что в селекторе указал). |
Цитата:
Вывод по url дома тоже чет не пошел. Примерно такой же код, с подключенным апачем и мускулом тоже failed Буду пробовать еще раз, доберусь до проекта домашнего и потестирую снова. Спасибо за отклик! |
все заработало дома. единственно хочу сказать- стили не перенеслись( то есть таблица выгрузилась, но стили для таблицы с файла источеика не перенеслись. видимо придется выносить во внешний файл.
|
| Часовой пояс GMT +3, время: 19:52. |