Diese Anzeige ist nur für
Nicht-Mitglieder sichtbar!

Jetzt kostenlos registrieren

JQuery Autocomplete Link

Fragen zum Thema JavaScript können hier gestellt werden

Moderatoren: Basti, Guillermo, Ingo

JQuery Autocomplete Link

Beitragvon Hoerti am 11.11.2011, 13:36

Hallo zusammen...

Und zwar hätte ich noch eine Frage zu JQuery Autocomplete.
Ich habe folgende Javascript-Funktion, die einen JSON-String parsed. I möchte, dass mein Autosuggest ein href wird, wenn ich also draufklicke er mich direkt weiterleitet.
Mit folgender Lösung bekomme ich den href nur als Text angezeigt.
Code: Alles auswählen
   <script type="text/javascript">
   $(function() {
       var allRecipes = (<?php include("php/search_new.php"); ?>).Data.Recipes;
        var recipeNames = [];
       for(var i in allRecipes) {
             recipeNames.push("<\a href=\"/php/get_recipe_byID.php?id=" + allRecipes[i].ID + "\">" + allRecipes[i].TITLE + "<\/a>");
       }
       var arr = new Array();
       for(var k in recipeNames){
         arr.push(" " + recipeNames[k]);
       }
      
       $("#searchrecipes").autocomplete({
         minLength: 3,
         source: arr   
      });
      });
   </script>


Weiß jemand, wo der Fehler liegt? Ist es überhaupt möglich?
Mfg
Hoerti
Mitglied
 
Beiträge: 28
Registriert: 20.05.2011, 16:00
Diese Anzeige ist nur für
Nicht-Mitglieder sichtbar!
 
Jetzt kostenlos registrieren

Re: JQuery Autocomplete Link

Beitragvon Ingo am 12.11.2011, 17:49

Hi.

Also. Mit dem Original-UI-Autocompleter sind nur Texteinträge möglich, so sagt
jedenfalls die Beschreibung am Ende von "Overview":
The label is always treated as text, if you want the label to be treated as html
you can use Scott González' html extension.

Wenn man die Gonzalez-JS nach den anderen jQuery/UI-JS einbindet, dann geht z.B. folgendes:

Code: Alles auswählen
<script>
  $(document).ready(function() {
    $("input#autocomplete").autocomplete({
     source:
       ["c++",
        "java",
        "php",
        "coldfusion",
        "<a href=\"#\">javascript<\/a>",
        "asp", "ruby"],
      html:true
    });
  });
  </script>

<input id="autocomplete" />

Neu ist die Option "html". Ein anderes Beispiel liefert Gonzalez in der Datei html.html.

Gruß, Ingo :)
Die beste Browserweiche ... sitzt zwischen den Ohren ;o]
Wer glaubt etwas zu sein, hat aufgehört etwas zu werden.
Benutzeravatar
Ingo
Web Moderator
 
Beiträge: 1722
Registriert: 01.04.2007, 23:21
Wohnort: Neuss/NRW


Zurück zu JavaScript

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 1 Gast