Append

@daslex · Регистрация: 02.08.2011

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

Я прикладываю маленький проект. Там ничего лишнего нет. Основной скрипт в scripts/script.js
Там функция:

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
function bindBux(id) {
        $('#' + id).click(function() {
            var $el = $("." + id);
            
            if ($el.text()){
                $el.empty();
            }
            else{
                $el.load('html/'+id+'.html');
                $el.append('ВОТ ЭТОТ ТЕКСТ ДОЛЖЕН ДОПИСАТЬСЯ ПОД ТАБЛИЦУ!');
            }
            $('[title = "bux"]').not($el).empty();  
        });
        
    }

Текст как-то не очень любезно вписывается в страницу. Его не видно.
Я знаю, что срабатывает. Но что-то его затирает. Нужно, чтобы текст дописывался под таблицу при раскрытии по клику.

@sad67man · 25.12.2016, 00:22

daslex,

JavaScript
1
2
3
$el.load('html/'+id+'.html', function(){
    $el.append('ВОТ ЭТОТ ТЕКСТ ДОЛЖЕН ДОПИСАТЬСЯ ПОД ТАБЛИЦУ!');
});

Добавлено через 2 минуты
load - это асинхронный ajax запрос, работает с задержкой, остальной код продолжает работу не дожидаясь ответа от сервера. Т.е. у вас получалось, что сначала срабатывает append, затем приходит ответ от аякс запроса, и все затирается.

@daslex · 25.12.2016, 00:28 **[ТС]**

А есть возможность синхронного кодирования, заменить append?

@sad67man · 25.12.2016, 00:32

daslex, Не понял в чем вопрос. Передаете вторым параметром функцию. Она будет выполняться после отработки load. Технически асинхронность можно отключить. Но это крайне не рекомендуется делать. Пользователю будет частично недоступен сайт, да и сейчас почти все современные браузеры ругаются на синхронные запросы.

@daslex · 25.12.2016, 00:38 **[ТС]**

Мне нужно дописать текст под таблицу. Из-за асинхронности это не представляется возможным. Логично избежать асинхронности. Я перепутал append с load, хотел load написать.
Если возможно, то как сделать так, чтобы сначала загрузилась загружаемая страница, только потом дописался текст или догрузилась другая страница?

Про функцию я не понял.

@sad67man · 25.12.2016, 00:41

daslex, Я уже вам написал, как нужно сделать

JavaScript
1
2
3
$el.load('html/'+id+'.html', function(){
    $el.append('ВОТ ЭТОТ ТЕКСТ ДОЛЖЕН ДОПИСАТЬСЯ ПОД ТАБЛИЦУ!');
});

@daslex · 25.12.2016, 00:59 **[ТС]**

Благодарю.
Просмотрел..

Добавлено через 8 минут

JavaScript
1
2
3
$el.load('html/'+id+'.html', function(){
    $el.load('file');
});

То как? Просто из-за этой асинхронности второй load затирает первый загруженный текст.

Добавлено через 4 минуты
В смысле, нужен тот же append, только подгрузка информации из файла.

@sad67man · 25.12.2016, 01:37

daslex,

JavaScript
1
2
3
4
5
$el.load('html/'+id+'.html', function(){
    $.get('file', function(html){
        $el.append(html);
    })
});

Но я думаю, что это не лучше решение делать такие вложенные аякс запросы.

Добавлено через 4 минуты
daslex, Я просто чтоб дать совет, не особо вижу смысла в этом, лучше сделать один аякс запрос. А подключение каких-либо дополнительных файлов нужно переложить на серверный язык, который будет формировать html код.

Добавлено через 18 минут
daslex, На хостинге аякс запросы будут работать не так быстро. Такие последовательные запросы будут работать не очень красиво. И нужно учитывать, что запросы будут отрабатывать с задержкой. И может получиться так, что я нажму сначала на одну ссылку, потом на другую. Очищение блоков происходит сразу, а отработка аякса с задержкой, т.е. может получиться, что выведутся 2 таблицы, что нарушает наши ожидания от программы. Тем более что не известно, ответ от какого аякс запроса придет первым. Может быть логично будет при нажатии на ссылку, убивать исключающие аякс запросы. Либо каким-нибудь другим способом это фиксить.

@daslex · 25.12.2016, 03:17 **[ТС]**

Хостинг бесплатный с php+MySql посоветуете, то подобная возня само собой отпадёт

Сайт маленький. С небольшой коммерческой составляющей. Я для него бесплатный хостинг нашёл только без поддержки php, mysql.

Структурировать хорошо файлами. Вот и вожусь с файлами с некоторыми ограничениями.

Добавлено через 39 минут
У меня тут ещё кое что не получается. Я пытаюсь в jquery вгрузить javascript, который должен вписать HTML в тело страницы.

Код этот же. С вот таким изменением.

JavaScript
1
$el.append(document.write('<script>document.write("Вот этот текст должен вписаться в блок");<\/script>'));

