ورود

View Full Version : سوال: عمل نکردن یکی از دو تابع جاوا ؟



ehsanhoj
پنج شنبه 11 اردیبهشت 1393, 23:23 عصر
با سلام خدمت اساتید محترم

برای بنده در زمینه پروژه ام مشکلی پیش اومده که بصورت نکته وار توضیح میدهم :

1. پروژه رستوران ، که در بعضی از صفحات دو کنترل جاوا (تهیه شده) ، یکی تقویم میباشد و دیگری حرکت انیمیشن div .
2. استفاده بصورت تکی این کنترل ها ، یعنی فقط بعنوان مثال تقویم باشد یا فقط حرکت انیمیشن باشد بدون هیچ مشکلی اجرا خواهد شد.
3. اما در بعضی از صفحات که به اجبار بایستی از هر دو کنترل در یک صفحه استفاده شود در اجرا دچار مشکل میشود و یکی از دو کنترل اجرا نخواهد شد (حرکت انیمیشن).

4. کد های استفاده شده در master page (کد های مربوط به حرکت انیمیشن div)


<script type="text/javascript">
$(document).ready(function() {

///---------------------------------------------------------------------------
$('.count-docktitle').on('click', function()
{
if( $('.count-dockmenu').position().left === -183 )
{
$('.count-dockmenu').animate({'left':'0px'}, 500);
$('.count-docktitle').animate({'left':'0px'}, 500);
$('.count-dockmenu').css('z-index', '100');
$('.count-docktitle').css('text-align', 'center');
}
else
{
$('.count-dockmenu').animate({'left':'-183px'}, 500);
$('.count-docktitle').animate({'left':'100px'}, 500);
$('.count-dockmenu').css('z-index', '0');
$('.count-docktitle').css('text-align', 'right');
}
});


///---------------------------------------------------------------------------
$('.food-docktitle').on('click', function()
{
if( $('.food-dockmenu').position().left === -183 )
{
$('.food-dockmenu').animate({'left':'0px'}, 500);
$('.food-docktitle').animate({'left':'0px'}, 500);
$('.food-dockmenu').css('z-index', '100');
$('.food-docktitle').css('text-align', 'center');
}
else
{
$('.food-dockmenu').animate({'left':'-183px'}, 500);
$('.food-docktitle').animate({'left':'100px'}, 500);
$('.food-dockmenu').css('z-index', '0');
$('.food-docktitle').css('text-align', 'right');
}
});

///---------------------------------------------------------------------------
$('.news-docktitle').on('click', function()
{
if( $('.news-dockmenu').position().left === $( window ).width() )
{
$('.news-dockmenu').animate({'right':'0px'}, 500);
$('.news-docktitle').animate({'right':'0px'}, 500);
$('.news-dockmenu').css('z-index', '100');
$('.news-docktitle').css('text-align', 'center');
}
else
{
$('.news-dockmenu').animate({'right':'-183px'}, 500);
$('.news-docktitle').animate({'right':'100px'}, 500);
$('.news-dockmenu').css('z-index', '0');
$('.news-docktitle').css('text-align', 'left');
}
});

///---------------------------------------------------------------------------
$('.about-docktitle').on('click', function()
{
if( $('.about-dockmenu').position().left === $( window ).width() )
{
$('.about-dockmenu').animate({'right':'0px'}, 500);
$('.about-docktitle').animate({'right':'0px'}, 500);
$('.about-dockmenu').css('z-index', '100');
$('.about-docktitle').css('text-align', 'center');
}
else
{
$('.about-dockmenu').animate({'right':'-183px'}, 500);
$('.about-docktitle').animate({'right':'100px'}, 500);
$('.about-dockmenu').css('z-index', '0');
$('.about-docktitle').css('text-align', 'left');
}
});

///---------------------------------------------------------------------------
$('.dockclose').on('click', function()
{
if( $('.dockmenu').position().top === 0 )
{
$('.dockmenu').animate({'top':'-110px'}, 500);
// $(this).html('ورود/خروج');
$('.dockclose').animate({'top':'135px'}, 500);
$('.dockclose').animate({'left':'150px'}, 500);


// $('.header-pic').show();

$('#imgArm').css('display', 'block');
}
else
{
$('.dockclose').animate({'top':'25px'}, 500);

$('.dockmenu').animate({'top':'0'}, 500);

$('.dockclose').animate({'left':'-100px'}, 500);

// $(this).html('x');

// $('.dockclose').animate({'left':'0px'}, 500);




// $('.header-pic').hide();

$('#imgArm').css('display', 'none');
}
});
//
// $('.menu-pic').on('mouseover',function(){
// $(this).css('background','blue');
// });
});


</script>




6. کد های استفاده شده در صحفه مورد نظر (کد های مربوط به تقویم )




$(function() {
// حالت پیشفرض
$('#datepicker0').datepicker();
//-----------------------------------
// نمایش شماره هفته
$('#datepicker1').datepicker({
showWeek: true
});
//-----------------------------------
// پرکردن فیلد اضافی
$("#datepicker2").datepicker({
dateFormat: 'dd/mm/yy',
altField: '#alternate2',
altFormat: 'DD، d MM yy'
});
//-----------------------------------
// نمایش دکمه ها
$('#datepicker3').datepicker({
showButtonPanel: true
});
//-----------------------------------
// تغییر قالب نمایش تاریخ و تغییر سایز خودکار فیلد
$("#datepicker4").datepicker({
dateFormat: 'dd/mm/yy',
autoSize: true
});
$("#format4").change(function() {
$('#datepicker4').datepicker('option', { dateFormat: $(this).val() });
});
//-----------------------------------
// استفاده از dropdown
$('#datepicker5').datepicker({
changeMonth: true,
changeYear: true
});
//-----------------------------------
// انتخاب با کلیک بر روی عکس
$("#datepicker6").datepicker({
showOn: 'button',
buttonImage: 'styles/images/calendar.png',
buttonImageOnly: true
});
//-----------------------------------
// نمایش inline
$('#datepicker7').datepicker();
//-----------------------------------
// نمایش چند ماه
$('#datepicker8').datepicker({
numberOfMonths: 3,
showButtonPanel: true
});
//-----------------------------------
// غیرفعال کردن روزها
$('#datepicker9').datepicker({
beforeShowDay: function(date) {
if (date.getDay() == 5)
return [false, '', 'تعطیلات آخر هفته'];
return [true];
}
});
//-----------------------------------
// تاریخ پیشفرض
$('#datepicker10').datepicker({
defaultDate: new JalaliDate(1361, 4, 10) //this means "1361/05/10"
});
//-----------------------------------
// تنظیم حداقل و حداکثر
$('#datepicker11').datepicker({
minDate: '-3d',
maxDate: '+1w +2d'
});
//-----------------------------------
// تنظیم حداقل بصورت پویا
$('#datepicker12from').datepicker({
onSelect: function(dateText, inst) {
$('#datepicker12to').datepicker('option', 'minDate', new JalaliDate(inst['selectedYear'], inst['selectedMonth'], inst['selectedDay']));
}
});
$('#datepicker12to').datepicker();
//-----------------------------------
// استفاده همزمان از تقویم میلادی
$('#datepicker13').datepicker({
regional: ''
});
//-----------------------------------
// استفاده همزمان از تقویم هجری قمری
$('#datepicker14').datepicker({
regional: 'ar'
});
});


تنها چیزی که به نظر خودم میرسه اینه که این دو کد بگمانم بایستی ادغام بشه تا مشکلی برای اجرای کد دیگه پیش نیاد ...
اگه درسته لطفا در ادغامش کمکم کنید ...