К списку форумов К списку тем
Регистрация    Правила    Главная форума    Поиск   
Имя: Пароль:
Рекомендовать в новости

Прокрутка в textarea процесса выполнения скрипта

0 - 01.09.2017 - 12:46
Добрый день!!!

Подскажите как сделать , что бы во время вывода выполнения скрипта в textarea , выполнялась прокрутка по мере добавления текста, в данной ситуации выполняется скрипт, полоса прокрутки стоит на месте.

Ситуация с опусканием скрола в самый низ не устраивает, т.к скрипт большой и долгий, а скрол опустится только после выполнения скрипта, мне же необходимо видеть весь процесс.
<?php
<script>
var textarea = document.getElementById('1');
textarea.scrollTop = textarea.scrollHeight;
</script>
?>


Так же не устраивает прокрутка по времени, т.к в скрипте разные команды выполняются разное время.



<label for="basecentos7">Введите IP адрес сервера</label>
<input type="text" name="basecentos7" />
<div class="login">
<input type="submit" class="btn btn-primary btn-block btn-large" value="Применить" name="test1" />
</div>


Вот как построчно выводится выполнение скрипта в TextArea:

<textarea id="1" name="myTextArea" rows="54" cols="201">

<?php
ob_implicit_flush(true);
ob_end_flush();
if( isset( $_POST['test1'] ) )
**
system('sudo ansible-playbook /etc/ansible/1.yml -v');
**
else if( isset( $_POST['test2'] ) )
**
system('sudo ansible-playbook /etc/ansible/test2.yml -v');
**

?>

</textarea>


Сильно не пинайте, я новичок в этом деле, гугл результата не дал.



1 - 03.12.2017 - 21:52
ну как вариант помещать строку наверх
или позицию курсора активного отслеживать - это уже JS
Гость
2 - 04.02.2018 - 12:04
Не могу понять, обновление textarea ajax запросами, или каждый раз страница перегружается при нажатии на некую кнопку или по таймауту?
В любом случае подойдет первый описанный вами вариант со смещением скрола вниз при добавлении данных в textarea.
При ajax запросах он будет выпоняться каждый раз при получении данных с сервера.
При полном обновлении страницы на событии onDocumentReady.
3 - 18.02.2018 - 14:28
Не понял почему у автора НЕ работает.
У меня РАБОТАЕТ!
[pre]
<script type="text/javascript">
function AddTextTR()**
var block = document.getElementById("text1");
var txt=document.getElementById('text2');
block.value=block.value+txt.value;
block.scrollTop = block.scrollHeight;
txt.value='';
**
</script>
<!-- Куда добавляется Текст -->
<textarea id="text1" style="margin:10px; width:500px; height:300px;"></textarea>

<div style="margin:10px; text-align:center;">Введите Текст<br />
<textarea id="text2" style="width:500px; height:150px;"></textarea><br />
<input type="button" value="OK" onClick="AddTextTR();" />
</div>
[/pre]


К списку вопросов
Опции темы Поиск в этой теме
Поиск в этой теме:

Расширенный поиск




Copyright ©, Все права защищены