Как к вызываемому через Ajax файлу, подключить juery

@Любопытный95 · Регистрация: 02.05.2015

Студворк — интернет-сервис помощи студентам

Всем привет,

HTML5
1
2
3
4
5
6
7
8
<div class="rows"> //главный контейнер
      <div >    
           <ul class="nav"> ТУТ ССЫЛКИ </ul>  //тут ссылки для для загрузки следующего контейнер 
     </div>
 
      <div class="down span*" id="text">        //в этом контейнере грузятся страницы с input (потом отправляют дальше)
      </div>
</div>

Вот этим скриптом объявленным в head гружу в контейнер id="text" разные страницы

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
26
27
28
29
30
function PageRecive(s)
{
    document.getElementById('text').innerHTML=s;
} 
var xmlHttp=false;
function AjaxCreate()
{
    if (xmlHttp) return true;
    if (!xmlHttp && typeof XMLHttpRequest != 'undefined')
        xmlHttp = new XMLHttpRequest();
    if (!xmlHttp && typeof XMLHttpRequest != 'undefined') {
        d.write('<div style="font-size: 16pt; color: black;">Не удалось создать объект для работы с Ajax. Возможно, в вашем браузере выключен JavaScript или вы пользуетесь фиговым браузером. Рекомендую установить <b>Mozilla Firefox</b> или <b>Opera</b></div>');
        xmlHttp=false;
        return false;
    }
    return true;
} 
function AjaxGet(url,callback)
{
    function UpdatePage()
    {
        if (xmlHttp.readyState==4) {
            callback(xmlHttp.responseText);
        }
    }
    if (!xmlHttp) AjaxCreate();
    xmlHttp.open('GET',url,true);
    xmlHttp.onreadystatechange=UpdatePage;
    xmlHttp.send(null);
}

подключил библиотеку jqury и использую компонент datepicker. Так вот в главной форме он работает, а в вызываемых(програжаемых) не работает. Пожалуйста пните в нужную сторону)

Добавлено через 1 минуту
в контейнер id="text" грузятся страницы выбранные из списка

@Armi · 23.05.2015, 19:42

Во первых datepicker компонент jquery ui а не jquery.
Во вторых если вы используете jquery тогда и пишите ajax запрос на jquery.
Подключайте все скрипты что вам нужно на это странице.

#cont id того блока который подгрузить со страницы по ссылке если не нужно оставляете просто path.

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
$(document).ready(function(){
    $('.nav').on("click", function(){
    var path=$(this).attr("href");
    $("#text").load(path+" #cont", function(response, status, xhr){
if (status == "error") {
   var msg = "Запрос выполнен с ошибкой: ";
   $("#text").html(msg + xhr.status + " " + xhr.statusText);
   return false;
}
        $("#text input").datepicker(); //вызываем метод виджета после загрузки элемента
 
        });
    });
});

Не работает он потому что элементы добавленные на страницу после не обрабатываются.

@Любопытный95 · 23.05.2015, 19:51 **[ТС]**

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

контейнер id="text"

@Armi · 23.05.2015, 20:03

Попробуйте так все содержимое body подгрузить без скриптов.

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
$(document).ready(function(){
    $('.nav').on("click", function(){
    var path=$(this).attr("href");
    $("#text").load(path+" body", function(response, status, xhr){
if (status == "error") {
   var msg = "Запрос выполнен с ошибкой: ";
   $("#text").html(msg + xhr.status + " " + xhr.statusText);
   return false;
}
        $("#text input").datepicker(); //вызываем метод виджета после загрузки элемента
 
        });
    });
});

@Любопытный95 · 23.05.2015, 20:09 **[ТС]**

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

@Armi · 23.05.2015, 20:17

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
$(document).ready(function(){
    $('.nav').on("click", function(){
    var path=$(this).attr("href");
    $("#text").load(path+" body", function(response, status, xhr){
if (status == "error") {
   var msg = "Запрос выполнен с ошибкой: ";
   $("#text").html(msg + xhr.status + " " + xhr.statusText);
   return false;
}
        $("#text input").datepicker(); //вызываем метод виджета после загрузки элемента
 
        });
return false;
    });
});

@Любопытный95 · 23.05.2015, 20:23 **[ТС]**

и еще перед загрузкой страницы которую нужно поместить в контейнер , на месте контейнера появляется ошибка
Запрос выполнен с ошибкой: 404

Добавлено через 2 минуты
теперь просто ошибка на месте контейнера, Запрос выполнен с ошибкой: 404

и datepicker не работает, я его утановил еще и на основной форме (для проверки)

@Armi · 23.05.2015, 20:25

Ссылки какого вида дайте взглянуть.

Добавлено через 43 секунды
Тут

