Форум программистов, компьютерный форум, киберфорум
JavaScript
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.91/11: Рейтинг темы: голосов - 11, средняя оценка - 4.91
56 / 56 / 14
Регистрация: 02.03.2010
Сообщений: 407

Как сделать перевод строки?

21.06.2012, 13:21. Показов 2364. Ответов 4
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Есть такой код JS:
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
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
<script type="text/javascript" src="ckeditor/ckeditor.js"></script>
    
    
    <script language="JavaScript">
    function checkExpand(){
    var childrens = document.getElementById('upl').childNodes;
    var bExpand = true;
     
     //Проходим по всем элементам формы и ищем пусты file input'ы
     for (var i = 0; i < childrens.length; i++) {
         if ( childrens.item(i).type == 'file' && childrens.item(i).value == ''){
          bExpand = false; //Нашли пустой, новый не нужен
         }
        }
        
        //Добавляем еще один file input, если нужно
        if ( bExpand ){
     document.getElementById('upl').insertBefore(createNewInput(), document.getElementById('clear'));
     document.getElementById('upl').insertBefore(createNewInputText(), document.getElementById('clear'));
        } 
}
 
function createNewInput() {
 input = document.createElement("input");
 input.setAttribute("type", "file");
 input.setAttribute("name", 'image[]');
 input.onchange = checkExpand;
 return input;
}
 
function createNewInputText() {
 input = document.createElement("input");
 input.setAttribute("type", "text");
 input.setAttribute("name", 'path_i[]');
 input.setAttribute("value", '');
 input.onchange = checkExpand;
 return input;
}
 
// Multiple onload function created by: Simon Willison
// [url]http://simonwillison.net/2004/May/26/addLoadEvent/[/url]
function addLoadEvent(func) {
  var oldonload = window.onload;
  if (typeof window.onload != 'function') {
    window.onload = func;
  } else {
    window.onload = function() {
      if (oldonload) {
        oldonload();
      }
      func();
    }
  }
}
 
addLoadEvent(function() {
 document.getElementById('image_1').onchange = checkExpand;
});
</script>
И такая форма:
HTML5
1
2
3
4
5
6
7
<form id="upl" method="POST" enctype="multipart/form-data">
            <br id="clear1"><input type="hidden" value="hh">
            <input type="file" name="image[]" id="image_1">
            <input type='text' name='path'>
            <br><br id="clear"><br>
            <input type="submit">
        </form>
Что нужно добавить, чтобы после добавления текстового инпута происходил переход на новую строку?
Вложил изображение того, как это сейчас выглядит. Мне надо, чтобы было так:
(путь)(кнопка)(текстовое поле)
(путь)(кнопка)(текстовое поле)
(путь)(кнопка)(текстовое поле) и т.д.
Миниатюры
Как сделать перевод строки?  
0
cpp_developer
Эксперт
20123 / 5690 / 1417
Регистрация: 09.04.2010
Сообщений: 22,546
Блог
21.06.2012, 13:21
Ответы с готовыми решениями:

