Как загрузить внешнюю html-форму в диалоговое окно в стиле Simplemodal OSX

Спасибо за ваш подключаемый модуль jquery. Я знаю, как загрузить внешнюю html-страницу в простой модальный диалог с помощью этого кода:

var src = "form.html";
$.modal('<iframe src="' + src + '" height="430" width="510" style="border:0">', {
closeHTML:"",
containerCss:{
    backgroundColor:"#ffa",
    borderColor:"#ffa",
    height:350,
    padding:0,
    width:530
},
overlayClose:true
});

Я хотел бы сделать то же самое в стиле simplemodal osx. Является ли это возможным ?

Спасибо за вашу помощь.

Тибо


jquery simplemodal
person Thibault VAN    schedule 05.03.2011    source источник
comment
лол @ Привет, Эрик   -  person Brandon Frohbieter    schedule 05.03.2011

Ответы (2)


arrow_upward
0
arrow_downward

Я не Эрик, но это должно позволить вам опустить iframe и использовать любой стиль, который вы хотите (не уверен, что такое стиль OS X - может быть, тема?):

$.get('form.html', function(response) {
  $.modal(response, {
    closeHTML:"",
    containerCss:{
      backgroundColor:"#ffa",
      borderColor:"#ffa",
      height:350,
      padding:0,
      width:530
    },
    overlayClose:true
  });
});
person polarblau    schedule 05.03.2011
comment
Спасибо за ваш ответ, но я могу получить этот результат уже в простом модальном диалоге. Я хотел бы иметь свою внешнюю форму в диалоговом окне стиля OSX. Здесь вы можете увидеть пример в стиле OSX: ericmmartin.com/projects/simplemodal-demos - person Thibault VAN; 06.03.2011
comment
Я понимаю, что это решение не должно отличаться от того, что у вас уже есть. Таким образом, вы можете применить любой стиль к загруженному содержимому, используя уже загруженные стили. Что касается стиля OS X, вам нужно будет гораздо более конкретно указать, что вам нужно или в чем ваша проблема. - person polarblau; 06.03.2011
comment
Я знаю, что это старый вопрос. Я использую osx-style-dialog Эрика для своего проекта. Я хочу знать, как изменить ширину окна - person ivcode; 10.06.2014

arrow_upward
0
arrow_downward

Итак, взглянув на simplemodal и, в частности, на пример OSX, он, кажется, построен с использованием прототипа, а не jQuery (это то, что говорит веб-сайт simplemodal). Почему бы вам не использовать добавление прототипа во внешней форме? Какая именно у вас проблема? Модальное окно не работает или в него не добавляется форма? или есть дополнительная проблема? Конкретика поможет.

person Andrew    schedule 16.03.2011