onkeypress is not applied

@BigShorty01Dec 08.2008

Hello,

I am creating a input box in a javascript function.
The code I use is:

[CODE]var newInputElem = document.createElement(“INPUT”) newInputElem.id = ‘TB_Time’ newInputElem.type = ‘text’ newInputElem.style.width = ’50px’ newInputElem.style.border = ‘1px solid’ newInputElem.onkeypress = ‘javascript:SaveEdit(this,’ + Mnum + ‘,”‘ + _ID + ‘”)’ cell.appendChild(newInputElem)[/CODE]

Everything is applied but the onkeypress. This is not aplied to the new edit and will therefor not be called.

Sorry for the beginner question, but I am new to javascript..

Thanks in advance
Shorty

to post a comment

JavaScript

15 Comments(s) _↴

@KorDec 08.2008 — #use an anonymous:

<i>
 </i>newInputElem.onkeypress=function(){SaveEdit(this,Mnum,_ID)}

@BigShorty01authorDec 08.2008 — #Thanks!

but this works only in IE.. How about Firefox?

@KorDec 08.2008 — #Should work in Moz as well... Anyway, try [B]onkeyup[/B] or [B]onkeydown[/B] instead of [B]onkeypress[/B].

@BigShorty01authorDec 08.2008 — #all that is in the HTML in Firefox is:

<input id="TB_Time" type="text" style="border: 1px solid ; width: 50px;"/>

In IE it works...

Also using the onkeyup is not working...

@KorDec 08.2008 — #We need to see the whole picture; do you have a test page, or something like that to be seen?

@BigShorty01authorDec 08.2008 — #unfortunatally i can not provide this because it contains sensitive data...

I can however upload the JS file and the aspx file

@KorDec 08.2008 — #Unfortunately, it is of no help to give us the server-side coded pages. We need to see [I]the HTML created[/I] ones (same as you would see in View Page Source / View Source of your browser)

@BigShorty01authorDec 08.2008 — #here it is (hopefully what you need!)

@KorDec 08.2008 — #Oh, I see... you have to capture the [B]event[/B] within the function SaveEdit. Try this

<i>
 </i>newInputElem.onkeypress=function(){SaveEdit([COLOR="Navy"]event[/COLOR],Mnum,_ID)}

and change the SaveEdit (insert the blue) as:

<i>
 </i>function SaveEdit(e,Mnum,_ID) {
 [COLOR="Navy"]if (!e) var e = window.event; [/COLOR]   <br/>
 switch ((e.which) ? e.which : window.event.keyCode) {
 ...

@BigShorty01authorDec 08.2008 — #the problem is, that the onkeypress of the input (calling the SaveEdit) is not called. So I do not see how this can help...

unfortunatally your solution did not work.

@KorDec 08.2008 — #Try this:

<i>
 </i>...
 newInputElem.style.border='1px solid';
 [B][COLOR="Blue"]newInputElem['Mnum']=Mnum;
 newInputElem['_ID']=_ID;
 newInputElem.onkeypress=SaveEdit;[/COLOR][/B]
 cell.appendChild(newInputElem)
 ...

and

<i>
 </i>function SaveEdit([B][COLOR="Blue"]e[/COLOR][/B]){
 switch ((e.which) ? e.which : window.event.keyCode) {
 case 13:
 xmlHTTP("GruppenlisteUpdate.aspx", "Origin=Disziplinen&amp;Mnum=" + [B][COLOR="Blue"]this['Mnum'][/COLOR][/B] + "&amp;ID=" + [B][COLOR="Blue"]this['_ID'][/COLOR][/B] + "&amp;Value=" + [B][COLOR="Blue"]this.value[/COLOR][/B], null);
 tmptext = [B][COLOR="Blue"]this.value[/COLOR][/B];
 DeleteEdit();
 return false;
 break
 case 27:
 DeleteEdit();  <br/>
 return false;
 break;
 default:
 return true;
 }   <br/>
 }

@KorDec 08.2008 — #..but... I would advice you to use [B]onkeyup[/B] instead of [B]onkeypress[/B], otherwise Mozilla will return the previous [B]value[/B] of the input (the value [I]before[/I] the onkeypress event action)

<i>
 </i>newInputElem.[B][COLOR="Blue"]onkeyup[/COLOR][/B]=SaveEdit;

@BigShorty01authorDec 08.2008 — #Deleted

@BigShorty01authorDec 08.2008 — #The last try worked!

Thank you very very much!

?

@KorDec 08.2008 — #

<i>
 </i>function SaveEdit(e){
 [B][COLOR="Blue"]if (!e) var e = window.event;[/COLOR][/B]
 switch ((e.which) ? e.which : window.event.keyCode) {
 ...
 }

Also in #JavaScript _↴

Form Action, multiple?times and dates, allowing for daylight saving marquee help

Success!

Help @BigShorty01 spread the word by sharing this article on Twitter...

Tweet This

onkeypress is not applied

15 Comments(s) _↴

Also in #JavaScript _↴

Success!

Social

Version

onkeypress is not applied

15 Comments(s) ↴

Also in #JavaScript ↴

Success!

The web is an endless sea of information. Don't miss the boat... Subscribe!

Social

Version

15 Comments(s) _↴

Also in #JavaScript _↴