Регулируйте высоту Iframe каждый раз при изменении содержимого. ⇐ Html

[Anonymous]

Я видел подобные вопросы, например https://stackoverflow.com/q/819416/28856530, но думаю, что мой другой.

У меня есть таблица внутри Iframe< /code> и несколько полей поиска, мой поиск происходит мгновенно при нажатии клавиши, а не после нажатия кнопки.
Моя проблема в том, что я не хочу перезагружать iframe каждый раз, когда я ищите что-нибудь, я хочу только «фильтровать» контент при поиске чего-либо. Я использую Datatables для своей таблицы, если это помогает
Я пробовал этот код, но он работает, только если я перезагружаю iframe. Я также хочу, чтобы поиск выполнялся мгновенно и не добавлял кнопку для поиска.
мой js код для высоты iframe:

Код: Выделить всё

document.addEventListener('DOMContentLoaded', function() {

var iframe = document.getElementById("iframeindex");

if (iframe) {
iframe.onload = function() {
iframe.style.height = iframe.contentWindow.document.documentElement.scrollHeight + 'px';
};
}
});

а это код js поиска:

Код: Выделить всё

function applyTextFilter() {
// Volltext-Filter
const volltext = $("#volltext-filter", parent.document);
table.search(volltext.val()).draw();

// Name-Filter
const nameFilter = $("#name-filter", parent.document);
table.columns(1).search(nameFilter.val()).draw();

// Vorname-Filter
const vornameFilter = $("#vorname-filter", parent.document);
table.columns(2).search(vornameFilter.val()).draw();

// Abteilung-Filter
const abteilungFilter = $("#abteilung-filter", parent.document);
table.columns(9).search(abteilungFilter.val()).draw();
}

// Keyup-Event-Listener für alle Filter anwenden
$("#volltext-filter", parent.document) .on('keyup', applyTextFilter);
$("#name-filter", parent.document)     .on('keyup', applyTextFilter);
$("#vorname-filter", parent.document)  .on('keyup', applyTextFilter);
$("#abteilung-filter", parent.document).on('keyup', applyTextFilter);

// Initiale Anwendung der Filter
applyTextFilter();

Я также использую таблицы данных для своей таблицы.

Подробнее здесь: https://stackoverflow.com/questions/793 ... nt-changes