Форум программистов, компьютерный форум, киберфорум
jQuery
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
 
Рейтинг 4.60/5: Рейтинг темы: голосов - 5, средняя оценка - 4.60
0 / 0 / 1
Регистрация: 02.05.2015
Сообщений: 39

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

23.05.2015, 18:32. Показов 1107. Ответов 20
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Всем привет,
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" грузятся страницы выбранные из списка
0
IT_Exp
Эксперт
34794 / 4073 / 2104
Регистрация: 17.06.2006
Сообщений: 32,602
Блог
23.05.2015, 18:32
Ответы с готовыми решениями:

Как подключить к .cs файлу библиотеку и выполнить её компиляцию через csc.exe?
Как подключить к .cs файлу библиотеку и выполнить её компиляцию через csc.exe? Библиотека находится в той же папке, что и сам файл.

Доступ из одного php файлу в другой через ajax
У меня на сайте одна точка входа index.php В htacess т.е. запрет просто так открыть любой файл - &lt;FilesMatch...

Не получается отправить запрос к php-файлу через ajax, чтобы не перезагружалась страница.
Добрый вечер! Не получается отправить запрос к php-файлу через ajax, чтобы не перезагружалась страница.У меня сообщение &quot;Email...

20
312 / 106 / 69
Регистрация: 18.04.2015
Сообщений: 346
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(); //вызываем метод виджета после загрузки элемента
 
        });
    });
});
Не работает он потому что элементы добавленные на страницу после не обрабатываются.
1
0 / 0 / 1
Регистрация: 02.05.2015
Сообщений: 39
23.05.2015, 19:51  [ТС]
те элементы input_ы при заполнении отправляют данные в бд, прописал ваш код, теперь все они отображаются в новом окне, как сделать чтоб они отображались в контейнере (рядом под боком) извините если где то не уловил

контейнер id="text"
0
312 / 106 / 69
Регистрация: 18.04.2015
Сообщений: 346
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(); //вызываем метод виджета после загрузки элемента
 
        });
    });
});
1
0 / 0 / 1
Регистрация: 02.05.2015
Сообщений: 39
23.05.2015, 20:09  [ТС]
все равно так, же перегружает страницу вылазят необходимые импуты и рабочий datepicker
но не в контейнере, а в новом окне
0
312 / 106 / 69
Регистрация: 18.04.2015
Сообщений: 346
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;
    });
});
1
0 / 0 / 1
Регистрация: 02.05.2015
Сообщений: 39
23.05.2015, 20:23  [ТС]
и еще перед загрузкой страницы которую нужно поместить в контейнер , на месте контейнера появляется ошибка
Запрос выполнен с ошибкой: 404

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

и datepicker не работает, я его утановил еще и на основной форме (для проверки)
0
312 / 106 / 69
Регистрация: 18.04.2015
Сообщений: 346
23.05.2015, 20:25
Ссылки какого вида дайте взглянуть.

Добавлено через 43 секунды
Тут
HTML5
1
<ul class="nav"> ТУТ ССЫЛКИ </ul>
1
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
312 / 106 / 69
Регистрация: 18.04.2015
Сообщений: 346
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;
    });
});
1
0 / 0 / 1
Регистрация: 02.05.2015
Сообщений: 39
23.05.2015, 20:49  [ТС]
когда нажимаю на ссылку этой страницы, она грузится так же как и раньше, без работающей даты, а когда нажимаю на другую, там понятное дело ошибка, но нажимая опять на ту же, страница промелькает и ошибка, нажимаешь много раз все равно ошибка, обновишь страницу , опять нажимаешь на нужную ссылку, загружается и так же с неработающей datapicker
0
312 / 106 / 69
Регистрация: 18.04.2015
Сообщений: 346
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;
    });
});
1
0 / 0 / 1
Регистрация: 02.05.2015
Сообщений: 39
23.05.2015, 21:25  [ТС]
СПАСИБО ОГРОМНОЕ))) осчастливили человека))

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