HTML5
1
<ul class="nav"> ТУТ ССЫЛКИ </ul>

@Любопытный95 · 23.05.2015, 20:34 **[ТС]**

<ul class="nav">
<li class="main-menu">
<a href=#>Меню_Users</a>
<a href onclick="admin/panel_upravlen/add_user.php">Добавить</a> 
<a href >Изменить</a>
<a href>Удалить</a>
</li>
<li class="settings">
<a href=#>Меню_Заданий</a>
<a href="admin/panel_upravlen/add_zadanie.php">Добавить</a> // и эта ссылка
<a href>Изменить</a>
<a href>Удалить</a>
</li>

это выпадающий список
еще и datepicker функционировать перестал

@Armi · 23.05.2015, 20:39

Попробуйте на конкретную страницу отправить запрос.

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
$(document).ready(function(){
    $('.nav').on("click", function(){
    var path=$(this).attr("href");
    $("#text").load("admin/panel_upravlen/add_zadanie.php", function(response, status, xhr){
if (status == "error") {
   var msg = "Запрос выполнен с ошибкой: ";
   $("#text").html(msg + xhr.status + " " + xhr.statusText);
   return false;
}
        $("#text input").datepicker(); //вызываем метод виджета после загрузки элемента
 
        });
return false;
    });
});

@Любопытный95 · 23.05.2015, 20:49 **[ТС]**

когда нажимаю на ссылку этой страницы, она грузится так же как и раньше, без работающей даты, а когда нажимаю на другую, там понятное дело ошибка, но нажимая опять на ту же, страница промелькает и ошибка, нажимаешь много раз все равно ошибка, обновишь страницу , опять нажимаешь на нужную ссылку, загружается и так же с неработающей datapicker

@Armi · 23.05.2015, 21:03

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
$(document).ready(function(){
    $('.nav a').on("click", function(){
    var path=$(this).attr("href");
    $("#text").load(path, function(response, status, xhr){
if (status == "error") {
   var msg = "Запрос выполнен с ошибкой: ";
   $("#text").html(msg + xhr.status + " " + xhr.statusText);
   return false;
}
        $("#text input").datepicker(); //вызываем метод виджета после загрузки элемента
 
        });
return false;
    });
});

@Любопытный95 · 23.05.2015, 21:25 **[ТС]**

СПАСИБО ОГРОМНОЕ))) осчастливили человека))

Добавлено через 6 минут
только datepicker зависает и не выбирает дату, курсор бегает, но не выбирает, в чем может быть проблема?

Добавлено через 7 минут
нажимаю на какую нибудь дату, а он прибавляет # к адресу страницы

@Armi · 23.05.2015, 21:30

Ты его случаем на той странице не включаешь?

@Любопытный95 · 23.05.2015, 21:36 **[ТС]**

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<form method="get" action="admin/panel_upravlen/add_zadanie111.php" class="form-inline">
<input id="datepicker" type="text"></p>
<button name="submit" type="submit" class="btn">Добавить</button>
</form>
вот что на следующей. Надо что то добавить, извините за неопытность

@Armi · 23.05.2015, 21:43

Попробуй только форму подгружать c той страницы

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
$(document).ready(function(){
    $('.nav a').on("click", function(){
    var path=$(this).attr("href");
    $("#text").load(path+" .form-inline", function(response, status, xhr){
if (status == "error") {
   var msg = "Запрос выполнен с ошибкой: ";
   $("#text").html(msg + xhr.status + " " + xhr.statusText);
   return false;
}
        $("#text input").datepicker(); //вызываем метод виджета после загрузки элемента
 
        });
return false;
    });
});

@Любопытный95 · 23.05.2015, 21:58 **[ТС]**

да работает, а как можно второй подключить? необходим еще один, когда я подключаю два, второй меняет дату первому, есть выход?
одна дата начала, другая дата окончания

Добавлено через 7 минут
то есть на одном ставлю дату, нажимаю на второй выбираю какую нибудь дату, она ставится на первый datepicker

@Armi · 23.05.2015, 22:05

Сделайте каждому уникальный id.

Добавлено через 33 секунды

JavaScript
1
 $("#text #id, #text #id2").datepicker();

Добавлено через 1 минуту
Хотя код этот менять не обязательно главное что id должны быть уникальны у каждого input.

@Любопытный95 · 23.05.2015, 22:26 **[ТС]**

Спасибо большое, у меня на часах 5 утра, так уже неделю) еще раз спасибо

Добавлено через 16 минут
Подскажи еще пожалуйста, а как сделать чтоб он не всем input присваивал datepicker? а то вставляю поле для ввода других данных, а там везде дата, извини за надоедливость

@Armi · 23.05.2015, 22:30

Тогда вот так перечисли все id тех где надо вставить

