Anklickbare autocomplete, wie google

Ich bin auf der Suche nach einer autocomplete, die keinen "submit" - button, aber, dass, wenn der Benutzer klicken Sie auf AutoVervollständigen-keyword-er würde die Weiterleitung zu einer anderen URL, die ich wählen

ich bin mit http://dyve.net/jquery/?autocomplete und ich möchte zu implementieren, die in diesem Skript nicht verwenden, jede andere (wenn ich es denn geben ODE in diese ein, er zeigt CODE und auch ODESSA)

Beispiel:

Benutzer-Typ "goo"
dann scheint GOOGLE für ihn, wenn er auf auf GOOGLE die script senden Sie ihn an www.google.com
(wie "Google"=>"http://www.google.com")

wäre es toll, wenn ich könnte einfach tun, mit dem script, das ich Euch gesagt Jungs
ich bin kein Programmierer, also muss ich wie der code selbst, ich weiß, das ist zu viel verlangt, aber ich habe alles versucht =\

danke!

das problem bei jUI "AutoVervollständigen" ist, dass ich dies tun möchten:

wenn ich Schreibe "ODE"

wäre es für "CODE" und auch "ODESSA"

nicht nur durch die start -, das ist, warum ich versuche, den code in den anderen

auch, wenn ich Russ und karim79 code, es hat nicht funktioniert

InformationsquelleAutor user166891 | 2009-09-01

10

Implementiert habe ich etwas wie das, aber, meine Implementierung nutzt jQuery UI Autocomplete.

Ich benutze einen einfachen trick, bei dem die Daten, die vom server zurückgegeben wird ein set von strings, getrennt durch newline-Zeichen "\n", auf jeder Linie befindet sich eine Zeichenfolge mit dem format Vorschlag::url. Auf dem client habe ich einfach das Trennzeichen getrennt (ich benutze ::), und extrahieren Sie den Vorschlag aus dem ersten offset des resultierenden Arrays, und die URL aus dem zweiten. Beispiel:
```
    $("#search").autocomplete("/some/page", {
        selectFirst: false,
        formatItem: function(data, i, n, value) {
            //make the suggestion look nice
            return "<font color='#3399CC'>" + value.split("::")[0] + "</font>";
        },
        formatResult: function(data,value) {
            //only show the suggestions and not the URLs in the list
            return value.split("::")[0];
        }
    }).result(function(event, data, formatted) {
        //redirect to the URL in the string
        var pieces = formatted.split("::");
        window.location.href = pieces[1];
    });
```
Um zu verdeutlichen, was ich meine, angenommen, Sie geben 'goo'. Der server möglicherweise Rückkehr:
```
google::www.google.com\ngoodstuff::www.example.com
```
Dass Benutzer wird eine Liste angezeigt, mit 'google' und 'goodstuff'. Mit einem Klick auf diese führt die result Methode der Autocomplete, wo ich einfach nur die URL Teil der Zeichenfolge und umleiten. Hoffe, das hilft.
- Kannst du nicht JSON zurückgeben und dann können Sie überspringen die hässlichen string splitten?
InformationsquelleAutor karim79
3

Hier ein Komplettlösung zum Aufbau einer autocomplete-Suche.

Im wesentlichen, müssen Sie einen Ereignishandler aufrufen
```
window.location.href = "your-url-string.com";
```
nach dem drücken der EINGABETASTE oder einen Klick auf eine Auswahl.

EDIT:

Aus der AutoVervollständigen-Dokumentation

Suche Seite Ersatz

Einer autocomplete-plugin kann verwendet werden, um
nach einem Begriff suchen und die Umleitung zu einer
Seite im Zusammenhang mit einer neu entstehenden Sache.
Das folgende ist eine Möglichkeit, zu erreichen
die Umleitung:
```
var data = [ {text:'Link A', url:'/page1'}, {text:'Link B', url: '/page2'} ];
$("...").autocomplete(data, {
  formatItem: function(item) {
    return item.text;
  }
}).result(function(event, item) {
  location.href = item.url; //navigate to the chosen URL
});
```
InformationsquelleAutor Russ Cam
2

"aber auch der Autor weiß nicht, wie es zu diesem" ??

Ich denke, es geschieht einfach durch ersetzen der message-box-alert (in der Beispiel-Seite) mit einem Aufruf von form.submit(). Ich habe es nicht ausprobiert, obwohl.

Edit:
Hier einige Beispiel-code mit http://dyve.net/jquery/?autocomplete:
```
$("#mytextbox").autocomplete("form.php", {onItemSelect:submitTheForm});

function submitTheForm(){ 
     //redirect user to whatever URL
}
```
- Das war mein Erster Gedanke; aber ich bin nicht so gut mit js oder jQuery. Ich nahm an, ich war etwas fehlt. Ich wäre daran interessiert zu wissen, ob es das problem gelöst.
- Diese funktionieren würde. Die richtige url für das jquery-autocomplete-Projekt ist jetzt code.google.com/p/jquery-autocomplete
InformationsquelleAutor Aziz
1

dem folgenden code funktioniert gut für mich, wie man eine Suche im Feld mit den Daten auf einer remote-Datenquelle (MySQL-Datenbank) in ein Suchfeld UND ein redirector, wenn ein Benutzer wählt eine der vorgeschlagenen Ergebnisse:
```
$("#search").autocomplete("search.php", {
    width: 260,
    formatItem: function(data) {
            return data[0];
          }
        }).result(function(event, data) {
     window.location.href = data[1];
});
```
Hinweis: ich habe die ajax-Daten getrennt in zwei Teile:
1. den Suchbegriff
2. die URL in Beziehung zum Begriff
zB.

Brad Pitt|/Schauspieler/bradpitt

Matt Damon|/Schauspieler/mattdamon

jQuery autocomplete automatisch werden die Daten in die pipe (|) und pro neue Zeile

InformationsquelleAutor Sami Fouad
0

das jQuery Autocomplete-plugin hat eine matchContains option Suche innerhalb des Ergebnisses. Auf true eingestellt, und es erfolgt die Rückkehr substring Spiele sowie.

InformationsquelleAutor Moe

Einfachste Beispiel finden Sie bei JSFiddle

var data = [
    {
        value: 'Google',
        url: 'http://www.google.com'
    },
    {
        value: 'StackOverflow',
        url: 'http://www.stackoverflow.com'
    }
];

$("input").autocomplete({
    source: data,
    select: function(event, ui) {
        window.location = ui.item.url;
    }
});

InformationsquelleAutor Manjesh V

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.