Добавлено через 7 минут
нажимаю на какую нибудь дату, а он прибавляет # к адресу страницы
0
312 / 106 / 69
Регистрация: 18.04.2015
Сообщений: 346
23.05.2015, 21:30
Ты его случаем на той странице не включаешь?
1
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
312 / 106 / 69
Регистрация: 18.04.2015
Сообщений: 346
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;
    });
});
1
0 / 0 / 1
Регистрация: 02.05.2015
Сообщений: 39
23.05.2015, 21:58  [ТС]
да работает, а как можно второй подключить? необходим еще один, когда я подключаю два, второй меняет дату первому, есть выход?
одна дата начала, другая дата окончания

Добавлено через 7 минут
то есть на одном ставлю дату, нажимаю на второй выбираю какую нибудь дату, она ставится на первый datepicker
0
312 / 106 / 69
Регистрация: 18.04.2015
Сообщений: 346
23.05.2015, 22:05
Сделайте каждому уникальный id.

Добавлено через 33 секунды
JavaScript
1
 $("#text #id, #text #id2").datepicker();
Добавлено через 1 минуту
Хотя код этот менять не обязательно главное что id должны быть уникальны у каждого input.
1
0 / 0 / 1
Регистрация: 02.05.2015
Сообщений: 39
23.05.2015, 22:26  [ТС]
Спасибо большое, у меня на часах 5 утра, так уже неделю) еще раз спасибо

Добавлено через 16 минут
Подскажи еще пожалуйста, а как сделать чтоб он не всем input присваивал datepicker? а то вставляю поле для ввода других данных, а там везде дата, извини за надоедливость
0
312 / 106 / 69
Регистрация: 18.04.2015
Сообщений: 346
23.05.2015, 22:30
Тогда вот так перечисли все id тех где надо вставить
JavaScript
1
$("#text #id, #text #id2").datepicker();
Добавлено через 2 минуты
Можешь и просто id
JavaScript
1
$("#id, #id2").datepicker();
1
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
BasicMan
Эксперт
29316 / 5623 / 2384
Регистрация: 17.02.2009
Сообщений: 30,364
Блог
23.05.2015, 22:30
Помогаю со студенческими работами здесь

Подключить ajax через jquery в коде javascript
Добрый день поясните пожалуйста возможно ли сделать так что бы используя код javascript подключить ajax средствами jquery, просто jquery...

Помогите подключить PHP файл через Ajax
У меня небольшая проблема не могу никак подключить php файл через Ajax в другой php файл ...

Как подключить cpp-файл к h-файлу?
как связать файл Form1.h с главным файлом проекта 1.cpp ? что то вроде того не получается #include &quot;1.cpp&quot;

Как подключить библиотеку OpenGL к файлу .cpp
Здравствуйте, только начал работать с OpenGL, хочу сделать одну небольшую 2d игру и мне хочется разобраться над действиями со спрайтами....

Как подключить html файл к css файлу?
Доброго времени суток! Простой пример. html-файл. У меня не работает подключение к css файлу. Какие могут быть причины? &lt;!DOCTYPE...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
20
Ответ Создать тему
Новые блоги и статьи
Философия технологии
iceja 01.02.2026
На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .
SDL3 для Web (WebAssembly): Вывод текста со шрифтом TTF с помощью SDL3_ttf
8Observer8 01.02.2026
Содержание блога В этой пошаговой инструкции создадим с нуля веб-приложение, которое выводит текст в окне браузера. Запустим на Android на локальном сервере. Загрузим Release на бесплатный. . .
SDL3 для Web (WebAssembly): Сборка C/C++ проекта из консоли
8Observer8 30.01.2026
Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
SDL3 для Web (WebAssembly): Установка Emscripten SDK (emsdk) и CMake для сборки C и C++ приложений в Wasm
8Observer8 30.01.2026
Содержание блога Для того чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. . . .
SDL3 для Android: Подключение Box2D v3, физика и отрисовка коллайдеров
8Observer8 29.01.2026
Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .
Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT
bedvit 28.01.2026
Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .
SDL3 для Android: Загрузка PNG с альфа-каналом с помощью SDL_LoadPNG (без SDL3_image)
8Observer8 28.01.2026
Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .
SDL3 для Android: Загрузка PNG с альфа-каналом с помощью SDL3_image
8Observer8 27.01.2026
Содержание блога SDL3_image - это библиотека для загрузки и работы с изображениями. Эта пошаговая инструкция покажет, как загрузить и вывести на экран смартфона картинку с альфа-каналом, то есть с. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru