Проверка свойства стиля
Здравствуйте!
На моем сайте есть форма онлайн заказа. Состоит она из трех степов. Каждый появляется в свое время. Соответственно если видима одна то у двух других свойства display:none; Мне надо сделать что бы изменении свойства стиля у div на втором степе срабатывало событие, т.е. если div style="display:block" то срабатывает условие. Если display:none то ничего не происходит |
Цитата:
|
сорри, руки за мыслями не успевают)))
"Мне надо сделать что бы при изменении свойства стиля у div на втором степе срабатывало событие " |
что то типа
if ($("#orderStepTwo").css("display","block")) { step = 3; }; |
Цитата:
|
Пятница...туго соображаю...
видимость блока меняет событие по клику кнопки на первом степе. Вот. Когда появляется второй степ с блоком id=orderStepTwo надо что бы срабатывало условие. т.е. скрипт проверяет css id=orderStepTwo и как только оно становится display: block услоие срабатывает путано объясняю, сорри. Голова уже совсем не работает |
Цитата:
|
div class="orderStepOne">
<select id="orderChannels" class="orderSelect" style="display: none;">
<?php
foreach ($channels as $id => $channel) {
print '<option value="' . $id . '">' . $channel['name'] . '</option>';
}
?>
</select>
<!-- <a id="orderShowState" class="orderShowState" href="#orderState">Заказ</a> -->
<div class="orderAddressBlock">
<form id="orderAddressForm" class="orderForm" action="">
<legend></legend>
<?php
for ($i = 1; $i <= 7; $i++) {
if ($i == 1)
$addr = 'Откуда';
else
if ($i == 2)
$addr = 'Куда';
else
$addr = 'Дополнительный адрес';
print '<div id="orderAddress' . $i . '" class="orderAddress">';
// print '<label class="orderFormLabel">' . $addr . '</label><br>';
print '<input id="orderAddressSearch' . $i . '" class="orderAddressSearch js-autocomplete js-address" size="10" type="text" data-required="true" data-valid="false" placeholder="'.$addr.'">';
print '<input id="orderStreetId' . $i . '" class="orderStreetId" size="12" type="text" >';
print '<input id="orderHouseId' . $i . '" name="address' . $i . '" class="orderHouseId" size="12" type="text">';
print '</div>';
//if ($i == 7) print '<input type="button" id="orderClear" value="Очистить маршрут">';
}
?>
</form>
</div>
<div class="orderFormRow" id="orderCostCapt">
<div id="orderCostCaption" class="orderCostCaption"><button id="orderCalculate">Рассчитать маршрут</button></div>
<div id="orderCost" > </div>
<a id="orderClear" href="#"><span>Очистить маршрут</span></a>
</div>
</div>
<div id="orderStepTwo" class="orderStepTwo" >
<div class="orderStepTwo_map">
Маршрут:
</div>
<div id="orderStepTwo_map"> </div>
<div class="orderStepTwo_price">
Стоимость Вашей поездки:
</div>
<div id="orderStepTwo_price">
</div>
<div class="orderNext">
<input type="button" value="ЗАКАЗАТЬ" id="orderNext" />
</div>
</div>
|
так работает кнопка на первом степе
$("#orderCalculate").click(function() {
orderHidePrompt($("#orderCostCaption"));
if ($("#orderTimeForm").validationEngine("validate")) {
orderData.route = {};
$("#orderCost").removeClass("orderError").html(orderData.costWait);
$("#orderTimeForm input[name='phone']").val($("#orderTimeForm input[name='phone']").val().replace(/\D/g, ""));
var a = $("#orderAddressForm").serializeObject();
$.extend(a, $("#orderTimeForm").serializeObject());
orderData.channel && (a.channel = orderData.channel);
ajax({
//url: orderData.scriptsDir + "cost.php",
url: "cost.php",
data: a,
success: function(a) {
orderData.route = a;
orderData.route || (orderData.route = {
error: orderData.emptyData
});
if(!orderData.route.error) {
}
orderData.route.error ? ($("#orderCost").html(""), orderShowPrompt($("#orderCostCaption"), orderData.costError.format(orderData.route.error),
"error")) : (0 == orderData.route.cost ? $("#orderCost").html(orderData.costFact.format(orderData.route.cost)) : $("#orderCost").html(orderData.costSuccess.format(orderData.route.cost)), $("#orderMakeOrder").attr("disabled", !1), $("#orderFormRowBonus").addClass("orderHidden"), $("#orderBonus").empty(), orderData.route.bonus && ($.each(orderData.route.bonus, function(a, c) {
$("#orderBonus").append($("<option>", {
value: a
}).text(c.name))
}), 0 < $("#orderBonus").length && $("#orderFormRowBonus").removeClass("orderHidden").slideDown()),
orderData.route.wait && $("#orderCurrentWait").html(orderData.currentWait.format(orderData.route.wait)))
},
error: function(a, b, d) {
orderData.route = orderFormatError(a, b, d);
$("#orderCost").html("");
orderShowPrompt($("#orderCostCaption"), orderData.costError.format(orderData.route.error), "error")
}
})
}
});
|
а это кнопка на втором степе
$('#orderNext').click(function() {
step = 3;
});
вот это надо что бы автоматически срабатывало при появлении второго степа |
| Часовой пояс GMT +3, время: 05:13. |