VPF::Передача параметров из html в js - Форум программистов

Apelsin

Дата 20.10.2010, 16:52 (ссылка)

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

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 35
Регистрация: 20.4.2009

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

Добрый вечер!
у меня на странице есть несколько кликабельных div'ов, при нажатии на которые происходит это:

Код


    $(function(){
        var btnUpload=$('#upload');
        var status=$('#status');
        new AjaxUpload(btnUpload, {
            action: '../loadimage/upload-file.php',
            name: 'uploadfile',
            onSubmit: function(file, ext){
                 if (! (ext && /^(jpg|png|jpeg|gif)$/.test(ext))){ 
                    // extension is not allowed 
                    status.text('Only JPG, PNG or GIF files are allowed');
                    return false;
                }
                status.text('Загружаю...');
            },
            onComplete: function(file, response){
                //On completion clear the status
                status.text('');
                //Add uploaded file to list
                if(response!="error"){
                    $('<span></span>').replaceAll('#files').html('<img src="../loadimage/uploads/'+response+'" width=100% id="files">').addClass('success');
                } else{
                    $('<li></li>').appendTo('#files').text(file).addClass('error');
                }
            }
        });
        
    });

Мне нужно в скрипте выяснять на какой из N div'ов был клик (на 1, 2, 3.. и т.д..) и передавать эти данные в '../loadimage/upload-file.php'.
Подскажите пожалуйста, как?

нашел про ф-ю AjaxUpload вот что:

Код


new AjaxUpload('#upload_button_id', {
  // какому скрипту передавать файлы на загрузку? только на свой домен
  action: 'upload.php',
  // имя файла
  name: 'userfile',
  // дополнительные данные для передачи
  data: {
    example_key1 : 'example_value',
    example_key2 : 'example_value2'
  },
  // авто submit
  autoSubmit: true,
  // формат в котором данные будет ответ от сервера .
  // HTML (text) и XML определяются автоматически .
  // Удобно при использовании  JSON , в таком случае устанавливаем параметр как "json" .
  // Также установите тип ответа (Content-Type) в text/html, иначе это не будет работать в IE6
  responseType: false,
  // отправка файла сразу после выбора
  // удобно использовать если  autoSubmit отключен  
  onChange: function(file, extension){},
  // что произойдет при  начале отправки  файла 
  onSubmit: function(file, extension) {},
  // что выполнить при завершении отправки  файла
  onComplete: function(file, response) {}
});

т.е. мне надо знать на какой из div'ов кликнули, и его номер подставлять в data:{}, но как узнать...

Это сообщение отредактировал(а) Apelsin - 20.10.2010, 16:55

DeamonShan

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

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

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 503
Регистрация: 26.11.2005

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

Код


$("div").click(function(){
   ......
    var data=$(this).attr("id");
   .........
});

--------------------

Извеняюсь за свой русский)))

Apelsin

Дата 21.10.2010, 12:30 (ссылка)

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

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 35
Регистрация: 20.4.2009

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

в итоге пока сижу с разбитым корытом.
вот это:

Код


function myfunc(p, id_link){

        new AjaxUpload(id_link, { action: "test.php",
        data: {name1: p}
        });
}

при вызове:

Код


<div id="id_link<?echo $a[0];?>" onClick="myfunc('anydata', <?echo "id_link".$a[0];?>)" style="width: 30px; height: 30px; background: #666; ">ОК</div>

Выполняется только при втором клике (проверяю на опере, ие, хроме). И еще: когда кликаю первый раз, курсор в виде стрелочки, затем отвожу мышь из области div'a, навожу обратно - крусор мыши уже в форме руки с вытянутым указательным пальцем, и после второго клика выполняется скрипт (AjaxUpload открывает окно для выбора файлов).

Как сделать чтобы при первом клике все выполнялось?

DeamonShan

Дата 22.10.2010, 12:03 (ссылка)

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

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 503
Регистрация: 26.11.2005

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

так пробовали:

Код


$(document).ready(function(){

   $("div").click(function(){
      myfunc('anydata', $(this).attr("id"));
   });

});

Только библиотека JQ должна быть подключена.

Это сообщение отредактировал(а) DeamonShan - 22.10.2010, 12:03

--------------------

Извеняюсь за свой русский)))

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