Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум программистов > JavaScript: Общие вопросы > Поля формы созданные JS не передаются PHP


Автор: InfMag 5.3.2008, 10:13
Не знаю куда поставить вопрос, в PHP или JS. Но проблема такова: у меня есть одно поле загрузки файлов и после него с помощью JavaScript добавляется еще поля, но тут проблема. Отправляется файл только первого поля которое указано статично, а остальные сгенерированные через JS не отправляются. Я анализировал массив $_FILE - там только первое поле как ни крути, вот код:
Код

<input type="file" name="mailattachs1" size="50">&nbsp; <button class="shopAdmin_butAddDel" onclick="javascript:addAttMoreFile(this);infoblock_hide();return false;" onmouseover="javascript:infoblock('Добавить еще одно поле вложения');" onmouseout="javascript:infoblock_hide();">+</button><font id="attMoreFiles2"></font>

<script type="text/javascript" language="javascript">
var arrMailCounter=1;
function addAttMoreFile(elem)
{
    arrMailCounter++;
    elem.style.display='none';
    document.getElementById('attMoreFiles'+arrMailCounter).innerHTML+='<input type="file" name="mailattachs'+arrMailCounter+'" size="50">&nbsp; <button class="shopAdmin_butAddDel" onclick="javascript:addAttMoreFile(this);infoblock_hide();return false;" onmouseover="javascript:infoblock(\'Добавить еще одно поле вложения\');" onmouseout="javascript:infoblock_hide();">+</button><font id="attMoreFiles'+(arrMailCounter+1)+'"></font>';
}
</script>

С формой все в порядке:
Код

<form method="post" action="" enctype="multipart/form-data">

Почему не отправляется не знаю. Я на том же яндексе видел генерацию полей файлов через JS и письма отправлялись без проблем...

Автор: SelenIT 5.3.2008, 10:29
Цитата(InfMag @  5.3.2008,  10:13 Найти цитируемый пост)
С формой все в порядке:

Советую вывести ейный innerHTML перед отправкой и убедиться в этом явно. Чаще всего подобные траблы - следствие неправильной верстки (например, популярной некогда практики засовывания <form> между <table> и <tr>). А от тега <font> в любом случае лучше отказаться в пользу <span>.

Автор: A1ekcandr 5.3.2008, 10:29
помоему, проблема в последующей обработке массива 

Автор: awers 5.3.2008, 10:51
а почему не

Код

<form method="post" id="myform" action="" enctype="multipart/form-data">

<input type="file" name="mailattachs1" size="50">&nbsp; <button class="shopAdmin_butAddDel" onclick="javascript:addAttMoreFile(this);infoblock_hide();return false;" onmouseover="javascript:infoblock('Добавить еще одно поле вложения');" onmouseout="javascript:infoblock_hide();">+</button><font id="attMoreFiles2"></font>
</form>

<script type="text/javascript" language="javascript">
var arrMailCounter=1;
function addAttMoreFile(elem)
{
    arrMailCounter++;
    elem.style.display='none';
    document.getElementById('myform').innerHTML+='<input type="file" name="mailattachs'+arrMailCounter+'" size="50">&nbsp; <button class="shopAdmin_butAddDel" onclick="javascript:addAttMoreFile(this);infoblock_hide();return false;" onmouseover="javascript:infoblock(\'Добавить еще одно поле вложения\');" onmouseout="javascript:infoblock_hide();">+</button><font id="attMoreFiles'+(arrMailCounter+1)+'"></font>';
}
</script>

Автор: InfMag 5.3.2008, 11:12
awers, дело в том что внутренняя часть формы совсем непростая и так просто я не засуну в ее конец такую тему.

SelenIT, хы, действительно smile я запихиваю <form> между <table> и <tr> я сам к этому пришел, практикуя это потому что сам по себе <form> создает всякие отступы, просто старая привычка, сейчас попробую...

Добавлено через 13 минут и 38 секунд
SelenIT, о, чудо! Никогда не думал что проблема могла быть в постановке этой формы... Надо убирать эту привычку из своего репертуара! Большое спасибо! +1

Автор: SelenIT 5.3.2008, 11:31
InfMag, с отступами форм в наше просвещенное время принято бороться с помощью CSS - margin:0; padding:0;

Да, и еще: писать "javasript:" в onclick и т.п. не нужно - это нужно только для запуска JS через адресную строку.

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)