Проверка свойства стиля

[levshaszr]

Здравствуйте!
На моем сайте есть форма онлайн заказа. Состоит она из трех степов.
Каждый появляется в свое время. Соответственно если видима одна то у двух других свойства display:none;
Мне надо сделать что бы изменении свойства стиля у div на втором степе срабатывало событие, т.е. если div style="display:block" то срабатывает условие. Если display:none то ничего не происходит

[ksa]

Мне надо сделать что бы изменении свойства стиля у div на втором степе срабатывало событие

Нет такого события как "изменение свойства стиля"...

[levshaszr]

сорри, руки за мыслями не успевают)))
"Мне надо сделать что бы при изменении свойства стиля у div на втором степе срабатывало событие "

[levshaszr]

что то типа
if ($("#orderStepTwo").css("display","block")) {
step = 3;
};

[ksa]

при изменении свойства стиля у div на втором степе срабатывало событие

Если то свойство меняет твоя функция - так пусть она же и вызывает, нужные тебе, функции того "события"...

[levshaszr]

Пятница...туго соображаю...
видимость блока меняет событие по клику кнопки на первом степе. Вот. Когда появляется второй степ с блоком id=orderStepTwo надо что бы срабатывало условие. т.е. скрипт проверяет css id=orderStepTwo и как только оно становится display: block услоие срабатывает

путано объясняю, сорри. Голова уже совсем не работает

[ksa]

Пятница...туго соображаю...

Тестовый пример все бы прояснил разом.

[levshaszr]

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>

[levshaszr]

так работает кнопка на первом степе

$("#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")
                }
            })
        }
    });

[levshaszr]

а это кнопка на втором степе

$('#orderNext').click(function() {
        step = 3;
    });

вот это надо что бы автоматически срабатывало при появлении второго степа