2012-03-26 3 views
4

J'ai essayé de faire quelque chose comme Facebook @tagged Friend ajouter dans la zone de texte. J'ai utilisé jquery ui auto-complète pour faire le travail, ça fonctionne bien sauf que je veux un symbole tel que @ ou ~ pour démarrer la balise, je ne peux pas comprendre comment. Quelqu'un a des idées? Je l'utilise pour plusieurs balises d'amis comme Facebook.Déclenché @mention Autocomplete comme Facebook, Twitter et Google+

+0

Pouvez-vous montrer ce que vous avez essayé jusqu'à présent? –

+0

duplication possible de [saisie semi-automatique au milieu du texte (comme Google Plus)] (http://stackoverflow.com/questions/7089406/autocomplete-in-middle-of-text-like-google-plus) –

+0

vous pouvez voir de semblable plugins à [ici] (http://flipnotes.net/notes/note/6/commet-autocomplete-for-username-and-type) – suhailvs

Répondre

0

Hey vous pouvez essayer quelque chose comme ça ... Espérons que cela fonctionne ..

$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']; 
} 
1

CE peut être utile d'un échantillon d'un,:. http://jsfiddle.net/suneeshtr/6ymLD/1/ vérifier aussi: http://www.hawkee.com/snippet/9391/

+0

Notez que [réponses uniquement sur le lien] (http: //meta.stackoverflow. com/tags/link-only-answers/info) sont déconseillées, les réponses SO devraient être l'aboutissement d'une recherche de solution (contre encore une autre escale de références, qui tendent à se périmer avec le temps). S'il vous plaît envisager d'ajouter un synopsis autonome ici, en gardant le lien comme référence. – kleopatra

0

Je J'ai eu quelques années de retard, mais je me suis dit que j'ajouterais mes deux cents car il ne semble pas que quelqu'un ait déjà répondu à la question;).

L'option source de jQuery UI Autocomplete permet de spécifier un tableau contenant les éléments à afficher dans la liste déroulante une fois le widget déclenché. Il peut être défini comme un tableau, une fonction qui retourne un tel tableau, ou une URL vers une ressource qui produit un tel tableau.

Si le tableau qui devient finalement la valeur source est vide, le widget n'affiche pas de liste déroulante. Ainsi, définir source comme une fonction capable de renvoyer un tableau non vide seulement lorsque@ est entré rendra le widget se comporter comme vous le souhaitez. Si vous ne voulez pas vous donner la peine de définir une telle fonction, jetez un oeil à Mentionator, un plug-in jQuery qui fournit une fonctionnalité de création et de gestion de la mention (ainsi que des fonctions auxiliaires utiles) qui construit réellement en plus des fonctionnalités de la saisie semi-automatique jQuery UI. Son maintenu par le vôtre vraiment :).

Questions connexes