Мне нужно заставить javascript выполнить "вписку". У меня всё чистится, а должно дописываться в конец нужного блока.

@sad67man · 25.12.2016, 05:51

daslex, document.write() не работает с DOM. Он может использоваться для формирования страницы на лету, но только до того, как страница будет загружена. Если страница загружена и сформировано DOM дерево, то при вызове document.write() вся страница будет затираться.
Для подгруздки скриптов в jQuery есть специальный метод $.getScript('script.js');, он подгрузит скрипт и выполнит его.

Добавлено через 2 часа 9 минут

Сообщение от daslex

Хостинг бесплатный с php+MySql посоветуете, то подобная возня само собой отпадёт
Сайт маленький. С небольшой коммерческой составляющей. Я для него бесплатный хостинг нашёл только без поддержки php, mysql.

Я вам советую присмотреться в сторону AngularJS. Это клиентский фреймворк на javascript-е - тот велосипед, который вы пытаетесь написать.

@daslex · 25.12.2016, 12:09 **[ТС]**

Я присмотрюсь к AngularJS.
Только это через некоторое время.

С getscript тоже не вышло. Также затирает.

JavaScript
1
2
3
$el.load('html/'+id+'.html', function(){
    $el.append($el.script('file'));
});

JavaScript
1
document.write('HELLO');

Есть возможность "приписываться" в блок?

@sad67man · 25.12.2016, 13:39

daslex, Нельзя использовать document.write();

Новые блоги и статьи Все статьи Все блоги /
Программная установка даты и запрет ее изменения Maks 02.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: при создании документов установить период списания автоматически. . .	Вывод данных через динамический список в справочнике Maks 01.04.2026 Реализация из решения ниже выполнена на примере нетипового справочника "Спецтехника" разработанного в конфигурации КА2. Задача: вывести данные из ТЧ нетипового документа. . .	Функция заполнения текстового поля в реквизите формы документа Maks 01.04.2026 Алгоритм из решения ниже реализован на нетиповом документе "ВыдачаОборудованияНаСпецтехнику" разработанного в конфигурации КА2, в дополнении к предыдущему решению. На форме документа создается. . .	К слову об оптимизации kumehtar 01.04.2026 Вспоминаю начало 2000-х, университет, когда я писал на Delphi. Тогда среди программистов на форумах активно обсуждали аккуратную работу с памятью: нужно было следить за переменными, вовремя. . .
Идея фильтра интернета (сервер = слой+фильтр). Hrethgir 31.03.2026 Суть идеи заключается в том, чтобы запустить свой сервер, о чём я если честно мечтал давно и давно приобрёл книгу как это сделать. Но не было причин его запускать. Очумелые учёные напечатали на. . .	Модель здравосоХранения 6. ESG-повестка и устойчивое развитие; углублённый анализ кадрового бренда anaschu 31.03.2026 В прикрепленном документе раздумья о том, как можно поменять модель в будущем	10 пpимет, которые всегда сбываются Maks 31.03.2026 1. Чтобы, наконец, пришла маршрутка, надо закурить. Если сигарета последняя, маршрутка придет еще до второй затяжки даже вопреки расписанию. 2. Нaдоели зима и снег? Не надо переезжать. Достаточно. . .	Перемещение выделенных строк ТЧ из одного документа в другой Maks 31.03.2026 Реализация из решения ниже выполнена на примере нетипового документа "ВыдачаОборудованияНаСпецтехнику" с единственной табличной частью "ОборудованиеИКомплектующие" разработанного в конфигурации КА2. . . .

Append

Решение

Решение

@daslex 1373 / 596 / 199 Регистрация: 02.08.2011 Сообщений: 2,886
	25.12.2016, 00:28 [ТС]
	А есть возможность синхронного кодирования, заменить append? 0

@sad67man 2604 / 1508 / 689 Регистрация: 23.08.2015 Сообщений: 3,839
	25.12.2016, 00:32
	daslex, Не понял в чем вопрос. Передаете вторым параметром функцию. Она будет выполняться после отработки load. Технически асинхронность можно отключить. Но это крайне не рекомендуется делать. Пользователю будет частично недоступен сайт, да и сейчас почти все современные браузеры ругаются на синхронные запросы. 0

@daslex 1373 / 596 / 199 Регистрация: 02.08.2011 Сообщений: 2,886
	25.12.2016, 00:38 [ТС]
	Мне нужно дописать текст под таблицу. Из-за асинхронности это не представляется возможным. Логично избежать асинхронности. Я перепутал append с load, хотел load написать. Если возможно, то как сделать так, чтобы сначала загрузилась загружаемая страница, только потом дописался текст или догрузилась другая страница? Про функцию я не понял. 0

@sad67man 2604 / 1508 / 689 Регистрация: 23.08.2015 Сообщений: 3,839
	25.12.2016, 13:39
	daslex, Нельзя использовать document.write(); 0