Гость
Целевая тема:
Создать новую тему:
Автор:
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Обновление страницы после выборе значения из SelectBox / 21 сообщений из 21, страница 1 из 1
13.01.2013, 17:26
    #38108370
komil
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Обновление страницы после выборе значения из SelectBox
Здравствуйте.

Есть форма в которой несколько ТекстБокс-ов и КомбоБок который берет данные с БД, так вот не возможно выбрать какое либо значение из комбобокс-а, после нажатия кнопки открытия списка страница перегружается.

Код страницы:

Код: php
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.
<form  method="POST">
<div class="info">Для добавления Партнеров необходимо только запольнить поле Отчество, Логин и Пароль</div>

			<h4>Имя</h4> 
            <input type="text" class="small ui-corner-all" name="tname" id="tname"/>
			<h4>Отчество</h4> 
            <input type="text" class="small ui-corner-all" name="lname" id="lname"/>
			<h4>Фамилия</h4> 
            <input type="text" class="small ui-corner-all" name="fname" id="fname"/>
			<h4>Логин</h4> 
            <input type="text" class="small ui-corner-all" name="username" id="username"/>
			<h4>Пароль</h4> 
            <input type="text" class="small ui-corner-all" name="md5password" id="md5password"/>
			<h4>Роль</h4>
        
                 <div class="ui-widget"> 
                   
                    <select id="exc" name="exc" onchange="this.form.submit();"> 
                        <?
						$tsql="select name, role from user_roles";
						$stmt = sqlsrv_query($conn, $tsql) or die(DisplayErrors());
						//echo $tsql;
						while($row = sqlsrv_fetch_array($stmt))
						{
							print '<option value="'.$row['role'].'">'.iconv('cp1251', 'utf-8', $row['name']).'</option>';
						}
						?>
                     </select> 

        		</div>
			<input type="submit" name="submit"  value="Добавить пользователя"  class="button" />
           
 </form>
...
Рейтинг: 0 / 0
13.01.2013, 19:16
    #38108431
phpz
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Обновление страницы после выборе значения из SelectBox
komil,

Запрос надо ajax -ом отправить, а затем обработать ответ сервера нужным образом.
...
Рейтинг: 0 / 0
13.01.2013, 20:08
    #38108452
komil
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Обновление страницы после выборе значения из SelectBox
phpz,

Спасибо огромное за ссылку, прочитал но моя ситуация чуть другая, все вроде работает если я уберу <form form method="POST"> SelectBox работает нормально, но как известно без этого не чего не будет работать, а с form-ом при открытии SelectBox-а страница обновляется. Не могу понять почему.
...
Рейтинг: 0 / 0
13.01.2013, 21:19
    #38108489
vkle
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Обновление страницы после выборе значения из SelectBox
komilвсе вроде работает если я уберу <form form method="POST"> SelectBox работает нормально, но как известно без этого не чего не будет работать1. В данном случае следует писать "ничего".
2. Да, потому как нет формы - нет и повода для перезагрузки страницы.

автор
Код: php
1.
<select id="exc" name="exc" onchange="this.form.submit();">

Это тут как то вообще ни к месту.

Судя по коду, какая-то каша тут. Напишите, простыми словами, какой функционал хотите реализовать.

И, очень похоже, что форумом ошиблись.

Модератор: Тема перенесена из форума "PHP, Perl, Python".
...
Рейтинг: 0 / 0
13.01.2013, 21:24
    #38108494
komil
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Обновление страницы после выборе значения из SelectBox
vklekomilвсе вроде работает если я уберу <form form method="POST"> SelectBox работает нормально, но как известно без этого не чего не будет работать1. В данном случае следует писать "ничего".
2. Да, потому как нет формы - нет и повода для перезагрузки страницы.

автор
Код: php
1.
<select id="exc" name="exc" onchange="this.form.submit();">

Это тут как то вообще ни к месту.

Судя по коду, какая-то каша тут. Напишите, простыми словами, какой функционал хотите реализовать.