Как во время cons сделать перевод строки?
как во время cons сделать перевод строки? (defun test (x) (if (zerop x) () (cons 0 (test (1- x))))) CL-USER&gt; (test...

Как сделать перевод строки не прибегая к клавиатуре
Доброго времени суток. Использую MS Office Word 2003. Спрашиваю из праздного любопытства - убрал клавиатуру, но понадобилось...

Как в msg в сообщении сделать перевод строки текста в выходящем окошке
Есть сообщение в msg как сделать перевод строки если имеются в слове спецсимволы (рекомендуется) пробовал echo не получилось должно...

4
0 / 0 / 0
Регистрация: 21.06.2012
Сообщений: 4
21.06.2012, 13:46
checkExpand не создаёт тег <br> после двух инпутов.
0
супермизантроп
Эксперт JS
3941 / 2979 / 692
Регистрация: 18.04.2012
Сообщений: 8,629
21.06.2012, 14:58
Сделайте ещё одну функцию - createNewBR (), в которой будет только две строки:
JavaScript
1
2
3
4
function createNewBR () {
 var br = document.createElement ("br");
 return br;
}
и добавляйте её вызов после добавления текстового инпута - вот так:
JavaScript
1
document.getElementById ('upl').insertBefore (createNewInputBR (), document.getElementById ('clear'));
Обратили внимание, что у меня внутри функции есть var в первой строке, а у вас в обоих функциях - его нет?
Переменная br нужна только внутри функции, поэтому незачем её делать глобальной.
Также и в двух ваших функциях: переменная input - она должна быть локальной. Пропишите оба раза в первых строках дефиницию var.
1
56 / 56 / 14
Регистрация: 02.03.2010
Сообщений: 407
21.06.2012, 17:08  [ТС]
Цитата Сообщение от kalabuni Посмотреть сообщение
Сделайте ещё одну функцию - createNewBR (), в которой будет только две строки:
JavaScript
1
2
3
4
function createNewBR () {
 var br = document.createElement ("br");
 return br;
}
и добавляйте её вызов после добавления текстового инпута - вот так:
JavaScript
1
document.getElementById ('upl').insertBefore (createNewInputBR (), document.getElementById ('clear'));
Обратили внимание, что у меня внутри функции есть var в первой строке, а у вас в обоих функциях - его нет?
Переменная br нужна только внутри функции, поэтому незачем её делать глобальной.
Также и в двух ваших функциях: переменная input - она должна быть локальной. Пропишите оба раза в первых строках дефиницию var.
Спасибо за помощь, помогло Может кому нибудь еще понадобиться, то добавлю что в коде есть небольшая опечатка, а именно:
Имя функций разные: document.getElementById ('upl').insertBefore (createNewInputBR (), document.getElementById ('clear'));
0
7ru7
17.03.2014, 18:00
Sunman! Давно искал такой пример. Как раз то, что надо. Если не затруднит, можно весь код целиком? А то что-то не соображу, ну ни как!
Зазрение благодарен!
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
raxper
Эксперт
30234 / 6612 / 1498
Регистрация: 28.12.2010
Сообщений: 21,154
Блог
17.03.2014, 18:00
Помогаю со студенческими работами здесь

Заменить в строке все пробелы на перевод строки, а перевод строки изменить на два перевода
Меня интересует следующий вопрос: как заменить в моем стринге все пробелы на переходы на новую строку, а переходы на новую строку изменить...

Разбиение строки на части, перевод строки в число и перевод числа
Есть задание: 1. Необходимо реализовать консольное приложение, позволяющее манипулировать строкой, разбив ее на элементы путем...

Как сделать перевод программы?
Здравствуйте. Я не понял как переводить программу и возникли вопросы: 1. как можно сделать перевод программы? 2. что такое...

Как сделать перевод из TextBox в PasswordBox?
Есть 2 Бокса. TextBox и PasswordBox. Как сделать так что бы при вводе в любой из них в другом отображалось то что вводишь? Пример. Ввожу в...

Как правильно сделать перевод на Wordpress?
Вопрос касается скорее как отвязаться от длины переводимой строки. Т.е. если я в шаблоне прописываю следующим образом: &lt;?php...


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

Или воспользуйтесь поиском по форуму:
5
Ответ Создать тему
Новые блоги и статьи
Вывод диалогового окна перед закрытием, если документ не проведён
Maks 04.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: реализовать программный контроль на предмет проведения документа. . .
Программный контроль заполнения реквизита табличной части документа
Maks 02.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: реализовать контроль заполнения реквизита "ПричинаСписания". . .
wmic не является внутренней или внешней командой
Maks 02.04.2026
Решение: DISM / Online / Add-Capability / CapabilityName:WMIC~~~~ Отсюда: https:/ / winitpro. ru/ index. php/ 2025/ 02/ 14/ komanda-wmic-ne-naydena/
Программная установка даты и запрет ее изменения
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
Суть идеи заключается в том, чтобы запустить свой сервер, о чём я если честно мечтал давно и давно приобрёл книгу как это сделать. Но не было причин его запускать. Очумелые учёные напечатали на. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru