Na samym początku zaznacze że jest to mój pierszy skrypt, ale kiedyś trzeba się nauczyć.
Dołaczone skrypty jQuery:
<script type="text/javascript" src="http://test.programyinternetowe.pl/javaScript/jQuery/jquery-1.6.2.js"></script>
<script type="text/javascript" src="http://test.programyinternetowe.pl/javaScript/jQuery/jquery.wt-rotator.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
<div id="partner" style="height: 400px;"> <div id="cityList" style="text-align: center; padding: 60px 0px 40px 0px; overflow: hidden; display: none;"> <div style="float: left;"> <div id="city" style="position: relative; z-index: 9999; display: block;"> </div> </div> <div style="float: left; padding-left: 10px;"> <div id="insurance" style="position: relative; z-index: 9999; display: none;"> <div id="insuranceList" style="position: relative; z-index: 9999; display: block;"> </div> </div> </div> </div> </div> <script type="text/javascript"> function province(province){ $.ajax({ type: "POST", url: "city_list.php", data: "province="+ province, //success: function(results) { $('#cityList').html(results); } success: function(server_response){ $("#partner").ajaxComplete(function(event, request){ if(server_response == 'emptyListCity'){ $('#cityListEmpty').css('display', 'block'); $('#cityList').css('display', 'none'); } else { $('#city').css('display', 'block'); $('#cityListEmpty').css('display', 'none'); $('#cityList').css('display', 'block'); $("#cityOption").html(server_response); $('.partnerSelectBackground').click(function() { if($('#city').css('display') == 'none') { $('#city').show('normal'); } else { $('#city').hide('normal'); } }); $('.partnerSelectOption').click(function() { $('#city').hide('normal'); $('#city').css('display', 'none'); }); } }); } }); } function city(province, city){ $('.partnerSelectBackground').html(city); $('#insurance').css('display', 'block'); $.ajax({ type: "POST", url: "insurance_list.php", data: "province="+ province+"&city="+city, success: function(server_response){ $("#insurance").ajaxComplete(function(event, request){ $("#insuranceOption").html(server_response); $('.insuranceSelectBackground').click(function() { if($('#insuranceList').css('display') == 'none') { $('#insuranceList').show('normal'); } else { $('#insuranceList').hide('normal'); } }); $('.insuranceSelectOption').click(function() { $('#insuranceList').hide('normal'); $('#insuranceList').css('display', 'none'); }); }); } }); } function insurance(province, city, insurance){ $('.insuranceSelectBackground').html(insurance); } </script>
Problem w tym że jak wybiorę miasto i pojawi się lista ubezpieczalni to przy kliknięciu wybierz miasto nie wysuwa mi się lista miast.
Zresztą zobaczcie sami:
http://test.programyinternetowe.pl/ubezpieczenia_u_partnerow