Форум

allross92 · #1 (**permalink**) 31.05.2014, 23:05

Ребят, подскажите новичку,что я делаю не так с формой поиска? Автозаполнение не работает (

<script type="text/javascript" src="js/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.10.3.custom.js"></script>
<script type="text/javascript" src="js/functions.js"></script>

<div class="search">
            
        
			<form action="" method="get">
			<div class="inpt"><input id="quickquery"  type="text" name="poisk"  placeholder="Search (Meklēšana)" /></div>
            
            
					
			<input class="knopka" type="image" src="img/search-butt.png" name="bb" />
			</form>
			</div> <!--cl search-->

И в functions.js :

$(document).ready(function () {
		var clubs = [
			'La Rocca',
			'Royal Casino SPA',
			'Season SPA',
			'Sebastian Gallery',
			'Royal Casino Hotel',
			'Studio 69',
		];
		$("#quickquery").autocomplete({
			'source':clubs,
			"minLength":2,
			"autoFocus":true,
			"delay":10,
			//"disabled":true,
			//"minLength":3
			/*
			change:function (event,ui) {
				alert("change");
			},
			close:function (event,ui) {
				alert("close");
			},
			create:function (event,ui) {
				alert("create");
			},
			close:function (event,ui) {
				alert("focus");
			},
			*/
			/*
			open:function (event,ui) {
				alert("open");
			},
			response:function (event,ui) {
				alert("response");
			},
			search:function (event,ui) {
				alert("search");
			},
			*/
			
			
		});
		
		//$("#monts").autocomplete("disable");
		//$("#monts").autocomplete("enable");
		
		//alert($("#monts").autocomplete("option","delay"));
		
	//$("#monts").autocomplete("search","Март");
	
	
});

рони · #2 (**permalink**) 01.06.2014, 00:01

allross92,
запятые в конце после которых пусто

allross92 · #3 (**permalink**) 01.06.2014, 00:13

Убрал, не дало результата /

var clubs = [

            'La Rocca',

            'Royal Casino SPA',

            'Season SPA',

            'Sebastian Gallery',

            'Royal Casino Hotel',

            'Studio 69'

        ];

        $("#quickquery").autocomplete({

            'source':clubs,

            "minLength":2,

            "autoFocus":true,

            "delay":10

рони · #4 (**permalink**) 01.06.2014, 00:19

allross92,

наберите se

<!doctype html>

<html lang="en">

<head>

  <meta charset="utf-8">

  <title>autocomplete demo</title>

  <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">

  <script src="http://code.jquery.com/jquery-1.10.2.js"></script>

  <script src="http://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
  <script>
    $(document).ready(function () {
		var clubs = [
			'La Rocca',
			'Royal Casino SPA',
			'Season SPA',
			'Sebastian Gallery',
			'Royal Casino Hotel',
			'Studio 69'
		];
		$("#quickquery").autocomplete({
			'source':clubs,
			"minLength":2,
			"autoFocus":true,
			"delay":10
			//"disabled":true,
			//"minLength":3
			/*
			change:function (event,ui) {
				alert("change");
			},
			close:function (event,ui) {
				alert("close");
			},
			create:function (event,ui) {
				alert("create");
			},
			close:function (event,ui) {
				alert("focus");
			},
			*/
			/*
			open:function (event,ui) {
				alert("open");
			},
			response:function (event,ui) {
				alert("response");
			},
			search:function (event,ui) {
				alert("search");
			},
			*/


		});

		//$("#monts").autocomplete("disable");
		//$("#monts").autocomplete("enable");

		//alert($("#monts").autocomplete("option","delay"));

	//$("#monts").autocomplete("search","Март");


});


  </script>
</head>

<body>

<div class="search">


			<form action="" method="get">
			<div class="inpt"><input id="quickquery"  type="text" name="poisk"  placeholder="Search (Meklēšana)" /></div>
			<input class="knopka" type="image" src="img/search-butt.png" name="bb" />
			</form>
			</div>

</body>

</html>

allross92 · #5 (**permalink**) 01.06.2014, 00:41

Тут все супер идет,сделал также, но у меня нет, буду разбираться где я лохую... /

allross92 · #6 (**permalink**) 01.06.2014, 00:42

Как вникну отпишусь сразу!!

allross92 · #7 (**permalink**) 01.06.2014, 00:52

Понял, сделал как у вас с глобальными путями и все пошло ,но теперь такая проблема вышла
http://gyazo.com/d74bdfe10fe23cc5d423599caf594bca

Надписи левые вышли..

рони · #8 (**permalink**) 01.06.2014, 01:05

allross92,
может css забыли подключить?

allross92 · #9 (**permalink**) 01.06.2014, 01:11

но я вроде no-theme выбрал, или это не избавляет меня от ответственности подключать новые стили ?

рони · #10 (**permalink**) 01.06.2014, 01:14

allross92,
либо сами прописываите нужным классам стили либо берёте готовую тему строка 11

Форум

Справочник

Discord чат

Курсы javascript