Menu
Hi
I’m trying to assign the enter key press to one particular image button on the page.
I have a div generated via an ajax call to my php page that populates the div from the db – this brings up a list of text boxes that can be updated and are associated with image buttons and at the bottom a text field to add a new item and an “add” image button – it’s this one I want to fire when the return key is pressed, however what actually happens is the first update image button event fires (which sort of makes sense, only not what I want to happen ?
All of the buttons update/insert/delete the db when clicked , only I want the only button to respond to the return key press to be the “add” one – I don’t want it to submit, just call my javascript add function which refreshes the div on db success and displays the updated list.
the relevant code:-
[CODE]while($row = mysql_fetch_array($keywlistres, MYSQL_ASSOC))
{
$act= $row[‘activity’];
$aid= $row[‘a_id’];
$akid= $row[‘ak_id’];
$keyw[$ctr] = $row[‘keyword’];
echo “<tr>”;
echo “<td class = “tdwhitebg” >$act</td>”;
echo “<td class = “tdwhitebg” >$akid<input type = “text” id = “editkw” “width =”20″ value =”$keyw[$ctr]”></td>”;
echo “<td class = “tdwhitebgl” ><input type = “image” src=”img/update.gif” id = “updatekw” onclick=”updateKw($akid,’update’,$ctr,$aid);”></td>”;
echo “<td class = “tdwhitebgl” ><input type = “image” src=”img/delete.gif” id = “deletekw” onclick=”deleteKw($akid,’delete’,$aid)”></td>”;
echo “</tr>”;
$ctr++;
}
echo “<tr>”;
echo “<td class = “tdwhitebg”> </td>”;
echo “<td class = “tdwhitebg”><input type = “text” name = “kw” id = “addkwtextbox” width =”20″ onkeyup=”checkKey()”></td>”;
echo “<td class = “tdwhitebg”><input type = “image” id = “addkw” src=”img/add.png” onclick=”insertKw($aid,’insert’,kw.value)”></td>”;
echo “<td class = “tdwhitebg”> </td>”;
echo “</tr>”;
As I’m a complete newbie to javascript I’m finding this frustrating – can’t seem to find a similar problem referenced on a web search, all my javascript (not quoted works fine in so far as it does what I expect – just want the insertKw($aid,’insert’,kw.value) to fire when the user hits the return key! Note that I don’t want the image button to act as a submit button, just to fire the function off.
I guess what I’m looking for is something that detects that the user is in the addkwtextbox and then “binds” a return key press to the image button with id addkw, just too new to javascript to know where to start looking on this
Here’s hoping you wise guru’s can help!
Actually there is another problem I’m having with this app but I’ll save that for a separate post as (I think) is unrelated… troubles with IE vs FF3…
Thanks in advance – The(gettingincreasingly)MadProfessor