|
Обновление страницы после выборе значения из SelectBox
#38109035
Ссылка:
Ссылка на сообщение:
Ссылка с названием темы:
|
|
|
|
skyANAkomilВ общем задача простая форма для создания пользователей , несколько текстбокс-ов и один комбобокс который выбирает данные из БД. Все бы не плохо только при открытии комбобокс-а для выбора данных страница перегружается.Зачем тогда столько скриптов? 1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
<!-- Scripts-->
<script type="text/javascript" src="includes/js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="includes/js/jquery-ui-1.8.2.custom.min.js"></script>
<script type="text/javascript" src="includes/js/jQuery.tree.js"></script>
<script type="text/javascript" src="includes/js/cufon-yui.js"></script>
<script type="text/javascript" src="includes/js/jquery.dataTables.min.js"></script>
<script type="text/javascript" src="includes/js/Quicksand_Book_400.font.js"></script>
<script type="text/javascript" src="includes/js/raphael-min.js"></script>
<script type="text/javascript" src="includes/js/graphix.0.9.min.js"></script>
<script type="text/javascript" src="includes/js/custom.js"></script>
<!-- End of Scripts -->
Сделайте действительно простую форму, чтобы работала. И потом уже обвешивайте скриптами.
Да из всего этого использую только последнюю custom.js код привел ниже смотрите да и в БД нет не чего особого чтобы скрывать. Я думаю проблема как раз таки в custom.js потому что код для КомбоБокс-а и Кнопки Добавить берутся из него.
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.
57.
58.
59.
60.
61.
62.
63.
64.
65.
66.
67.
68.
69.
70.
71.
72.
73.
74.
75.
76.
77.
78.
79.
80.
81.
82.
83.
84.
85.
86.
87.
88.
89.
90.
91.
92.
93.
94.
95.
96.
97.
98.
99.
100.
101.
102.
103.
104.
105.
106.
107.
108.
109.
110.
111.
112.
113.
114.
115.
116.
117.
118.
119.
120.
121.
122.
123.
124.
125.
126.
127.
128.
129.
130.
131.
132.
133.
134.
135.
136.
137.
138.
139.
140.
141.
142.
143.
144.
145.
146.
147.
148.
149.
150.
151.
152.
153.
154.
155.
156.
157.
158.
159.
160.
161.
162.
163.
164.
165.
166.
167.
168.
169.
170.
171.
172.
173.
174.
175.
176.
177.
178.
179.
180.
181.
182.
183.
184.
185.
186.
187.
188.
189.
190.
191.
192.
193.
194.
195.
196.
197.
198.
199.
200.
201.
202.
203.
204.
205.
206.
207.
208.
209.
210.
211.
212.
213.
214.
215.
216.
217.
218.
219.
220.
221.
222.
223.
224.
225.
226.
227.
228.
229.
230.
231.
232.
233.
234.
235.
236.
237.
238.
239.
240.
241.
242.
243.
244.
245.
246.
247.
248.
249.
250.
251.
252.
253.
254.
255.
256.
257.
258.
259.
260.
261.
262.
263.
264.
265.
266.
267.
268.
269.
270.
271.
272.
273.
274.
275.
276.
277.
278.
279.
// JavaScript Document
// Cufon Text replacement
Cufon.replace('h2,h5,h6', {
textShadow: '#fff 1px 1px 0px'
});
Cufon.replace('h1,#tab>ul li a', {
textShadow: '#2c2c2c 1px 1px 0px'
});
Cufon.replace('.tab-active a ', {
textShadow: '#000 1px 1px 0px'
});
$(function(){
var temp,index=0,parent;
var availableTags = ["Invoice", "java", "php", "coldfusion", "javascript", "asp", "ruby", "python", "c", "scala", "groovy", "haskell", "perl","Zorro","X-men","Quake","Wow"];
// ------------------- Tree Structure jQuery Widget ---------------------
$('.files').tree({
expanded: 'li:first'
});
// ------------------- Message Box jQuery Widget ---------------------
$("#message-box").dialog({ autoOpen:false ,buttons: {
Ok: function() {
$(this).dialog('close');
}
} });
$("#message-button").click(function(){ $("#message-box").dialog("open"); });
// ------------------- Checkbox & Radio jQuery Widget ---------------------
$(".button").button();
$(".buttonset").buttonset();
// ------------------- Calender jQuery Widget ---------------------
$("#calender").datepicker();
//------------------Side Menu jQuery Widget ---------------------
$(".side-menu li ul li:first").css("border-top","none");
$(".side-menu li a").click(function(event){ $(this).parent().children("ul").slideToggle('normal'); event.preventDefault(); })
$(".side-menu ul li ul:last").addClass("bottom-fix");
// -------------------Autocomplete jQuery Widget ---------------------
$("#search").autocomplete({
source: availableTags
});
// Graphs
/*$("#bar table").graphix({width:400,height:340,type:"bar"});
$("#area table").graphix({width:400,height:340,type:"area"});
$("#pie table").graphix({width:400,height:340,type:"pie"});
$("#line table").graphix({width:400,height:340,type:"line"});
$("#bubble table").graphix({width:400,height:340,type:"bubble"})*/
//------------------------- Table Widget ------------------------------
$('#pagetable').dataTable({
"sPaginationType": "full_numbers"
});
// ------------------- Tab jQuery Widget Coding ---------------------
$(".tabs>div:first").show();
$("#tab>ul li a").click(function(event){
if(index==$(this).parent().index("#tab>ul li"))
{
event.preventDefault();
return;
}
$(".tabs>div:eq("+index+")").fadeOut('fast');
$("#tab>ul li:eq("+index+")").toggleClass('tab-default tab-active');
index = $(this).parent().index("#tab>ul li");
$(".tabs>div:eq("+index+")").fadeIn('fast');
$(this).parent().toggleClass('tab-default tab-active');
event.preventDefault();
});
$("#tab>ul li:first").addClass('tab-active');
var rest = $("#tab>ul li").not(":first").addClass('tab-default');
$.each($("#tab>ul li"),function(){
$(this).css("z-index",50-$(this).index());
});
// ------------------- AE jQuery Widget Coding ---------------------
$(".closable>.ae-widget-header").append("<a href='#' class='close'></a>");
$(".expandable").append("<a href='#' class='add-expand'></a>");
// $(".expandable-overlay").append("<a href='#' class='add-overlay'></a>");
$(".expandable").find("p").addClass('hide');
$(".ae-widget-content").find("ul li:last").css("border-bottom","none");
$(".minimizable>.ae-widget-header").append("<a href='#' class='minus'></a>");
$(".ae-widget-sidebar>.ae-widget-header").wrap("<div class='sidebar-wrapper ' />");
$.each($(".minimizable"),function(){
if(!$(this).hasClass("closable"))
{
$(this).find("a.minus").css("right","5px");
}
});
$(".error,.warning,.success,.info").each(function(){
temp = "<p>"+$(this).html()+"</p><a class='mclose' href='#'></>";
$(this).html(temp);
});
$(".close").click(function(event){
if($(this).parent().parent().hasClass("sidebar-wrapper"))
{
$(this).parents(".ae-widget-sidebar:first").fadeOut('normal');
}
else
$(this).parents(".ae-widget:first").fadeOut('normal');
event.preventDefault(); });
$(".add-expand").click(function(event){ $(this).parent().find("p").slideToggle('normal'); $(this).toggleClass("minus-expand"); event.preventDefault(); });
// $(".add-overlay").click(function(event){ $(this).parent().find("p").slideToggle('normal'); $(this).toggleClass("minus-overlay"); event.preventDefault(); });
$(".mclose").click(function(event){ $(this).parent("div").fadeOut('normal'); event.preventDefault(); });
$(".minus").click(function(event){
if($(this).parent().parent().hasClass("sidebar-wrapper"))
{
parent = $(this).parent().parent();
}
else
parent = $(this).parent();
if(parent.next().is(":hidden"))
parent.toggleClass("header-radius");
parent.next().slideToggle('normal',function(){
if(parent.next().is(":hidden"))
parent.toggleClass("header-radius");
}); $(this).toggleClass("add-header"); event.preventDefault();
});
$("#combobox,#exc1").combobox();
$("#dock-control").toggle(function(){
temp = $("#top-panel").height();
$("#top-panel").animate({height:10},700,function(){
$("#dock-control").css("background-position","0px -32px");
$("#top-panel>div,#top-panel>ul").hide(); });
},
function(){
$("#top-panel").animate({height:temp},700,function(){
$("#dock-control").css("background-position","0px 0px");
$("#top-panel>div,#top-panel>ul").show(); });
});
$("select").parent().addClass("ui-helper-clearfix");
if($.browser.msie)
{
if($.browser.version<=7)
{
$(".float-left").css({
left:-11,
marginTop:4
});
}
else
{
$(".float-left").css({
marginLeft:-4,
marginTop:5
});
}
}
});
// -------------------Select Box jQuery Plugin ---------------------
(function($) {
$.widget("ui.combobox", {
_create: function() {
var self = this;
var select = this.element.hide();
var input = $("<input>")
.insertAfter(select)
.autocomplete({
source: function(request, response) {
var matcher = new RegExp(request.term, "i");
response(select.children("option").map(function() {
var text = $(this).text();
if (this.value && (!request.term || matcher.test(text)))
return {
id: this.value,
label: text.replace(new RegExp("(?![^&;]+;)(?!<[^<>]*)(" + $.ui.autocomplete.escapeRegex(request.term) + ")(?![^<>]*>)(?![^&;]+;)", "gi"), "<strong>$1</strong>"),
value: text
};
}));
},
delay: 0,
change: function(event, ui) {
if (!ui.item) {
// remove invalid value, as it didn't match anything
$(this).val("");
return false;
}
select.val(ui.item.id);
self._trigger("selected", event, {
item: select.find("[value='" + ui.item.id + "']")
});
},
minLength: 0
})
.addClass("ui-widget ui-widget-content ui-corner-left");
$("<button> </button>")
.attr("tabIndex", -1)
.attr("title", "Show All Items")
.insertAfter(input)
.button({
icons: {
primary: "ui-icon-triangle-1-s"
},
text: false
}).removeClass("ui-corner-all")
.addClass("ui-corner-right ui-button-icon float-left")
.click(function() {
// close if already visible
if (input.autocomplete("widget").is(":visible")) {
input.autocomplete("close");
return;
}
// pass empty string as value to search for, displaying all results
input.autocomplete("search", "");
input.focus();
});
}
});
})(jQuery);
|
|
|
