Javascript-форум (https://javascript.ru/forum/)
-   Events/DOM/Window (https://javascript.ru/forum/events/)
-   -   как правильно подключить файл? (https://javascript.ru/forum/events/16467-kak-pravilno-podklyuchit-fajjl.html)

betonka 09.04.2011 15:06

как правильно подключить файл?
 
вот есть пример рабочий

http://www.mobilife.com.ua/test/sear...ries_full.html

тут пытаюсь подключить файл data.txt

http://www.mobilife.com.ua/test/search/categories.html

тут содержимое файла data.txt

{ label: "anders", category: "" },
{ label: "andreas", category: "" },
{ label: "antal", category: "" },
{ label: "annhhx10", category: "Products" },
{ label: "annk K12", category: "Products" },
{ label: "annttop C13", category: "Products" },
{ label: "anders andersson", category: "People" },
{ label: "andreas andersson", category: "People" },
{ label: "andreas johnson", category: "People" }



тут содержимое файла categories_full.html

<script>
	$.widget( "custom.catcomplete", $.ui.autocomplete, {
		_renderMenu: function( ul, items ) {
			var self = this,
				currentCategory = "";
			$.each( items, function( index, item ) {
				if ( item.category != currentCategory ) {
					ul.append( "<li class='ui-autocomplete-category'>" + item.category + "</li>" );
					currentCategory = item.category;
				}
				self._renderItem( ul, item );
			});
		}
	});

	$(function() {
			   
			   
		var data = [
			{ label: "anders", category: "" },
			{ label: "andreas", category: "" },
			{ label: "antal", category: "" },
			{ label: "annhhx10", category: "Products" },
			{ label: "annk K12", category: "Products" },
			{ label: "annttop C13", category: "Products" },
			{ label: "anders andersson", category: "People" },
			{ label: "andreas andersson", category: "People" },
			{ label: "andreas johnson", category: "People" }
		];
		
		$("#search" ).catcomplete({
		    source: data,
			minLength: 2,
		    delay: 300
		
		});
	});
	</script>


тут содержимое файла categories.html

<script>
	$.widget( "custom.catcomplete", $.ui.autocomplete, {
		_renderMenu: function( ul, items ) {
			var self = this,
				currentCategory = "";
			$.each( items, function( index, item ) {
				if ( item.category != currentCategory ) {
					ul.append( "<li class='ui-autocomplete-category'>" + item.category + "</li>" );
					currentCategory = item.category;
				}
				self._renderItem( ul, item );
			});
		}
	});

	$(function() {
			   
			   
	
		
		$("#search" ).catcomplete({
		    source: "data.txt",
			minLength: 2,
		    delay: 300
		
		});
	});
	</script>


вопрос как правильно подключить data.txt ?

betonka 10.04.2011 18:24

никто не знает?

Gvozd 10.04.2011 18:54

AJAX

betonka 10.04.2011 19:03

Цитата:

Сообщение от Gvozd (Сообщение 100082)
AJAX

что аякс?

Gvozd 10.04.2011 19:30

Цитата:

Сообщение от betonka
что аякс?

а сам-то как думаешь, что?

рони 10.04.2011 21:05

betonka,
Попробуйте поставить содержимое в файле data.txt в квадратные скобки [ ]

betonka 10.04.2011 21:18

Цитата:

Сообщение от рони (Сообщение 100093)
betonka,
Попробуйте поставить содержимое в файле data.txt в квадратные скобки [ ]

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

betonka 10.04.2011 21:21

Цитата:

Сообщение от Gvozd (Сообщение 100084)
а сам-то как думаешь, что?

я думаю что не получается подключить файл но не могу понять почему

Gvozd 10.04.2011 21:29

Цитата:

Сообщение от betonka
я думаю что не получается подключить файл но не могу понять почему

я ступил, так как впервые вижу этот плагин, и решил что вы его используете неверно.
файл подключается. это прекрасно видно в фаербаге
а именно http://www.mobilife.com.ua/test/search/data.txt?term=an
так, что проблема не в том, что не подключается, а в том, что в нем содержится, и как с этим работает плагин
Цитата:

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

зашел на ваш сайт.
неправда, сейчас там стоит без скобок.
еще, из очевидных багов:
label и category надо оборачивать в двойные кавычки, иначе это не JSON получается

betonka 10.04.2011 21:39

Цитата:

Сообщение от Gvozd (Сообщение 100100)
я ступил, так как впервые вижу этот плагин, и решил что вы его используете неверно.
файл подключается. это прекрасно видно в фаербаге
а именно http://www.mobilife.com.ua/test/search/data.txt?term=an
так, что проблема не в том, что не подключается, а в том, что в нем содержится, и как с этим работает плагин

зашел на ваш сайт.
неправда, сейчас там стоит без скобок.
еще, из очевидных багов:
label и category надо оборачивать в двойные кавычки, иначе это не JSON получается

[{ "label": "anders", "category": "" },
{ "label": "andreas", "category": "" },
{ "label": "antal", "category": "" },
{ "label": "annhhx10", "category": "Products" },
{ "label": "annk K12", "category": "Products" },
{ "label": "annttop C13", "category": "Products" },
{ "label": "anders andersson", "category": "People" },
{ "label": "andreas andersson", "category": "People" },
{ "label": "andreas johnson", "category": "People" }]

написал как вы и сказали теперь отображается но фильтрует, вот например ввожу an потом ввожу ann список не меняется?


Часовой пояс GMT +3, время: 01:30.