xdanryan Posted May 15, 2009 Share Posted May 15, 2009 I'm relatively new to Javascript/AJAX but I have some decent experience in PHP. What I have been successful at doing is creating a text input that queries a database and narrows down options (basically a simple suggestion). The 'suggestions' are displayed in the div known as "txtHint". When I mouseOver the suggestions, they are auto filled in my text input which is great. What I'm trying to do is get the "txtHint" div to disappear onClick- basically getting rid of the 'suggestions' when I click one. If possible, I'd also prefer a solution that would have the div "txtHint" come back when i add to the text input. I'm assuming if I can get the clear function to work that this would happen anyway. Here's my html code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <script src="test.js"></script> </head> <body> <form> <input id="users" type="text" onkeyup="showUser(this.value)"> </form> <p> <div id="txtHint"> </div></p> </body> </html> test.js code (just the clear function) function clear() { document.getElementById("txtHint").value = 'none'; } php code: (random stuff edited out) //populate table while($row = mssql_fetch_array($result)) { echo "<tr><td><a href=\"#\" onmouseover=\"populate('" . $row["CODE"] . "');\" onclick=\"clear();\">" . $row["CODE"] . "</a></td></tr>"; } ?> I've tried a TON of different methods that i found searching google but nothing seems to be working. Quote Link to comment Share on other sites More sharing options...
xtopolis Posted May 16, 2009 Share Posted May 16, 2009 div's don't use value, they use innerHTML function clear() { document.getElementById("txtHint").innerHTML = ''; } Would probably work for your example. Quote Link to comment Share on other sites More sharing options...
xdanryan Posted May 17, 2009 Author Share Posted May 17, 2009 div's don't use value, they use innerHTML function clear() { document.getElementById("txtHint").innerHTML = ''; } Would probably work for your example. Already tried it. Didn't work. No response when I click. my code: function clear() { document.getElementById("txtHint").innerHTML = ''; } Could the fact that the div is dynamix (AJAX) have something to do with it? Quote Link to comment Share on other sites More sharing options...
corbin Posted May 18, 2009 Share Posted May 18, 2009 This is a long shot, but try naming the function something besides clear(). Quote Link to comment Share on other sites More sharing options...
xdanryan Posted May 18, 2009 Author Share Posted May 18, 2009 This is a long shot, but try naming the function something besides clear(). wow, you rock. clear is apparently a reserved name. Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.