Tag: autosuggest

如何在内容可编辑的div中显示插入位置附近的自动建议div

我有一个内容可编辑的div,当我输入一个字符时,我试图在我的插入位置附近显示一个自动建议。 我正在寻找这样的东西.. 但下面的代码不起作用 var editor = document.getElementById(‘myDiv’); var t=$(editor).offset().top; var l=$(editor).offset().left; var caretPosition = getCaretPosition(editor); var autoSuggestionDiv = document.getElementById(‘divResult’); autoSuggestionDiv.style.top = t + caretPosition + “px”; autoSuggestionDiv.style.left = l + caretPosition + 20 + “px”; var inputSearch = getCharacterPrecedingCaret(editor); var dataString = ‘searchword=’+ inputSearch; if(inputSearch!=”) { $.ajax({ type: “POST”, url: “Search.aspx”, data: dataString, cache: false, […]

jquery Google类型建议使用限制列表

我目前在页面上有function,根据用户在文本框中输入的内容为用户提供建议(jquery建议)。 我想添加的function是将选中/输入文本框的内容限制为仅列表中的项目。 基本上就像一个combobox,它将其选择限制在列表中的内容。 我有一个想法是validation文本框中的条目是否与列表中的项目匹配。 我必须提醒用户不允许输入的内容(或者可能有一种方法可以让他们输入其他字符?),没关系,但不是真正干净的ui。 我认为SO上有人做过这样的事情; 如果有人有想法实现此function,请告诉我。 我使用的基本jquery: $(function() { $(‘#autocomplete’).autocomplete(“getPcodes.aspx”, { mustMatch: true, autoFill:true, multipleSeparator: “; “, minChars:3 }); }); 自动完成function有很多不错的选择。 之前我正在使用建议jquery,但我想我会选择这个。

像“@”触发的JQuery Facebook就像AutoSuggest一样

我正在寻找一个JQuery(或其他框架)插件,类似于Facebook状态消息文本框。 它应该做什么: 允许自由键入文本而不触发AutoSuggest(与普通的AutoSuggest框相对) 当由某个字符(例如“@”)触发时显示AutoSuggest。 实际上,它应该像FaceBook中的那个一样…… 🙂

php mysql jquery AJAX自动完成区分大小写

在我的PHP脚本中, $names = $_GET[‘part’]; $result = mysql_query(“SELECT * FROM namestable where names LIKE’%$names%’ LIMIT 10”); while ($row = mysql_fetch_assoc($result)) { $colors[]=$row[‘publishers’]; } 检查匹配并运作良好。 但是假设我的桌子有一个名字阿尔弗雷德,只有当我输入Alfr并且如果我输入Alfr ,该建议才会出现

标签建议插件ala Stackoverflow标签

我喜欢StackOverflow处理标签的方式。 是否有任何jQuery插件会复制该行为? 我找到了这个jQuery Tag Suggest,但它并不是那么好。 有什么建议?

在textarea中建议/自动填充的jQuery插件

是否有一个jQuery插件在textarea中建议/自动填充? 我想要的是在textarea中为用户提供建议的单词或自动填充的文本,如下面的示例图片:

使用jQuery高效的AutoSuggest?

我正在努力构建一个jQuery AutoSuggest插件,灵感来自Apple的聚光灯。 这是一般代码: $(document).ready(function() { $(‘#q’).bind(‘keyup’, function() { if( $(this).val().length == 0) { // Hide the q-suggestions box $(‘#q-suggestions’).fadeOut(); } else { // Show the AJAX Spinner $(“#q”).css(“background-image”,”url(/images/ajax-loader.gif)”); $.ajax({ url: ‘/search/spotlight/’, data: {“q”: $(this).val()}, success: function(data) { $(‘#q-suggestions’).fadeIn(); // Show the q-suggestions box $(‘#q-suggestions’).html(data); // Fill the q-suggestions box // Hide the AJAX Spinner $(“#q”).css(“background-image”,”url(/images/icon-search.gif)”); […]

使用extraParams传递额外的GET变量的jQuery自动完成

我指的是JörnZaefferer的jQuery Autocomplete v1.1插件[来源: http : //bassistance.de/jquery-plugins/jquery-plugin-autocomplete/],因为这个插件似乎有很多变种。 我正在尝试在用户开始输入时将其他参数传递给服务器,因为我有多个字段,我希望自动完成提供建议。 除了查询之外,我想将输入名称属性发送到服务器,但我似乎无法在extraParams中使用$(this).attr(’name’)。 我的jQuery: $(‘.ajax-auto input’).autocomplete(‘search.php’, { extraParams: { search_type: function(){ return $(this).attr(‘name’); } } }) 这是我的HTML。 Initials Company 有什么建议?