VPF::добавление фото в форму ajax - Форум программистов

bazzjr

Дата 21.1.2009, 23:33 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 460
Регистрация: 27.12.2007
Где: Россия, Пермь

Репутация: 4
Всего: 6

Снова подводные камни...
Эта тема продолжение этой "ссылка на тему"

имеется код:

Код


<table class="mtable2">
  <tr>
    <td class="b1">
    <form name="forma_add" id="forma_add" action="addpost.php" method="post" enctype="multipart/form-data" onsubmit="return go_reg();">
        <table class="mtable_form_add" id="bb1">
          БЛА БЛА БЛА много контента длявыбора inpute и option
                
<script>
function sub_upl_form(){
    window.document.getElementById('loading-layer').style.display='block';
    window.document.getElementById('upl_form').submit();
}
</script>
<div id="loading-layer" style="display:none"><div id="loading-layer-text">Загрузка. Пожалуйста, подождите...</div></div>
<iframe id="upl_frame" name="upl_frame" width=0 height=0 style="display:none;"></iframe>

<form name="upl_form" id="upl_form" method="post" enctype="multipart/form-data" action="upload.php" target="upl_frame">
    <input name="userfile" type="file" onChange="sub_upl_form();" style="width:200px">
</form>
<span id="foto"></span>
                

      </form>
    </td>
  </tr>
</table>

Если форма для загрузки картинок "upl_form" находится в другой форме "forma_add", то загрузка картинок не происходит-появляется табличка "Загрузка. Пожалуйста, подождите..." и виснет.
Если форма "upl_form" находится вне формы "forma_add", тогда все нормулек.
ВОПРОС:
Как мне сделать так, чтобы по ходу заполнения формы, юзер мог и загрузить файл (т.е. не красиво выглядит когда тааам форма для загрузки а тааааам для данных...). Как сделать как на прикрепленной картинке

Присоединённый файл ( Кол-во скачиваний: 10 )

vopros.gif 13,85 Kb

bars80080

Дата 21.1.2009, 23:47 (ссылка)

(нет голосов)

Загрузка ...

прапор творюет

Награды: 1

Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 71
Всего: 315

это как так - две формы, одна в другой? что должна подумать кнопка сабмит?

и почему вообще две формы? почему не использовать одну?

bazzjr

Дата 21.1.2009, 23:50 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 460
Регистрация: 27.12.2007
Где: Россия, Пермь

Репутация: 4
Всего: 6

Очень признателен буду если подскажите как реализовать все то что я описал, только правильно. smile

bars80080

Дата 21.1.2009, 23:57 (ссылка)

(нет голосов)

Загрузка ...

прапор творюет

Награды: 1

Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 71
Всего: 315

а что за задача? форму одну сделать? так просто задать её, обхватив все элементы ввода, даже, если при этом вся страница (всё что внутри <body> окажется внутри формы <body><form> ... </form></body>)

bazzjr

Дата 22.1.2009, 00:02 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 460
Регистрация: 27.12.2007
Где: Россия, Пермь

Репутация: 4
Всего: 6

bars80080 я же в вопросе все описал...

Повторюсь. Есть некая форма с разными полями, и в этой форме я хочу сделать поле с добавлением картинки, НО... загрйзку картинки произвести сразу же после того как она была выбрана(AJAX) и показать тут же юзеру.

Как это реализовать. так примерно сделано на сайте dom.ru при подаче обьявления.

bars80080

Дата 22.1.2009, 00:19 (ссылка)

(нет голосов)

Загрузка ...

прапор творюет

Награды: 1

Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 71
Всего: 315

а, тяжеловатая ситуация, но ошибка происходит из-за вложения форм, так нельзя.
как насчёт того, чтобы подумать над вырванным слоем.
если нет каких-то тяжёлых операций со стилями, то основной части страницы, где первая форма, можно написать position: relative;, затем сделать пустую площадку в этом слое, размером с необходимые для input-file и загружаемой затем картинки. после чего вторую форму (которая не находится в первой форме), задать position: absolute; и передвинуть left, top на эту площадку. выглядеть будет как единое целое

bazzjr

Дата 22.1.2009, 00:25 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 460
Регистрация: 27.12.2007
Где: Россия, Пермь

Репутация: 4
Всего: 6

да такой варик впринципе реален, вот только реализовывать его ### сложно будет(как раз таки со стилями наворотов имеется).
Ну если такой гуру как bars80080 ничего лучше не посоветовал, тогда я возьмусь за реализацию такого способа.
Ох чувствую мозК сплавится smile

bars80080 спасибо за совет!

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| PHP: Общие вопросы \| Следующая тема »