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.