И, очень похоже, что форумом ошиблись.

Модератор: Тема перенесена из форума "PHP, Perl, Python".

Убрал то что вы просите, все равно так же.

В общем задача простая форма для создания пользователей, несколько текстбокс-ов и один комбобокс который выбирает данные из БД. Все бы не плохо только при открытии комбобокс-а для выбора данных страница перегружается.
...
Рейтинг: 0 / 0
13.01.2013, 23:21
    #38108574
Паганель
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Обновление страницы после выборе значения из SelectBox
komilУбрал то что вы просите, все равно так жеНе может быть
Вы чего-то не договариваете
Есть у Вас возможность выложить эту страничку на какой-то бесплатный хостинг и дать сюда ссылку на нее?
...
Рейтинг: 0 / 0
14.01.2013, 08:28
    #38108759
komil
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Обновление страницы после выборе значения из SelectBox
Паганель,

Могу всю страничку выложить сюда.

Собственно и сам код:

Код: php
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.
<?
header("Content-type: text/html; charset=UTF-8");
header('Cache-control: private');
header('Last-Modified: ' . gmdate('D, d M Y H:i:s') . ' GMT');
header('Cache-Control: no-store, no-cache, must-revalidate');
header('Cache-Control: post-check=0, pre-check=0', false);
header('Pragma: no-cache');

include_once ("includes/config.php");
include_once ("includes/functions.php");

if(!isset($_SESSION['userid'])){
	header('location: login.php');
	exit;
}

$username = iconv('utf-8', 'cp1251', $_POST['username']);
$md5password = iconv('utf-8', 'cp1251', $_POST['md5password']);
$user_lname = iconv('utf-8', 'cp1251', $_POST['lname']);
$user_fname = iconv('utf-8', 'cp1251', $_POST['fname']);
$user_tname = iconv('utf-8', 'cp1251', $_POST['tname']);
$login = $_SESSION['userid'];
$role = iconv('utf-8', 'cp1251', $_POST['exc1']);

if (isset($_POST['submit']))
{
	if ($username!='' && $md5password!='' && $role!='')
	{
$params = array
	(
		$username,
		$md5password,
		$user_lname,
		$user_fname,
		$user_tname,
		$login,
		$role
		
	);
		
	$tsql_callSP = "{call Office_UsersCreate(?, ?, ?, ?, ?, ?, ?)}";
	$stmt = sqlsrv_query($conn, $tsql_callSP, $params);
		if($stmt){
		$row = sqlsrv_fetch_array($stmt);
		$result = $row['RESULT'];
		$msg = $row['MSG'];
			
				}
	}
}
//var_dump($row, $result, $msg, $tsql_callSP, $stmt, $params);
?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link rel="shortcut icon" href="includes/css/icons/A.ico"/>
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
<!-- Styling Sheets-->    
<link rel="stylesheet" type="text/css" href="includes/css/style.css" />
<link rel="stylesheet" type="text/css" href="includes/css/theme/jquery-ui-1.8.2.custom.css" />
<!--[if IE 7]><link rel="stylesheet" type="text/css" href="css/ie7.css" /><![endif]-->
<!-- 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  --> 

<title>Тест</title>
</head>
<body>

<div id="header"><!-- Start of Header --> 


	<div id="notice-bar">
    </div><!-- Notice bar at the right side  --> 
	<h1></h1>
</div><!-- End of Header  --> 

<div class="container" id="top-panel"><!--  Start of container -->


	<ul id="dock"><!--  Start of Dock -->

    </ul><!--  End ul><!--  End  of Dock -->


	
	<a href="#" id="dock-control"></a><!--  Button for Sliding Head Panel --->

</div><!--  End of Head Panel container -->

<div class="container"><!--  Start of container -->
<div class="left-col"><!--  Start of Left Column -->
</div><!--  End of Left Column -->

<div id="main-panel"><!--  Start of Main Panel -->



    <div class="ae-widget">
