Здравейте! Имам проблем при извивкането на jquery datepicker в модален диалог (пак jquery).
Идеята е следната:
Със следният скприпт се парсва външен файл, който съдържа формата на модалния диалог:
GeSHi (Javascript):
$(document).ready(dialogForms);
function dialogForms() {
$('a#dialog-link').click(function() {
var a = $(this);
$.get(a.attr('href'),function(resp){
var dialog = $('<div>').attr('id','').html($(resp).find('form:first').parent('div').html());
$('body').append(dialog);
$('body').append(dialog);
dialog.find(':submit').hide();
dialog.dialog({
title: a.attr('title') ? a.attr('title') : '',
modal: true,
buttons: {
'Save': function() {submitFormWithAjax($(this).find('form'));$(this).dialog('close');},
'Cancel': function() {$(this).dialog('close');}
},
close: function() {$(this).remove();},
width: '300px'
});
}, 'html');
return false;
});
}
function submitFormWithAjax(form) {
form = $(form);
$.ajax({
url: form.attr('action'),
data: form.serialize(),
type: (form.attr('method')),
dataType: 'script'
});
return false;
}
Скрипта го намерих из нета, не съм го писал аз.
Та горния скприпт парсва форма, която е в отделен втори файл и помага за събмитването и.
В този втори файл има datepicker, който обаче не се зарежда.
GeSHi (Javascript):
$(function(){
$("#date1").datepicker({
dateFormat: 'dd.mm.yy',
firstDay: 1,
showOn: "button",
buttonImage: "../images/datepicker.gif",
buttonImageOnly: true
});
$("#date1").datepicker('setDate', '<? echo $date1; ?>');
$("#date2").datepicker({
dateFormat: 'dd.mm.yy',
firstDay: 1,
showOn: "button",
buttonImage: "../images/datepicker.gif",
buttonImageOnly: true
});
$("#date2").datepicker('setDate', '<? echo $date2; ?>');
});
Проблемът е че формата се зарежда и се събмитва, но дейтпикъра не се зарежда! Проббвах да добавя в този втория файл нови връзки към jquery, понеже си мислех че не се зарежда:
GeSHi (Javascript):
<link type="text/css" href="css/smoothness/jquery-ui-1.8.8.custom.css" rel="stylesheet" />
<script type="text/javascript" src="js/jquery-1.4.4.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.8.8.custom.min.js"></script>
Обаче, пак не се получава. Някой може ли да помогне?
GeSHi (Javascript):