Javascript

Alert Box by Posting a Text String

23 July 2007
Source: http://www.webteacher.com/javascript/ch01.html


<HTML>

<SCRIPT LANGUAGE="JavaScript">
<!-- Beginning of JavaScript -


function MsgBox (textstring) {
alert (textstring) }


// - End of JavaScript - -->
</SCRIPT>



<FORM>
<INPUT NAME="text1" TYPE=Text>
<INPUT NAME="submit" TYPE=Button VALUE="Show Me" onClick="MsgBox(form.text1.value)">
</FORM> 
</HTML>

SubString

24 July 2007
Source: http://www.webteacher.com/javascript/ch01.html

<script>
function DisplayFirstChar() { 
MyText=prompt("Type some text","")
alert ( MyText.substring(0,1) )
}
function DisplayChars() { 
MyText=prompt("Type some text","")
alert ( MyText )
}
</script>
<form><input type=button value="Try It" onClick="DisplayFirstChar()"></form>
<form><input type=button value="Full String" onClick="DisplayChars()"></form>

Date()

24 July 2007
Source: http://www.webteacher.com/javascript/ch05_2.html

<script>now = new Date();
LocalTime = now.toLocaleString();
document.writeln(LocalTime);
</script>

Write a Document

24 July 2007
Source:http://www.webteacher.com/javascript/ch05_9.html

document.open()
document.write("Hello There")
document.close()

Events

24 July 2007
Source: http://www.webteacher.com/javascript/ch06_1.html

Event	Applies to	Occurs when	Event handler
abort	images	User aborts the loading of an image (for example by clicking a link or clicking the Stop button)	onAbort
blur	windows, frames, and all form elements	User removes input focus from window, frame, or form element	onBlur
click	buttons, radio buttons, checkboxes, submit buttons, reset buttons, links	User clicks form element or link	onClick
change	text fields, textareas, select lists	User changes value of element	onChange
error	images, windows	The loading of a document or image causes an error	onError
focus	windows, frames, and all form elements	User gives input focus to window, frame, or form element	onFocus
load	document body	User loads the page in the Navigator	onLoad
mouseout	areas, links	User moves mouse pointer out of an area (client-side image map) or link	onMouseout
mouseover	links	User moves mouse pointer over a link	onMouse- Over
reset	forms	User resets a form (clicks a Reset button)	onReset
select	text fields, textareas	User selects form element's input field	onSelect
submit	submit button	User submits a form	onSubmit
unload	document body	User exits the page	onUnload

onChange

24 July 2007
Source: http://www.webteacher.com/javascript/ch06_3.html

<SCRIPT>
function getSelect(s) {
return s.options[s.selectedIndex].value
}
</SCRIPT>
<FORM>
<SELECT NAME="list" SIZE=1 OnChange="location=getSelect(this)">
<OPTION value="#"> Choose a search engine
<OPTION value="http://www.yahoo.com"> Yahoo
<OPTION value="http://www.google.com"> Google 
<OPTION value="http://www.yahoo.co.jp"> Yahoo Japan 
</SELECT>
</FORM>

setTimeOut

24 July 2007
Source: http://www.webteacher.com/javascript/ch06_6.html

<script>
function MsgBox(){
alert("Hello There");
}
</script>

<FORM>
<INPUT type=button value="try it"
onClick="setTimeout('MsgBox()',2000)">
</Form>