Ich habe versucht, etwas wie Facebook @tagged Friend Name in Textbereich hinzufügen. Ich habe jquery ui Auto-Complete verwendet, um den Job zu erledigen, es funktioniert gut, außer dass ich einige Symbole wie @ oder ~, um das Tag zu starten, ich kann es nicht herausfinden, wie. Hat jemand Ideen? Ich benutze es für mehrere Freunde wie Facebook.Ausgelöste @mention Autocomplete wie Facebook, Twitter und Google+
ich ein Plugin, dies zu erreichen, schrieb:
http://www.hawkee.com/snippet/9391/
$('#inputbox').triggeredAutocomplete({
hidden: '#hidden_inputbox',
source: "/search.php",
trigger: "@"
});
Hey Sie können so etwas wie dieses versuchen ... Hoffe, es funktioniert ..
$q=$_POST['searchword'];
$q=str_replace("@","",$q);
$q=str_replace(" ","%",$q);
$sql_response=mysql_query("select * from data where fname like '%$q%' or lname like '%$q%'");
while($row=mysql_fetch_array($sql_response))
{
$fname=$row['fname'];
$lname=$row['lname'];
}
Sie können ein verwenden Bootstrap-Plugin-Bibliothek, die ich geschrieben habe. Es funktioniert auf contentEditable divs: http://sandglaz.github.com/bootstrap-tagautocomplete/
ist hier ein anderer (ausgelöst durch ein Startzeichen wie @) http://www.9lessons.info/2010/08/tag-friends-with-jquery-ajax-and-php.html
Dies kann eine Probe eines nützlich,:. http://jsfiddle.net/suneeshtr/6ymLD/1/ auch prüfen: http://www.hawkee.com/snippet/9391/
Beachten Sie, dass [Link-only Antworten] (http: //meta.stackoverflow. com/tags/link-only-answer/info) entmutigt, sollten SO-Antworten der Endpunkt einer Suche nach einer Lösung sein (im Gegensatz zu einem weiteren Zwischenstopp von Referenzen, die im Laufe der Zeit veralten). Bitte beachten Sie, dass Sie hier eine eigenständige Zusammenfassung hinzufügen und den Link als Referenz beibehalten. – kleopatra
I‘ Ich bin ein paar Jahre zu spät, aber ich dachte mir, ich würde meine zwei Cent hinzufügen, da es nicht so aussieht, als hätte jemand die Frage schon beantwortet;).
Die Option source der jQuery UI Autocomplete wird verwendet, um ein Array anzugeben, das die Elemente enthält, die in der Dropdown-Liste angezeigt werden sollen, sobald das Widget ausgelöst wird. Es kann als ein solches Array definiert werden, eine Funktion, die ein solches Array zurückgibt, oder eine URL zu einer Ressource, die ein solches Array erzeugt.
Wenn das Array, das letztendlich den Wert source annimmt, leer ist, zeigt das Widget keine Dropdown-Liste an. Wenn also source als eine Funktion definiert wird, die ein nicht leeres Array nur zurückgeben kann, wenn@ eingegeben wird, wird das Widget sich so verhalten, wie Sie es wünschen.
Wenn Sie sich nicht die Mühe machen wollen, eine solche Funktion zu definieren, werfen Sie einen Blick auf Mentionator, ein jQuery-Plug-In, das Erwähnungserstellung und Verwaltungsfunktionen (sowie hilfreiche Zusatzfunktionen) bietet zusätzlich zur Funktionalität von jQuery UI Autocomplete. Es wird von mir gepflegt :).
Können Sie zeigen, was Sie bisher versucht haben? –
möglich Duplikat von [Autocomplete in der Mitte des Textes (wie Google Plus)] (http://stackoverflow.com/questions/7089406/autocomplete-in-middle-of-text-like-google-plus) –
können Sie ähnlich sehen Plugins bei [hier] (http://flipnotes.net/notes/note/6/commet-autocomplete-for-username-and-type) – suhailvs