powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Диннамическое создание элементов на странице
9 сообщений из 9, страница 1 из 1
Диннамическое создание элементов на странице
    #35178462
Crvik
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Привет всем!
Стоит задача загрузки файлов на сервер, с реализацией все понятно, теперь хотелось бы с оформлением/дизайном решить проблему.
Может быть кто подскажет где подсмотреть примерчик ява скрипта для создания элементов как сделано на фотках.yandex.ru ?

У меня получилось только добавить выбор файла и кнопку удаления, а вот как сдлать как там, недопру..
Вот мои скрипты:
Код: plaintext
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.
function addFileUploadBox()
{
    if (!document.getElementById || !document.createElement)
        return false;
    var uploadArea = document.getElementById ("upload-area");

    if (!uploadArea)
        return;

    var newUploadBox = document.createElement ("input");
    var newButton = document.createElement ("input");
    newUploadBox.type = "file";
    newButton.type="button";
    if (!addFileUploadBox.lastAssignedId)
        addFileUploadBox.lastAssignedId =  1 ;
    addFileUploadBox.lastAssignedId++;  	    

    var newLine = document.createElement ("br");
    uploadArea.appendChild (newLine);
    newLine.id='br_'+ addFileUploadBox.lastAssignedId; 
    
    newUploadBox.setAttribute ("id", "file_" + addFileUploadBox.lastAssignedId);
    newUploadBox.attachEvent('onchange', addFileUploadBox);
    uploadArea.appendChild (newUploadBox);
    
    newButton.value="удалить";
    newButton.onclick=DeleteField; 
    newButton.id='button_'+addFileUploadBox.lastAssignedId; 
    newButton.Name='buton_'+addFileUploadBox.lastAssignedId; 
    uploadArea.appendChild (newButton);
}

function DeleteField() 
{ 
var ar = this.id.split('_'); 
var o = ar[ 1 ]; 
var tempobj=document.getElementById('upload-area'); 
if (tempobj) 
{ 
var obj; 
obj = document.getElementById('file_'+o); 
if (obj)
 {tempobj.removeChild(obj);}; 
obj = document.getElementById('button_'+o); 
if (obj) 
{tempobj.removeChild(obj);}; 
obj = document.getElementById('br_'+o); 
if (obj) 
{tempobj.removeChild(obj);}; 
} 
}

...
Рейтинг: 0 / 0
Диннамическое создание элементов на странице
    #35178554
зы
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
по-моему байт и головойной боли будет меньше, если ты просто тупо эту форму нарисуешь в html
...
Рейтинг: 0 / 0
Диннамическое создание элементов на странице
    #35178731
Crvik
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
зыпо-моему байт и головойной боли будет меньше, если ты просто тупо эту форму нарисуешь в html

Нет, ты наверное меня не понял, или я плохо объяснил, короче дело в следующем. Форма для загрузки следующего файла появляется при заполнении формы предыдущего файла. так что сдесь никак не обойтись без яваскрипта, который создает динамически формы следующих выборов файла.
...
Рейтинг: 0 / 0
Диннамическое создание элементов на странице
    #35178745
зы
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
нет это ты нифига не понял, формы необязательно создавать динамически, они могут быть всегда, просто отображаться по-очереди
...
Рейтинг: 0 / 0
Диннамическое создание элементов на странице
    #35178881
ALex_hha
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
авторнет это ты нифига не понял, формы необязательно создавать динамически, они могут быть всегда, просто отображаться по-очереди
а если файлов 100? ;)
...
Рейтинг: 0 / 0
Диннамическое создание элементов на странице
    #35178916
Crvik
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
зынет это ты нифига не понял, формы необязательно создавать динамически, они могут быть всегда, просто отображаться по-очереди

пример можно? 8)
...
Рейтинг: 0 / 0
Диннамическое создание элементов на странице
    #35178917
Crvik
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
ALex_hha авторнет это ты нифига не понял, формы необязательно создавать динамически, они могут быть всегда, просто отображаться по-очереди
а если файлов 100? ;)


во во, я это и пытаюсь сказать что заготовками тут не обойтись :)
...
Рейтинг: 0 / 0
Диннамическое создание элементов на странице
    #35179193
зы
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Crvik
пример можно? 8)
ob.style.display = 'block';
...
Рейтинг: 0 / 0
Диннамическое создание элементов на странице
    #35179194
зы
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
ALex_hha
а если файлов 100? ;)
cloneNode(), слышал?
...
Рейтинг: 0 / 0
9 сообщений из 9, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Диннамическое создание элементов на странице
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]