My Thoughts & Views

Archive for the ‘Javascript’ Category

The below code might help you with validation of certain HTML tags entered in a TextArea. (Click image to enlarge).



Advertisements

The below code might help you with validation of certain HTML tags entered in a TextArea. (Click image to enlarge).



Use this javascript code to display “Last Updated” date.

document.write(“Last Updated on:”) ;
document.write(document.lastmodified) ;

The post explains Keyboard event handling using javascript.Javascript events are used to capture user keystrokes.

Below is a table of key codes for the keys on a multimedia keyboard. If this table is inconsistent with your own findings, please let me know.

Java Script Code to Find Key code

<script language="JavaScript">
document.onkeydown = checkKeycode
function checkKeycode(e) {
var keycode;
if (window.event) keycode = window.event.keyCode;
else if (e) keycode = e.which;
alert("keycode: " + keycode);
}
</script>

Key Code Reference Table

Key Pressed

Javascript Key Code

backspace

8

tab

9

enter

13

shift

16

ctrl

17

alt

18

pause/break

19

caps lock

20

escape

27

page up

33

page down

34

end

35

home

36

left arrow

37

up arrow

38

right arrow

39

down arrow

40

insert

45

delete

46

0

48

1

49

2

50

3

51

4

52

5

53

6

54

7

55

8

56

9

57

a

65

b

66

c

67

d

68

e

69

f

70

g

71

h

72

i

73

j

74

k

75

l

76

m

77

n

78

o

79

p

80

q

81

r

82

s

83

t

84

u

85

v

86

w

87

x

88

y

89

z

90

left window key

91

right window key

92

select key

93

numpad 0

96

numpad 1

97

numpad 2

98

numpad 3

99

numpad 4

100

numpad 5

101

numpad 6

102

numpad 7

103

numpad 8

104

numpad 9

105

multiply

106

add

107

subtract

109

decimal point

110

divide

111

f1

112

f2

113

f3

114

f4

115

f5

116

f6

117

f7

118

f8

119

f9

120

f10

121

f11

122

f12

123

num lock

144

scroll lock

145

semi-colon

186

equal sign

187

comma

188

dash

189

period

190

forward slash

191

grave accent

192

open bracket

219

back slash

220

close braket

221

single quote

222

Inside u r Head Tag in HTML Page u insert the following code

function IsNumeric(strString)
// check for valid numeric strings
{
var strValidChars = “0123456789.-“;
var strChar;
var blnResult = true;

if (strString.length == 0) return false;

// test strString consists of valid characters listed above
for (i = 0; i < strString.length && blnResult == true; i++)
{
strChar = strString.charAt(i);
if (strValidChars.indexOf(strChar) == -1)
{
blnResult = false;
}
}
return blnResult;
}

And to check whether the input box has numerals or not use follwing code

if(document.frmReg.MNumber.value==””)
alert(“Enter Mobile Number.”)
else if(IsNumeric(document.frmReg.MNumber.value)==false)
alert(“Enter Only 10 Digit Mobile Number.”)

If you want your users to click on a text area and automatically highlight all of the text, there is a very simple way to do it. This does not require external javascript at all. It’s no “copy code” button, but if the user clicks inside the text area, this bitt of code will hightlight all of the text in that textfield.

Add the following code to any tag:

onclick=”javascript:select();”

Example:

Highlight this text