<form method="POST">
<div class="info">Для добавления Партнера заполните поле Отчество.</div>

			<h4>Имя</h4> 
            <input type="text" class="small ui-corner-all" name="tname" id="tname"/>
			<h4>Отчество</h4> 
            <input type="text" class="small ui-corner-all" name="lname" id="lname"/>
			<h4>Фамилия</h4> 
            <input type="text" class="small ui-corner-all" name="fname" id="fname"/>
			<h4>Логин</h4> 
            <input type="text" class="small ui-corner-all" name="username" id="username"/>
			<h4>Пароль</h4> 
            <input type="text" class="small ui-corner-all" name="md5password" id="md5password"/>
			<h4>Роль</h4>
        
                 <div class="ui-widget"> 
                   
                    <select id="exc1" name="exc1"> 
                        <?
						$tsql="select name, role from user_roles";
						$stmt = sqlsrv_query($conn, $tsql) or die(DisplayErrors());
						//echo $tsql;
						while($row = sqlsrv_fetch_array($stmt))
						{
							print '<option value="'.$row['role'].'">'.iconv('cp1251', 'utf-8', $row['name']).'</option>';
						}
						?>
                     </select> 
        		</div>
			<input type="submit" name="submit"  value="Добавить"  class="button" />
           
 </form>
</div>
</div><!--  End of Widget Box -->
</div><!--  End of Widget Box -->

           

</body>
</html>
      
...
Рейтинг: 0 / 0
14.01.2013, 11:13
    #38108890
Паганель
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Обновление страницы после выборе значения из SelectBox
komilМогу всю страничку выложить сюдаНет, это не то
мало ли что там внутри custom.js например
вот бы в действии на это все посмотреть
если там в БД какие-то секретные данные, ну создайте тестовую табличку с тестовыми данными
...
Рейтинг: 0 / 0
14.01.2013, 11:24
    #38108912
skyANA
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Обновление страницы после выборе значения из SelectBox
komilВ общем задача простая форма для создания пользователей , несколько текстбокс-ов и один комбобокс который выбирает данные из БД. Все бы не плохо только при открытии комбобокс-а для выбора данных страница перегружается.Зачем тогда столько скриптов?
Код: html
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  --> 

Сделайте действительно простую форму, чтобы работала. И потом уже обвешивайте скриптами.
...
Рейтинг: 0 / 0
14.01.2013, 12:37
    #38109035
komil
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Обновление страницы после выборе значения из SelectBox
skyANAkomilВ общем задача простая форма для создания пользователей , несколько текстбокс-ов и один комбобокс который выбирает данные из БД. Все бы не плохо только при открытии комбобокс-а для выбора данных страница перегружается.Зачем тогда столько скриптов?
Код: html
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 потому что код для КомбоБокс-а и Кнопки Добавить берутся из него.

Код: javascript
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>&nbsp;</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);
	
...
Рейтинг: 0 / 0
14.01.2013, 12:45
    #38109050
skyANA
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Обновление страницы после выборе значения из SelectBox
komil, подозреваю, что Вы всего лишь добавили $("#combobox ,#exc1 ").combobox(); в код custom.js.
Зачем? Используйте обычный <select>.
...
Рейтинг: 0 / 0
14.01.2013, 12:48
    #38109058
komil
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Обновление страницы после выборе значения из SelectBox
skyANAkomil, подозреваю, что Вы всего лишь добавили $("#combobox ,#exc1 ").combobox(); в код custom.js.
Зачем? Используйте обычный <select>.


Скажите хотя бы одну причину почему я должен добавить то чего вы написали?

Пожалуйста пишите после того как прочтете код, вот этот отрезок говорит о том что Вы даже не читали мой код.

// -------------------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);
...
Рейтинг: 0 / 0
14.01.2013, 12:49
    #38109061
komil
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Обновление страницы после выборе значения из SelectBox
Не могу использовать простой select так как портится общая картина страницы.
...
Рейтинг: 0 / 0
14.01.2013, 12:57
    #38109076
