Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 19.12.2011, 05:19
Интересующийся
Отправить личное сообщение для oskolsky Посмотреть профиль Найти все сообщения от oskolsky
 
Регистрация: 26.03.2010
Сообщений: 10

Выполнение скриптов в ColorBox
Здравствуйте! Бьюсь уже несколько часов, ничего не могу придумать. Проблема следующая, на сайте использую плагин к JQuery ColorBox для создания всплывающего окна, в которое Ajax'ом подгружаю шаги некоторого мастера.

Сама проблема: после выполнения каждого шага, в это окно подгружается следующий (подгружается Ajax'ом), после загрузки запускаю метод: $(".ajax").colorbox.resize({}), для того чтобы окно приняло размеры загруженного в него контента.

Все работало замечательно, пока на одном из шагов не пришлось внедрить еще один плагин DataPicker, который напрачь отказывается работать пока Ajax'ом не загружу вместе с контентом JQuery.js, если загрузить тогда начинает работать, но перестает работать метод $(".ajax").colorbox.resize({}).
Ответить с цитированием
  #2 (permalink)  
Старый 19.12.2011, 05:21
Интересующийся
Отправить личное сообщение для oskolsky Посмотреть профиль Найти все сообщения от oskolsky
 
Регистрация: 26.03.2010
Сообщений: 10

Этим кодом перемещаюсь по шагам мастера внутри созданного всплывающего окна:

function sendForm(step) {
  $.ajax({
    type: "post",
    url: "/interface/services.php?action=visa_support&step=" + step,
    data: $("#form").serialize(),
    cache: false,
    beforeSend: function(){
      $(".visa_support").html("");
      $("#cboxLoadingOverlay").css("display", "block");
    },
    success: function(html){
      $("#cboxLoadingOverlay").css("display", "none");
      $(".visa_support").html(html);
      $(".ajax").colorbox.resize({})
    }
  });
}
Ответить с цитированием
  #3 (permalink)  
Старый 19.12.2011, 05:22
Интересующийся
Отправить личное сообщение для oskolsky Посмотреть профиль Найти все сообщения от oskolsky
 
Регистрация: 26.03.2010
Сообщений: 10

Это код вызова датапикера:
(function($){
  var initLayout = function() {
    $('#widgetCalendar').DatePicker({
      flat: true,
      format: 'd.m.Y',
      date: [],
      calendars: 2,
      mode: 'range',
      starts: 1,
      onChange: function(formated) {
        $('#widgetField span').get(0).innerHTML = formated.join(' ... ');
        $("input[name=\"date\"]").val(formated.join(' ... '));
      }
    });
    var state = false;
    $("#widgetField > div").live("click", function(){
      $('#widgetCalendar').stop().animate({height: state ? 0 : 151}, 500);
      state = !state;
      return false;
    });
    $('#widgetCalendar div.datepicker').css('position', 'absolute');
    $('#widgetCalendar div.datepicker').css('width', '392');
    $('#widgetCalendar div.datepicker').css('height', '151');
  };
  EYE.register(initLayout, 'init');
})(jQuery)
Ответить с цитированием
  #4 (permalink)  
Старый 19.12.2011, 05:27
Интересующийся
Отправить личное сообщение для oskolsky Посмотреть профиль Найти все сообщения от oskolsky
 
Регистрация: 26.03.2010
Сообщений: 10

Вот кстати сам скрипт.

На первом шаге можно выбрать дату, переходя на следующий шаг, дебагер выдает ошибку:

Uncaught TypeError: Cannot call method 'resize' of undefined
Ответить с цитированием
  #5 (permalink)  
Старый 19.12.2011, 06:09
Интересующийся
Отправить личное сообщение для oskolsky Посмотреть профиль Найти все сообщения от oskolsky
 
Регистрация: 26.03.2010
Сообщений: 10

Тему можно закрыть разобрался сам

Просто переделал код вызова датапикера:

$(document).ready(function() {

    $('#widgetCalendar').DatePicker({
      flat: true,
      format: 'd.m.Y',
      date: [],
      calendars: 2,
      mode: 'range',
      starts: 1,
      onChange: function(formated) {
        $('#widgetField span').get(0).innerHTML = formated.join(' ... ');
        $("input[name=\"date\"]").val(formated.join(' ... '));
      }
    });

    var state = false;
    $("#widgetField > div").bind("click", function(){
      $('#widgetCalendar').stop().animate({height: state ? 0 : 151}, 500);
      state = !state;
      return false;
    });

})
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Асинхронное выполнение скриптов в HTML RUVATA Общие вопросы Javascript 6 15.08.2011 13:34
Выполнение скриптов с другого домена seregarem Events/DOM/Window 12 25.09.2010 19:31
Выполнение скриптов на динамически загруженных страницах stryaponoff AJAX и COMET 18 28.02.2010 08:10
Динамическая подзагрузка и исполнение скриптов NT Man Javascript под браузер 2 28.08.2009 12:32
как прекратить выполнение скрипта ? kefi Общие вопросы Javascript 3 31.03.2009 19:05