Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 26.01.2015, 15:04
Новичок на форуме
Отправить личное сообщение для zloyadmin Посмотреть профиль Найти все сообщения от zloyadmin
 
Регистрация: 26.01.2015
Сообщений: 1

Как вставить DatePicker Jquery в статью Joomla?
Здравствуйте.
Joomla 1.5
Не работает Jquery Datepicker.
Причем если вынести все конструкции в отдельный файл на хостинге (не касаясь Joomla) - всё ок.

Сам калькулятор (в статье). Прятать\показать калькулятор - работает.
   <a href="#" onclick="openbox('box'); return false">Калькулятор стоимости тура</a>

<div id="box" style="display: none;">
<form>

<p><label>Выберите отель:</label>
    <p></p>
    <input type="radio" name="otel" value="ss" onChange="calculate()">11111<br>
    <input type="radio" name="otel" value="so" onChange="calculate()">22222<br>
    </select>
</p>

<p><label>Количество человек:<input type=number name="quantity" id="quantity" onChange="calculate()" /></label></p>

<p><label>Выберите дату начала тура:</label>
    <input type="text" name="date" id="date" readonly size="12"  onChange="calculate()"/>
</p>
  
<p><label>Стоимость тура:</label>
    <input type="text" name="price" id="price" size="12" readonly />
</p>  
</form>
    </div>

calc.js

   var so_june = 17700;
    var ss_june = 17100;
    var so_july = 18400;
    var ss_july = 17500;


$(window).load(function(){
var availableDates = ["7-6-2015","14-6-2015","21-6-2015","28-6-2015","16-8-2015","23-8-2015","5-7-2015","12-7-2015","19-7-2015","26-7-2015","2-8-2015","9-8-2015"];
function available(date) {
    dmy = date.getDate() + "-" + (date.getMonth()+1) + "-" + date.getFullYear();
    if ($.inArray(dmy, availableDates)!= -1) {
        return [true, "","Available"];
        } else {
        return [false,"","unAvailable"];
    }
}

$('#date').datepicker({ beforeShowDay: available, regional: "ru",defaultDate: "1.6.2015"});

});  

function openbox(id){
    display = document.getElementById(id).style.display;
    if(display=='none'){
       document.getElementById(id).style.display='block';
    }else{
       document.getElementById(id).style.display='none';
    }
}


function calculate(){
   
    if ($('#quantity').val() == "" || $('#date').val() == "" || $('input:radio[name=otel]:checked').val() == "" ) { 
        //alert("Error")
    }
    else{
        //$('#price').val("asdasd")
        if ($('#date').val() == "07.06.2015" || $('#date').val() == "14.06.2015" || $('#date').val() == "21.06.2015" || $('#date').val() == "28.06.2015" || $('#date').val() == "16.08.2015" || $('#date').val() == "23.08.2015" ) {season = "low"}
        
        if ($('#date').val() == "05.07.2015" || $('#date').val() == "12.07.2015" || $('#date').val() == "19.07.2015" || $('#date').val() == "26.07.2015" || $('#date').val() == "02.08.2015" || $('#date').val() == "09.08.2015" ) {season = "high"}
        
        //alert(season);
        switch (season){
                case "low":
                    switch ($('input:radio[name=otel]:checked').val()){
                        case "ss":
                        sum = $('#quantity').val() * ss_june;
                        $('#price').val(sum);
                        break;
                        case "so":
                        sum = $('#quantity').val() * so_june;
                        $('#price').val(sum);
                        break;
                    }
                break;
                
                case "high":
                    switch ($('input:radio[name=otel]:checked').val()){
                        case "ss":
                        sum = $('#quantity').val() * ss_july;
                        $('#price').val(sum);
                        break;
                        case "so":
                        sum = $('#quantity').val() * so_july;
                        $('#price').val(sum);
                        break;
                    }
                break;
                
        }
        
    };
	
}
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
как вставить элемент ? желательно через jquery ninzzo Events/DOM/Window 10 09.07.2014 22:09
Как вы относитесь к наркоманам? Maxmaxmaximus7 Оффтопик 7 05.02.2014 13:29
Управление скроллом "а-ля тач" HonesT Элементы интерфейса 2 27.08.2013 14:25
Вроде видел статью, как вставить свой тег с помощью css ...но как то пробежал мимо Deff (X)HTML/CSS 2 09.07.2013 12:49
Как повесить обработчик mousedown на datepicker input-а? gait Events/DOM/Window 3 10.05.2013 14:09