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

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

21.06.2012, 13:21. Показов 2350. Ответов 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
Ответ Создать тему
Новые блоги и статьи
SDL3 для Web (WebAssembly): Обработчик клика мыши в браузере ПК и касания экрана в браузере на мобильном устройстве
8Observer8 02.02.2026
Содержание блога Для начала пошагово создадим рабочий пример для подготовки к экспериментам в браузере ПК и в браузере мобильного устройства. Потом напишем обработчик клика мыши и обработчик. . .
Философия технологии
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(), которая. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru