Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 11.01.2011, 18:40
Новичок на форуме
Отправить личное сообщение для Igor Shmigoff Посмотреть профиль Найти все сообщения от Igor Shmigoff
 
Регистрация: 27.12.2010
Сообщений: 7

Не работает ajaxForm()
Всем привет.
У меня есть контейнер, а-ля как http://www.ajaxdaddy.com/demo-dynamic-content.html

При клике на id='article1' я подставляю урл, и в #contentContainer появляется моя форма для загрузки файлов:

$('#article1').click(function(){
                $("#contentContainer").load("http://localhost:8000/file_upload_form/", function(){

Сама форма что то типа следующей:
<form id="videoform" action="http://localhost:8000/file_upload_form/" method="post" enctype="multipart/form-data">
	{{ form }}<br> // Тут поля формы
	<input type="submit" name="submit" value="Upload" id="submit"">
</form>


Хочу кликнуть на сабмит и попасть на страницу типа "ok.html" - любая, не суть, но чтоб она появилась именно в #contentContainer.
Пытаюсь юзать http://jquery.malsup.com/form/
что- то не получается.
Т.е. пытаюсь сделать как то вот так:
$('#article1').click(function(){
                $("#contentContainer").load("http://localhost:8000/file_upload_form/", function(){
                        $('#videoform').ajaxForm(function(){
                            $('#contentContainer').load("http://localhost:8000/file_upload_form/ok");
                        });
                    });
                });

Браузер пишет: Error: Form elements must not have name or id of "submit"

В итоге я не понимаю, как решить задачу. Если кто подскажет - заранее спасибо.
Ответить с цитированием
  #2 (permalink)  
Старый 11.01.2011, 20:10
Новичок на форуме
Отправить личное сообщение для Igor Shmigoff Посмотреть профиль Найти все сообщения от Igor Shmigoff
 
Регистрация: 27.12.2010
Сообщений: 7

Убрал из
<input type="submit" name="submit" value="Upload" id="submit">
id и name, ошибка перестала возникать. Но по прежнему страница переталкивается.
Ответить с цитированием
  #3 (permalink)  
Старый 11.01.2011, 22:25
Новичок на форуме
Отправить личное сообщение для Igor Shmigoff Посмотреть профиль Найти все сообщения от Igor Shmigoff
 
Регистрация: 27.12.2010
Сообщений: 7

Сделал так:
$('#article1').click(function(){
                $("#contentContainer").load("http://localhost:8000/My_project/upload.../", function(){
                    $(document).ready(function(){
                        $("#videoform").ajaxForm(function(){
                            $("#contentContainer").load("http://localhost:8000/My_project/../ok");
                        });
                    });
                });
            });
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
ajax запросы, работает на одних компах и не работает на других vtornik23 AJAX и COMET 2 22.03.2010 17:22
ява-скрипт выборочно работает-не работает zeta777 Internet Explorer 0 20.01.2010 10:41
Динамическая HTML форма (FireFox - работает, IE - не работает) dm1tr1y Общие вопросы Javascript 10 11.12.2009 14:59
Safari + ajax некорректно работает, а в других работает demi AJAX и COMET 35 15.07.2009 13:11
Скрипт меню-гармошки работает выборочно Extern Элементы интерфейса 2 23.02.2009 14:32