Ir nepieciešamība pēc samērā vienkāršas lietas. Vienā no satura veidiem ir Datnes lauks. Estētisku iemeslu dēļ gan veidojot jaunu, gan labojot esošu, nepieciešams šī lauka vietā rādīt butonu/ikonu, kuru klikšķinot "izlec" modāls/dialog/popup lodziņš, kurā tad tālāk tiek augšuplādēts fails. Tas tiek panākts ar jQuery Dialog palīdzību. Izskats ir panākts vajadzīgais, taču diemžēl dzēst esošus failus sanāk, bet nesanāk pievienot jaunus. Neatkarīgi no faila izmēra, šis modālais logs pēc faila augšuplādes atgriež
"An unrecoverable error occurred. The uploaded file likely exceeded the maximum file size (8 MB) that this server supports."
Runa ir par Drupal 7. Izmantotais JS:
(function ($) {
Drupal.behaviors.module_custom = {
attach: function (context, settings) {
//appending button
var $inputButton = $('<input type="button" value="File" id="open_modal" />');
$inputButton.insertAfter($(".field-name-field-file"));
//hiding file upload wrapper div
$('.field-name-field-file').hide();//initializing modal dialog window
$( ".field-name-field-file" ).dialog({
autoOpen: false,
show: {
effect: "blind",
duration: 1000
},
hide: {
effect: "explode",
duration: 1000
},
width: 500
});//launching modal dialog when button is clicked
$( "#open_modal" ).click(function() {
$( ".field-name-field-file" ).dialog( "open" );
});});
}
};
}(jQuery));
Tad var šādi.
CSS
Tas ir tikai piemērs. Pilnveido un nostilo pēc vajadzības.