skyANA
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Обновление страницы после выборе значения из SelectBox
komil, да я понял, что Вы на <select> навернули виджет с красивым внешним видом и поведением.
Из-за этого и не работает так как Вам нужно. А так виджет не Ваш, а Вы не знаете как он устроен, то и не можете понять что делать.
Откуда Вы его взяли, кто его написал?
...
Рейтинг: 0 / 0
14.01.2013, 13:03
    #38109087
skyANA
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Обновление страницы после выборе значения из SelectBox
komil, после нажатия кнопки открытия списка страница перегружается, из-за того, что виджет добавляет кнопку так:
Код: javascript
1.
$("<button>&nbsp;</button>")

без указания атрибута type .
А значение по умолчанию у данного атрибута: submit , - то есть нажатие на кнопку приводит к чему? Правильно, к отправке формы на сервер
...
Рейтинг: 0 / 0
14.01.2013, 13:37
    #38109152
komil
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Обновление страницы после выборе значения из SelectBox
neknotskyANAkomil, после нажатия кнопки открытия списка страница перегружается, из-за того, что виджет добавляет кнопку так:
Код: javascript
1.
$("<button> </button>")

без указания атрибута type .
А значение по умолчанию у данного атрибута: submit , - то есть нажатие на кнопку приводит к чему? Правильно, к отправке формы на сервер


Спасибо огромное что указали на ошибку, а по поводу своего или нет думаю название файла говорит что скрипт мой и не думаю что все с первого раза идеально пишут или я не прав?

Сейчас по экспериментирую с type и отпишусь.
...
Рейтинг: 0 / 0
14.01.2013, 14:05
    #38109193
skyANA
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Обновление страницы после выборе значения из SelectBox
komil, название файла ни о чём не говорит. А вот то, что Вы называете переменные $tsql, $stmt, значения атрибутов exc1, а в коде файла другой стиль наименования, наводит на мысль, что код файла custom.js не Вы писали.
Ну да ладно, разбирайтесь
...
Рейтинг: 0 / 0
14.01.2013, 15:26
    #38109417
komil
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Обновление страницы после выборе значения из SelectBox
skyANAkomil, название файла ни о чём не говорит. А вот то, что Вы называете переменные $tsql, $stmt, значения атрибутов exc1, а в коде файла другой стиль наименования, наводит на мысль, что код файла custom.js не Вы писали.
Ну да ладно, разбирайтесь

Слова $tsql&$stmt напрягают вас? Даже если не я писал это же не даст вам не чего
...
Рейтинг: 0 / 0
14.01.2013, 17:01
    #38109639
skyANA
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Обновление страницы после выборе значения из SelectBox
komilskyANAkomil, название файла ни о чём не говорит. А вот то, что Вы называете переменные $tsql, $stmt, значения атрибутов exc1, а в коде файла другой стиль наименования, наводит на мысль, что код файла custom.js не Вы писали.
Ну да ладно, разбирайтесь

Слова $tsql&$stmt напрягают В ас? Даже если не я писал , это же не даст В ам н и чего . Нет, не напрягают. Я лишь выссказал своё мнение.
...
Рейтинг: 0 / 0
14.01.2013, 21:48
    #38110020
komil
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Обновление страницы после выборе значения из SelectBox
skyANAkomilпропущено...


Слова $tsql&$stmt напрягают В ас? Даже если не я писал , это же не даст В ам н и чего . Нет, не напрягают. Я лишь выссказал своё мнение.

Уважаю Вас за самомнение :) разобрался пришлось в CSS-е оформить СелектБок и пользоваться стандартным время поджимало. Думаю скоро на яваскрипте тож сделаю дополню тему вдруг кому поможет.

Спасибо за помощь!!!
...
Рейтинг: 0 / 0
15.01.2013, 05:04
    #38110213
IDVsbruck
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Обновление страницы после выборе значения из SelectBox
Особо порадовало " СелектБок " и " яваскрипт " ...
...
Рейтинг: 0 / 0
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Обновление страницы после выборе значения из SelectBox / 21 сообщений из 21, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]