Гость
Целевая тема:
Создать новую тему:
Автор:
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Диннамическое создание элементов на странице / 9 сообщений из 9, страница 1 из 1
07.03.2008, 14:40
    #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
07.03.2008, 15:15
    #35178554
зы
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Диннамическое создание элементов на странице
по-моему байт и головойной боли будет меньше, если ты просто тупо эту форму нарисуешь в html
...
Рейтинг: 0 / 0
07.03.2008, 16:25
    #35178731
Crvik
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Диннамическое создание элементов на странице
зыпо-моему байт и головойной боли будет меньше, если ты просто тупо эту форму нарисуешь в html

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

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


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


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