I actually was able to figure it out, It was actually working the whole time. If you add this bit of CSS <code> li.selected { background: teal ;color: black; } </code> you can see what is actually see what is selected.
Greg On Jun 10, 3:47 pm, Greg Militello <greg.milite...@gmail.com> wrote: > Hi everyone, I am new at programming and I cannot figure out how to > get the Autocomplete's keyboard functionality to work correctly. I am > able to get Autocomplete function but when you hit the up and down > arrow, the select does not change. Could someone take a look at my > code and point out what I am doing wrong? I am using the latest stable > version of script.aculo.us. > > FILE: autocomplete.php > <html> > <head> > <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> > <title>Autocomplete demonstration</title> > <script type="text/javascript" src="javascripts/prototype.js"></ > script> > <script type="text/javascript" src="javascripts/effects.js"></script> > <script type="text/javascript" src="javascripts/controls.js"></ > script> > <style> > body {font-family: verdana; arial, sans-serif; font-size: 12px; } > #search, ul { padding: 3px; width: 150px; border: 1px solid #999; > font-family: verdana; arial, sans-serif; font-size: 12px;} > ul { list-style-type: none; font-family: verdana; arial, sans-serif; > font-size: 12px; margin: 5px 0 0 0} > li { margin: 0 0 5px 0; cursor: default; color: red;} > li:hover { background: #ffc; } > </style> > </head> > <body> > <h2>Autocompletion example</h2> > <p> > The database searches a few of my favourite musicians - the best place > to start is by typing "the"; > </p> > <div> > <label>Type here</label> <input type="text" id="search" > name="search" /> > </div> > <div id="hint"></div> > <script type="text/javascript"> > new Ajax.Autocompleter("search","hint","livesearch2.php"); > </script> > </body> > </html> > > ------------------------------------------ > FILE: livesearch2.php > > <?php > $xmlDoc=new DOMDocument(); > $xmlDoc->load("artists.xml"); > > $x=$xmlDoc->getElementsByTagName('music'); > date_default_timezone_set('America/Chicago'); > > //get the q parameter from URL > $q=$_POST['search']; > //lookup all links from the xml file if length of q>0 > $j=0; > if (strlen($q)>0) > { > echo("<ul>"); > for($i=0; $i<($x->length); $i++) > { > $music = $x->item($i); > $music_id = > $music->getElementsByTagName('title')->item(0); > $y=$x->item($i)->getElementsByTagName('id'); > $z=$x->item($i)->getElementsByTagName('title'); > > if ($z->item(0)->nodeType==1) > { > > //find a link matching the search text > if > (stristr($z->item(0)->childNodes->item(0)->nodeValue,$q)) > { > echo("\t<li id=\"" . $j++ . "\" >"); > echo($music_id->nodeValue); > echo("\t</li>"); > } > } > } > echo("</ul>");} > > ?> > > ------------------------------------ > FILE: artists.xml > > <?xml version="1.0" encoding="ISO-8859-1"?> > <art> > <music> > <id> 4 </id> > <title>The Clash</title> > </music> > <music> > <id> 5 </id> > <title>Animal Collective</title> > </music> > <music ID="6"> > <id> 6 </id> > <title>MGMT</title> > </music> > <music> > <id> 7 </id> > <title>The Dead Kennedys</title> > </music> > <music> > <id> 8 </id> > <title>Bad Religon</title> > </music> > <music> > <id> 9 </id> > <title>Minor Threat</title> > </music> > </art> > > I have tried the same approach except using a SQL server instead of > searching an XML file and I get the same results. Any help or tips > would be greatly appreciated. -- You received this message because you are subscribed to the Google Groups "Prototype & script.aculo.us" group. To post to this group, send email to prototype-scriptacul...@googlegroups.com. To unsubscribe from this group, send email to prototype-scriptaculous+unsubscr...@googlegroups.com. For more options, visit this group at http://groups.google.com/group/prototype-scriptaculous?hl=en.