Обратитесь к внешнему файлу html из реализации alertify.dialog

Можно ли ссылаться на внешний HTML-файл внутри реализации alertify.dialog(). В настоящее время я использую ниже код, который берет html-код для создания моего диалога.Обратитесь к внешнему файлу html из реализации alertify.dialog

alertify.myAlert || alertify.dialog('myAlert',function factory(){ 
      return { 
       main:function(content){ 
        this.setContent(content); 
       }, 
       setup:function(){ 
        return { 
         options:{ 
          modal:false, 
          basic:true, 
          maximizable:false, 
          resizable:false, 
          padding:false 
         } 
        }; 
        }, 
        build:function() {        
         this.elements.content.innerHTML = "**<html>MY HTML CODE</html>**"; 
        }, 
        hooks: { 
         onshow: function() { 
         this.elements.dialog.style.height = '50%'; 
         this.elements.dialog.style.width = '15%'; 
         } 
        } 
       }; 
     });

Это выглядит грязным, чтобы иметь весь код html здесь. Я хочу помещать это в отдельный .html-файл и ссылаться на него в реализации диалога. У нас есть какой-то вариант для этого?

источник

2015-12-06 Alex

Нет такую функциональность не встроен в AlertifyJS, но вы можете использовать JQuery, чтобы создать свою собственную обертку:

// myAlert dialog 
alertify.myAlert || alertify.dialog('myAlert', function factory() { 
    return { 
    main: function(content) { 
     this.setContent(content); 
    }, 
    setup: function() { 
     return { 
     options: { 
      modal: false, 
      basic: true, 
      maximizable: false, 
      resizable: false, 
      padding: false 
     } 
     }; 
    } 
    }; 
}); 

//custom wrapper to load external contents 
alertify.ajaxAlert = function(url) { 
    $.ajax({ 
    url: url, 
    }).success(function(data) { 
    alertify.myAlert(data); 
    }).error(function() { 
    alertify.error('Errro loading external file.'); 
    }); 
}

Samplehttp://plnkr.co/edit/SuFXMRthGpMKKXoG7Yv2?p=preview

источник

2015-12-07 10:19:40

Обратитесь к внешнему файлу html из реализации alertify.dialog

ответ

Смежные вопросы