Avatar billede sbay Nybegynder
10. august 2006 - 22:02 Der er 6 kommentarer og
1 løsning

Type ahead med ajax

Hejsa

Er der en der har et færdigt JavaScript til type-ahead i stil med googles: http://www.google.com/webhp?complete=1&hl=en

Jeg skal bruge det på en php-side med databaseopslag, så det vil være dejligt med lidt kodeeksempler!
Avatar billede Six Nybegynder
10. august 2006 - 23:04 #1
Hej, der er en fantastisk artikel/tutorial her: http://www.phpriot.com/d/articles/php/application-design/google-suggest-ajaxac/page2.html

Eksempel på hvad der bliver lavet: http://ajax.zervaas.com.au/examples/GoogleSuggestCloneJax/ - du skal hente AjaxAC frameworket, men det hele bliver du guidet igennem i artiklen og når man først har fulgt artiklen er det simpelt at tilpasse det sit eget. :)

http://sourceforge.net/project/showfiles.php?group_id=140214 <- hent den version på SF der hedder: 0.4.6 [Notes] (2006-01-29 15:16) (I den nyeste version er widgets osv fjernet)

Så skulle du være set to go.
Avatar billede sbay Nybegynder
12. august 2006 - 20:03 #2
Jeg kan simpelt hen ikke få det til at virke - har været artiklen igennem! Principielt er det jo kun databasetilslutningen der skal ændres og så oprette testtabellen - ikke?
Avatar billede sbay Nybegynder
12. august 2006 - 21:38 #3
Jeg får følgende fejl:

Fejl: __query is not defined
Kildefil: http://www.xxxxxxxx.dk/ajaxac-0.4.6/examples/GoogleSuggestCloneJax/index.php/jsapp
Linje: 151

og det er denne her:
__query.onkeydown = function(e)
                            {
                                key = ajaxac_getkeycode(e);
                                switch (key) {
                                    case 27: // escape
                                        gsc_hide(__results);
                                        return false;
                                        break;
                                    case 38: // up arrow
                                        gsc_handleup(__results, __query);
                                        return false;
                                        break;
                                    case 40: // down arrow
                                        gsc_handledown(__results, __query);
                                        return false;
                                        break;
                                    default:
                                        __gsctimer.start();
                                }
                                return true;
                            }
Avatar billede sbay Nybegynder
12. august 2006 - 21:40 #4
Denne her kommer faktisk først: Fejl: ajaxac_attachWidget is not defined
Kildefil: http://www.vinflasken.dk/ajaxac-0.4.6/examples/GoogleSuggestCloneJax/index.php
Linje: 30

ajaxac_attachWidget('__query', 'fq');
Avatar billede Six Nybegynder
13. august 2006 - 02:54 #5
til:
Kommentar: sbay
12/08-2006 20:03:48

Jo det er faktisk ikke andet man skal.

til:12/08-2006 21:40:55
Går jeg ind og kigger på den side, så kommer der ikke fejl mere, men den foreslår heller ikke så meget.. Fik du det til at virke eller ?
Avatar billede sbay Nybegynder
16. august 2006 - 18:35 #6
Fik det ikke til at virke. Nu bruger jeg den her i stedet:
http://www.dhtmlgoodies.com/index.html?page=ajax    se under "Ajax dynamic list"

Kan man ikke smelte det sammen så man kan lave to opslag med den samme kode - noget a'la:
    var ajaxBox_offsetX = 0;
    var ajaxBox_offsetY = 0;
    if ($_GET['getCountriesByLetters']) {
    var ajax_list_externalFile = 'ajax-list-countries.php';    // Path to external file
    }
    if ($_GET['getRegionByLetters']) {
    var ajax_list_externalFile = 'ajax-list-regions.php';    // Path to external file
    }
    var minimumLettersBeforeLookup = 1;    // Number of letters entered before a lookup is performed.
   
    var ajax_list_objects = new Array();
    var ajax_list_cachedLists = new Array();
    var ajax_list_activeInput = false;
    var ajax_list_activeItem;
.
..
...
Avatar billede sbay Nybegynder
18. august 2006 - 18:07 #7
lukker
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester