onKeyPress question 4

schase · Dec 31, 2002

Howdy again,

I use
onKeyPress="this.style.textTransform='capitalize';

on some form fields, that will after submitting, insert via asp into an access database.

Curiously, even though the onKeyPress works while typing the form - upon entry it reverts back to as it was typed

e.g. typed stuart which shows as Stuart, inserts into the database as stuart

any ideas how to retain the case?

Thank you "Never underestimate the power of determination"

Stuart

elegidito · Dec 31, 2002

i found a workaround using javascript and the onkeyup event thinger :

Code:

<html>
<head>
<script language=&quot;JavaScript&quot;>
function capIt(v)
{
if (v.value.length == 1){
newVal = v.value.toUpperCase();
v.value = newVal;
}
}
</script>
</head>
<body>
<input type='text' onKeyUp=&quot;capIt(this)&quot;>
</body>
</html>

hope it helps! "Those who dare to fail miserably can achieve greatly." - Robert F. Kennedy
So true..

RISTMO · Jan 1, 2003

That only changes the first letter of the first word. To change every word, you will want to do this:

<script language="JavaScript">
<!--
function capitalize(){
var words=document.the_form.to_caps.value.split(" &quot

;
var caps="";
for(var i=0; i<words.length; i++){
temp_letter=words.substring(0,1);
temp_letter=temp_letter.toUpperCase();
words=temp_letter+words.substring(1,words.length);
caps=caps+" "+words;
}
document.the_form.to_caps.value=caps;
}
//-->
</script>

<form name="the_form" onSubmit="capitalize();">
<input type='text' name="to_caps" onKeyPress="this.style.textTransform='capitalize';">
</form>

The onKeyPress makes the text appear capitalized to the user, and the capitalize() function makes the text actually capitalized.

Rick

elegidito · Jan 1, 2003

try this:

Code:

<html> <head> <script language="JavaScript"> function capIt(v) { dStuff = (v.value.indexOf(" ")!=-1) ? v.value.split(" ") : v.value; if(dStuff==v.value){ v.value = v.value.charAt(0).toUpperCase()+v.value.substring(1,v.value.length+1); } else { for (d=0;d<v.value.length;d++) { if (v.value.charAt(d) == ' ' && v.value.charAt(d+1)) { v.value = v.value.substring(0,d) + " " +v.value.charAt(d+1).toUpperCase() + v.value.substring(d+2,v.value.length+1); } } } } </script> </head> <body> <input type='text' onKeyUp="capIt(this)"> </body> </html>

hope that helps "Those who dare to fail miserably can achieve greatly." - Robert F. Kennedy
So true..

RISTMO · Jan 1, 2003

Ah! I forgot to take off TGML! You beat me;-). My above code:

<script language="JavaScript">
<!--
function capitalize(){
var words=document.the_form.to_caps.value.split(" &quot

;
var caps="";
for(var i=0; i<words.length; i++){
temp_letter=words.substring(0,1);
temp_letter=temp_letter.toUpperCase();
words=temp_letter+words.substring(1,words.length);
caps=caps+" "+words;
}
document.the_form.to_caps.value=caps;
}
//-->
</script>

<form name="the_form" onSubmit="capitalize();">
<input type='text' name="to_caps" onKeyPress="this.style.textTransform='capitalize';">
</form>

Rick

schase · Jan 3, 2003

It works,

Thank you so much, and please accept my apologies for the very tardy reply.

"Never underestimate the power of determination"

Stuart

smurf01 · Jan 8, 2003

Guys,
Stuart put me onto the code for Capitalising the First letter of every word and it works great except if the "Caps Lock" is on or the user presses the shift key whilst typing. Is there anyway i could put code in to disable "Caps Lock" Regards

Paul

Supra · Jan 10, 2003

Sure can. This will disable Caps Lock:

Code:

<script>
<!--
document.onkeydown = getKey;

function getKey() {
	if (event.keyCode == 20) return false;
}
//-->
</script>

smurf01 · Jan 10, 2003

Supra,
Sorry to be a pain but where would i place this script in my code
Regards

Paul

RISTMO · Jan 10, 2003

You would place this in your <head>. Note--this will prevent the user from pressing the CAPS LOCK key WHILE THE WEBPAGE IS THE ACTIVE WINDOW. If it was pressed any other time, it would work fine--meaning that if CAPS LOCK was on when the user entered the page, it would not fix you rproblem.

Rick -----------------------------------------------------------

http://www.arabchurch.com

smurf01 · Jan 10, 2003

Is there any way to completely do it ?? Regards

Paul

webRAD · Jan 10, 2003

Quite an intresting discussion. So basically what you want the ability to turn user's capslock on or off. Well, sorry I dont have an answer as I am new to the javascript world. But, I'll be quite surprised and amazed to know that if this is possible at all. I dont think javascript can do that.

schase · Jan 11, 2003

I dont think Paul was looking for total disable of caps lock per say.

Rather force lowercase (or change to lowercase) and allow it to be entered into a database in the same lowercase. "Never underestimate the power of determination"

Stuart

jemminger · Jan 11, 2003

here's a simple way to ensure all input is lowercase:

<textarea onchange="this.value = this.value.toLowerCase();"></textarea>

=========================================================
if (!succeed) try();
-jeff

Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

onKeyPress question 4

schase

Technical User

elegidito

Programmer

RISTMO

Programmer

elegidito

Programmer

RISTMO

Programmer

schase

Technical User

smurf01

IS-IT--Management

Supra

Programmer

smurf01

IS-IT--Management

RISTMO

Programmer

smurf01

IS-IT--Management

webRAD

Programmer

schase

Technical User

jemminger

Programmer

Similar threads

Part and Inventory Search

Sponsor