JavaScript
1
$("#text #id, #text #id2").datepicker();

Добавлено через 2 минуты
Можешь и просто id

JavaScript
1
$("#id, #id2").datepicker();

Новые блоги и статьи Все статьи Все блоги /
Автоматическое создание документа при проведении другого документа 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. Перед реализацией необходимо выполнить настройку системной учетной записи электронной. . .

@Любопытный95 0 / 0 / 1 Регистрация: 02.05.2015 Сообщений: 39
	23.05.2015, 19:51 [ТС]
	те элементы input_ы при заполнении отправляют данные в бд, прописал ваш код, теперь все они отображаются в новом окне, как сделать чтоб они отображались в контейнере (рядом под боком) извините если где то не уловил контейнер id="text" 0

@Любопытный95 0 / 0 / 1 Регистрация: 02.05.2015 Сообщений: 39
	23.05.2015, 20:09 [ТС]
	все равно так, же перегружает страницу вылазят необходимые импуты и рабочий datepicker но не в контейнере, а в новом окне 0

@Любопытный95 0 / 0 / 1 Регистрация: 02.05.2015 Сообщений: 39
	23.05.2015, 20:23 [ТС]
	и еще перед загрузкой страницы которую нужно поместить в контейнер , на месте контейнера появляется ошибка Запрос выполнен с ошибкой: 404 Добавлено через 2 минуты теперь просто ошибка на месте контейнера, Запрос выполнен с ошибкой: 404 и datepicker не работает, я его утановил еще и на основной форме (для проверки) 0

@Любопытный95 0 / 0 / 1 Регистрация: 02.05.2015 Сообщений: 39
	23.05.2015, 20:34 [ТС]
	<ul class="nav"> <li class="main-menu"> <a href=#>Меню_Users</a> <a href onclick="admin/panel_upravlen/add_user.php">Добавить</a> <!--вот ссылка //onclick c старого кода я проверяю и нижнюю --> <a href >Изменить</a> <a href>Удалить</a> </li> <li class="settings"> <a href=#>Меню_Заданий</a> <a href="admin/panel_upravlen/add_zadanie.php">Добавить</a> // и эта ссылка <a href>Изменить</a> <a href>Удалить</a> </li> это выпадающий список еще и datepicker функционировать перестал 0

@Любопытный95 0 / 0 / 1 Регистрация: 02.05.2015 Сообщений: 39
	23.05.2015, 20:49 [ТС]
	когда нажимаю на ссылку этой страницы, она грузится так же как и раньше, без работающей даты, а когда нажимаю на другую, там понятное дело ошибка, но нажимая опять на ту же, страница промелькает и ошибка, нажимаешь много раз все равно ошибка, обновишь страницу , опять нажимаешь на нужную ссылку, загружается и так же с неработающей datapicker 0

@Любопытный95 0 / 0 / 1 Регистрация: 02.05.2015 Сообщений: 39
	23.05.2015, 21:25 [ТС]
	СПАСИБО ОГРОМНОЕ))) осчастливили человека)) Добавлено через 6 минут только datepicker зависает и не выбирает дату, курсор бегает, но не выбирает, в чем может быть проблема? Добавлено через 7 минут нажимаю на какую нибудь дату, а он прибавляет # к адресу страницы 0

@Armi 312 / 106 / 69 Регистрация: 18.04.2015 Сообщений: 346
	23.05.2015, 21:30
	Ты его случаем на той странице не включаешь? 1

@Любопытный95 0 / 0 / 1 Регистрация: 02.05.2015 Сообщений: 39
	23.05.2015, 21:36 [ТС]
	<!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> <form method="get" action="admin/panel_upravlen/add_zadanie111.php" class="form-inline"> <input id="datepicker" type="text"></p> <button name="submit" type="submit" class="btn">Добавить</button> </form> вот что на следующей. Надо что то добавить, извините за неопытность 0

@Любопытный95 0 / 0 / 1 Регистрация: 02.05.2015 Сообщений: 39
	23.05.2015, 21:58 [ТС]
	да работает, а как можно второй подключить? необходим еще один, когда я подключаю два, второй меняет дату первому, есть выход? одна дата начала, другая дата окончания Добавлено через 7 минут то есть на одном ставлю дату, нажимаю на второй выбираю какую нибудь дату, она ставится на первый datepicker 0

@Любопытный95 0 / 0 / 1 Регистрация: 02.05.2015 Сообщений: 39
	23.05.2015, 22:26 [ТС]
	Спасибо большое, у меня на часах 5 утра, так уже неделю) еще раз спасибо Добавлено через 16 минут Подскажи еще пожалуйста, а как сделать чтоб он не всем input присваивал datepicker? а то вставляю поле для ввода других данных, а там везде дата, извини за надоедливость 0