| 0
- 29.09.2014 - 23:18
|
Проблема очень специфична. По этому реализована данным способом. Нужно показывать разные div_ы на 1 странице по средствам выпадающего списка (выпадающий список обязательный пункт). Код работает, но смущает задержка при обновлении контента при выборе другого пункта в селекте. Может есть мысли как минимизировать задержку или убрать ее вовсе? <select id="CategoryTrees" name="name"> <option selected="selected" title="#" value="10">s</option> <option title="#" value="20">g</option> <option title="#" value="30">d</option> </select> <div id="container"></div> <script src="http://ajax.microsoft.com/ajax/jquery/jquery-1.4.2.min.js" type="text/javascript"></script> <script type="text/javascript"> $("#container").load("1.html #blokone"); $(document).ready(function() ** $('select[name="name"]').change(function()** var el = $(this).val(); if (el==10) ** $("#container").load("1.html #blokone") ** else if (el==20) ** $("#container").load("2.html #bloktwo") ** else if(el==30) ** $("#container").load("3.html #blokthree") ** **); **); document.getElementById("CategoryTrees") .onchange = function () ** var b = ** 10: "blokone", 20: "bloktwo", 30: "blokthree" **, c = this.value, a; for (a in b) document.getElementById(b[a]) .style.display = 0 == c || c == a ? "block" : "none" **; </script>     | |
| 1
- 30.09.2014 - 13:51
| Сделать предзагрузку 1.html, 2.html и 3.html. Или внедрить их в тело основной страницы скрытыми дивами, делая видимыми или копируя содержимое куда надо. | |
| 2
- 30.09.2014 - 14:30
|
0-woo >Если страницы небольшие и их не много, грузить в скрытые дивы в #container, если много и большие то лучше грузить по необходимости и кешировать в тех же дивах. П.с. чтоб кучу ифов не плодить храни урл в опции. | |
Интернет-форум Краснодарского края и Краснодара |
