710 Index Attributes, 127 action attribute, 263 assigning, bottom attribute, domain name attribute, 481 expiration date attribute, 480 8

Size: px
Start display at page:

Download "710 Index Attributes, 127 action attribute, 263 assigning, bottom attribute, domain name attribute, 481 expiration date attribute, 480 8"

Transcription

1 INDEX Symbols = (assignment operator), 56 \ (backslash), 33 \b (backspace), 33 \" (double quotation mark), 32 \e (escape), 33 \f (form feed), 33 << (left shift) operator, 81 \n (newline), 33 + sign, \r (return), 33 >> (sign-propagating right shift) operator, 82 \' (single quotation mark), 32 \t (tab), 32 \uxxxx escape sequence, 33 \XXX escape sequence, 33 \xxx escape sequence, 33 >>>> (zero-fill right shift) operator, 82 A Absolute positioning, Access logs and status codes, Action attribute, 263 ActiveX controls, <a href> tag, 340 Alert dialog box, Alert() method, Alphabetic characters, checking for, Alphabetic data, checking for, Alternation, Anchors, Anchors object, Animation, Arguments: described, 112 override argument, 692 passing, Arithmetic operators, Array objects: associative arrays, 151, 156 concat() method, 159 creating and populating an array simultaneously, 155 declaring, elements of, 151 length property, 157 for loop used to populate, 154 methods, multidimensional arrays, 151 new constructor used to declare, overview, 151 pop() method, 160 properties of, push() method, 161 shift() method, 162 slice() method, splice() method, unshift() method, 162 Assignment: autodecrement ( ) operator, 64 autoincrement (++) operator, 64 Assignment operator (=), 56 Associative arrays, 151, 156 Associativity rules for operators,

2 710 Index Attributes, 127 action attribute, 263 assigning, bottom attribute, domain name attribute, 481 expiration date attribute, get attribute, 263 language attribute, 20 left attribute, method attribute, 263 name attribute, 272, 480 overview, 480 path attribute, 481 post attribute, 263 right attribute, secure attribute, 482 src attribute, 20 top attribute, type attribute, 20, Autodecrement ( ) operator, 64 Autoincrement (++) operator, 64 B Background graphics, 593 Background properties, Backslash (\), 33 Bars: graphics and images, 597 menu bars, collapsing, navigation bars, creating, toolbars, collapsing, Backspace (\b), 33 Bitwise operators, bitwise shift operators, overview, Bitwise shift operators left shift (<<) operator, 81 overview, 81 sign-propagating right shift (>>) operator, 82 zero-fill right shift (>>>>) operator, 82 Blocks, 93 Blur() method, <BODY> tag, 586 Boolean literals, Border properties, Bottom attribute, Break statement, 98, 101, Browser object model (BOM): ActiveX controls, frames: child frames, 232 frame object, HTML frames, creating, menu bars, collapsing, menus, creating, navigation bars, creating, overview, parent window, 232 toolbars, collapsing, top property used to keep Main Window out of a frame, location object: methods, 245 new page into frame, loading, overview, 244 properties, 244 reload() method, 245 replace() method, 245 URL of document currently loaded in window, accessing, MIME types, navigator object, browser sniffer, 205 browser support for, 203 Internet Explorer support for, 203 name of browser, 205 Netscape Navigator support for, 203 plug-in object, plug-ins, detecting, properties, version of browser, 205 overview, window object: history object, methods, opening windows, open() method, overview, 214 properties, resizing a window, screen object, scrolling in windows, scrollto() method, setinterval() method, settimeout() method, timed events, creating, Browsers: compliance,

3 Index 711 cookies, used to remove, CSS-enhanced browsers, 496 name of, 205 old or disabled browsers: examples of a JavaScript-disabled browser, examples of a JavaScript-enabled browser, hiding from old browsers, 9 11 hiding within HTML comments, 9 11 and <noscript> tag, support for navigator object, 203 version of, determining, 205 Browser sniffer, 205 Bugs to watch out for, 44 Bullets, 597 Button input type, Buttons: event handlers, 354 form events, 377 naming forms and buttons, radio buttons, submitting fillout forms with button input type, C Carpout method, Case keyword, 98 Case sensitivity, 17, Case statement, Ceil() method, 175 CGI: CGI.pm module advantages of, 662 carpout method, checkbox() method, cookies, defaults() method, 692 elements, fatalstobrowser method, function-oriented programming style, HTTP header methods, labels, methods, object-oriented programming style, override argument, 692 overview, 661 popup_menu() method, , processing input from forms, programming styles, radio_group() method, reset() method, 692 submit() method, 692 textfield() method, communication between server and script environment variables, HTML file with link to CGI script, overview, finding CGI applications, 621 form processing: creating HTML form, decoding query string, decoding query string with Perl, , encoded query string, 636 extra path information, GET method, , input types for forms, Mail::Mailer Perl module, mailto: protocol, overview, parsing form s input with Perl, 638 POST method, SMTP server, SSI (Server Side Includes), HTML: creating a Web page with, HTTP headers, 617 overview, , simple CGI script, simple HTML document, tags, 612, HTTP server, HTTP status codes and log files, log files: access logs and status codes, error logs and STDERR, overview, 605 resources, 581 root directory, file URLs and server s, 611 URLs, CGI.pm module: advantages of, 662 carpout method, checkbox() method, cookies, defaults() method, 692 elements,

4 712 Index CGI.pm module (cont.): fatalstobrowser method, function-oriented programming style, HTTP header methods, labels, methods, object-oriented programming style, override argument, 692 overview, 661 popup_menu() method, , processing input from forms, programming styles, radio_group() method, reset() method, 692 submit() method, 692 textfield() method, Character class, Character formatting, 589 CharAt() method, Checkboxes, Checkbox() method, Checkbox object: input devices for forms, programming, overview, 315 properties, 315, 316 Child frames, 232 Child nodes, 544 Class: creating a style, properties, and prototype object, CodingForums, 581 Color changed with classname property, Color properties, Comments, 498 adding, 590 block comments, 19 single-line comments, 19 Common Gateway Interface. See CGI. Comparison operators: equality and, 68 identity and, 69 numbers, comparing, overview, 67 strings, comparing, Complex tag, 591 Composite data types, Compound statement, 93 Concatenation and variables, Concatenation operator, Concat() method, 159 Conditional constructs: break statement, 98 case keyword, 98 if/else if statement, if/else statement, labels, 98 overview, switch statement, Conditional operator, Confirm dialog box, Constants, Constructor method, Constructor used to create objects, Contextual selectors, Continue statement, 101, Control statements, Control structures, 93 Conversion: of data types, of milliseconds, of numbers, Cookie object, 482 Cookies: attributes: assigning, domain name attribute, 481 expiration date attribute, name attribute, 480 overview, 480 path attribute, 481 secure attribute, 482 browser used to remove, CGI.pm module, components of, 479 cookie object, 482 creating, deleting, escape() function, help with, HTTP and, 477 and Internet Explorer, 478, and Netscape Navigator, , overview, server, retrieving from, turning off, 478 unescape() function,

5 Index 713 Core objects: Array objects: associative arrays, 151, 156 concat() method, 159 creating and populating an array simultaneously, 155 declaring, elements of, 151 length property, 157 for loop used to populate, 154 methods, multidimensional arrays, 151 new constructor used to declare, overview, 151 pop() method, 160 properties of, push() method, 161 shift() method, 162 slice() method, splice() method, unshift() method, 162 Date object: conversion of milliseconds, methods, overview, prototype property, Math object: ceil() method, 175 floor() method, 175, 176 methods, 173 overview, 172 Pi, 174 power of a number, 174 properties, random() method, 176 random number generation, rounding up and down, round() method, 175 square root, 174 Number object: constants, conversion of numbers, formatting numbers, methods, 191 overview, properties, 190 tofixed() method, overview, 151 String object: charat() method, extraction of substrings from a string, methods for, HTML methods, indexof() method, lastindexof() method, length property, methods, overview, position in a string, finding, properties, prototype property, 179, 181 replace() method, search and replace methods, search() method, splice() method, 187 split() method, string manipulation methods, 184 substring() method, 187 substr() method, with keyword, 197 Wrapper objects: Boolean object, Function object, Number object, overview, 177 String object, Credit card validation: expiration date of card, checking, length of characters, checking, Lunh formula and, overview, 464 prefix value, checking, valid type, checking for, CSS: background properties, border properties, color properties, comments, 498 CSS-enhanced browsers, 496 declaration block, font properties, grouping, how it works, image properties, margin properties, measurement, units of, overview, 496

6 714 Index CSS (cont.) : properties, selectors, style object: color changed with classname property, overview, properties, text positioned with style property, text alignment properties, D Data types: composite data types, conversion of, overview, 31 primitive data types: Boolean literals, escape sequences, null, 36 numeric literals, overview, 31 quotes, 32 string literals, typeof operator, undefined, 36 variables converted to, Date object: conversion of milliseconds, methods, overview, prototype property, Debugging: errors, 24 in Explorer, functions, load-time errors, 24 logical errors, 24 in Netscape, overview, 24 runtime errors, 24 tools: for debugging in Explorer, javascript: URL protocol, JavaScript Console (Netscape), types of errors, 24 Declaration block, Declaring: array objects, functions, variables, Decoding query string, Decoding query string with Perl, Default colors, Defaults() method, 692 Defining functions, Delimiters, Dialog boxes: alert dialog box, confirm dialog box, described, 47 prompt dialog box, <div> tag, Document object: forms. See forms. HTML <body> tag attributes, 256 JavaScript, using document s properties in, methods, overview, properties, write() method, Document object model (DOM): animation, browser compliance, document object: forms. See forms. HTML <body> tag attributes, 256 JavaScript, using document s properties in, methods, overview, properties, write() method, DOM Level 1, dot syntax, 255 event handling and, getelementbyid() method, getelementbytagname() method, hierarchy of, nodes, 254 child nodes, 544 element properties, 547 methods, nodename property, nodetype property, overview, parent nodes, 544

7 Index 715 properties, scrolling with, siblings, 543 overview, , 540 visibility, setting, visibility property drop-down menus, overview, 569 tool tips, W3C and, 253 z-index and dynamic positioning, Domain name attribute, 481 DOM Level 1, Dot metacharacter, Dot (.) syntax, 128, 255 Double quotation mark (\"), 32 Do/while loop, Drop-down menus, , Dynamic HTML (DHTML): CSS: background properties, border properties, color properties, comments, 498 CSS-enhanced browsers, 496 declaration block, font properties, grouping, how it works, image properties, margin properties, measurement, units of, overview, 496 properties, selectors, style object, text alignment properties, DOM: animation, browser compliance, event handling and, getelementbyid() method, getelementbytagname() method, nodes and, overview, 540 visibility, setting, z-index and dynamic positioning, embedded style sheet: overview, 515 type attribute, overview, 495 style sheets: class, creating a style, contextual selectors, CSS. See Dynamic HTML, CSS. embedded style sheet, external style sheets, ID selector, inline style sheet, overview, 495 positioning elements and layers, <span> tag, types of, E ECMA, 7 ECMAScript, 7 escape (\e), 33 Eich, Brendan, 1 Element properties, 547 Elements: of array objects, 151 CGI.pm module, positioning elements and layers absolute positioning, bottom attribute, <div> tag, left attribute, overview, relative positioning, right attribute, style sheets, top attribute, z-index, Elements[] array: forms object, , 272 properties, addresses, checking, , form processing, Embedded style sheet: overview, 515 type attribute, Embeds object, Empty fields, checking for, , Encoded query string, 636 Environment variables, Equality and comparison operators, 68

8 716 Index Errors: events, load-time, 24 logical, 24 logs and STDERR, runtime, 24 Escape() function, Escape sequences, backslash (\ ), 33 backspace (\b), 33 double quotation mark (\"), 32 escape (\e), 33 form feed (\f), 33 newline (\n), 33 return (\r), 33 single quotation mark (\'), 32 tab (\t), 32 \uxxxx, 33 \XXX, 33 \xxx, 33 European Computer Manufacturers Association, 7 Eval() method, Event handlers. See also Events. for buttons, 354 creating, for documents, 354 error events, event methods, event object, form events: buttons, 377 event methods, list of, 376 onblur event, onchange event handler, onclick event, onfocus event, onsubmit event, overview, 376 this keyword, forms: onclick event, , onreset event, onsubmit event, this keyword, frame events: blur() method, focus() method, list of, 361 onblur event handler, onfocus event handler, onload event handler, onload() method, 363 onunload event handler, onunload() method, 363 overview, as JavaScript methods, key events: onkeydown event, onkeypress event, onkeyup event, overview, link events, for links, 354 list of, mouse events: and images, list of, 368 onmouseout event handler, onmouseover event handler, overview, rollovers, slide show creation, using, overview, return values, submitting fillout forms, window events: blur() method, focus() method, list of, 361 onblur event handler, onfocus event handler, onload event handler, onload() method, 363 onunload event handler, onunload() method, 363 overview, Event methods: event handlers, form events, Event object, Events. See also event handlers. example of onclick event, 4 5 form events: buttons, 377 event methods, list of, 376

9 Index 717 onblur event, onchange event handler, onclick event, onfocus event, onsubmit event, overview, 376 this keyword, frame events: blur() method, focus() method, list of, 361 onblur event handler, onfocus event handler, onload event handler, onload() method, 363 onunload event handler, onunload() method, 363 overview, function called from, individually listed and defined, 5 key events: onkeydown event, onkeypress event, onkeyup event, overview, link events, mouse events: and images, list of, 368 onmouseout event handler, onmouseover event handler, overview, rollovers, slide show creation, using, onabort event, 5 onblur event, 5, onchange event, 5 onchange event handler, onclick event, 5, onerror event, 5 onfocus event, 5, onkeydown event, onkeypress event, onkeyup event, onload event, 5 onmouseout event, 5 onmouseover event, 5 onsubmit event, 5, onunload event, 5 window events: blur() method, focus() method, list of, 361 onblur event handler, onfocus event handler, onload event handler, onload() method, 363 onunload event handler, onunload() method, 363 overview, Exec() method, 401 2, Expiration date attribute, Expiration date of credit card, checking, Expressions, 55 External files, placing JavaScript within, 13 External images, 597 External style sheets, Extraction of substrings from a string, methods for, Extraneous characters in forms, removing, Extra path information, F FatalsToBrowser method, Flash 5, 597 Floating-point numbers, Floor() method, 175, 176 Focus() method, Font properties, For/in loop, 105 For loop, 104 5, 154 Formatting numbers, Form events: buttons, 377 event methods, list of, 376 onblur event, onchange event handler, onclick event, onfocus event, onsubmit event, overview, 376 this keyword, Form feed (\f), 33 Form processing: creating HTML form, decoding query string,

10 718 Index Form processing (cont.): decoding query string with Perl, , encoded query string, 636 extra path information, GET method, , input types for forms, Mail::Mailer Perl module, mailto: protocol, overview, parsing form s input with Perl, 638 POST method, SMTP server, SSI (Server Side Includes), Forms: action attribute, 263 event handlers: onclick event, , onreset event, onsubmit event, this keyword, forms object: elements[] array, , 272 forms[] array, <form> tag elements and properties, 274 methods, 272 name attribute, 272 naming forms and buttons, overview, 268 properties, 271 <form> tag elements and properties, 274 get attribute, 263 HTML and, input devices, programming: checkboxes, checkbox object, drop-down menus, overview, 294 password object, radio buttons, radio object, select object, textarea object, text object, input types, method attribute, 263 naming forms and buttons, overview, 263 post attribute, 263 processing. See form processing. referencing form elements by name, simple form validation: alphabetic characters, checking for, addresses, checking, empty fields, checking for, overview, 319 password fields, checking, steps used to produce, 264 submitting fillout forms: with button input type, with event handlers, image, submitting form with, with JavaScript, overview, pop-up window, displaying form s content in, reset() method, submit() method, validation of. See form validation. Forms[] array, Forms object: elements[] array, , 272 forms[] array, methods, 272 name attribute, 272 overview, 268 properties, 271 <form> tag, 274 Form validation: alphabetic data, checking for, combining functions that validate each field of form, credit cards, checking for valid, addresses, checking for valid, empty fields, checking for, extraneous characters, removing, non-alphaumeric characters, removing, 456 non-digits, removing, 455 null fields, checking for, overview, 446 parentheses, removing unwanted, 454 phone numbers, checking for valid, Social Security numbers, checking for valid, spaces and dashes, removing, 453 zip codes, checking for numeric, Frame events: blur() method,

11 Index 719 focus() method, list of, 361 onblur event handler, onfocus event handler, onload event handler, onload() method, 363 onunload event handler, onunload() method, 363 overview, Frame object, Frames, 602 child frames, 232 frame object, HTML frames, creating, menu bars, collapsing, menus, creating, navigation bars, creating, overview, parent window, 232 toolbars, collapsing, top property used to keep main window out of a frame, FreewareJava, 581 Function-oriented programming style, Functions: arguments, 112 calling, debugging, declaring, defining, event, calling a function from a, <head> tag, placement within, 112 invoking, JavaScript, calling a function from, 119 link, calling a function from a, overview, 111 parameters, 114 passing arguments, recursive functions, return statement, return values, <script> tag, placement within, 112 typeof operator used to check, 112 variables in, scope of, G Get attribute, 263 GetElementById() method, GetElementByTagName() method, GET method, , Global variables, 42 Graphics. See Images and graphics. Grouping: CSS, metacharacters, H <head> tag, 112, 585, 586 Headings, Hello.html file, 15 Help with cookies, Hierarchy of DOM, History object, HTML: basics of, 7 8 <body> tag, 7, 256, 586 and case sensitivity, 17 creating a Web page with, file with link to CGI script, and forms, <form> tag, 4 frames, <head> tag, 7, hello.html file, 15 HTTP headers, 617 images, methods, overview, , <script> tag, 7, 9, 15, simple CGI script, simple HTML document, tags, 612, using the.html or.htm extensions, 15 HTML documents: case sensitivity, character formatting, 589 comments, adding, 590 frames, 602 graphics and images: background graphics, 593 bars, 597 bullets, 597 complex tag, 591 default colors, external images, 597 finding, 592 Flash 5, 597 icons, 597

12 720 Index HTML documents, graphics and images (cont.): inline image, creating, 591 sizing and placing, text alternative for, creating, 592 JavaScript, linking: creating a link, overview, 589 to URLs, 590 logical tags, 589 metatags, minimal HTML document: headings, lists, 587 overview, 586 tables, 588 tags to separate text, 587 overview, physical tags, 589 source code, 602 style sheets, tags: <body> tag, 7, 256, 586 <head> tag, 7, 585, 586 <HTML> tag, 585 order of required elements and their tags, 585 overview, 584 required elements, 585 <title> tag, 585 tips for, troubleshooting, <HTML> tag, 585.html or.htm extensions, 15 HTTP: cookies, 477 header methods, headers, 617 server, status codes and log files, I Icons, 597 Identity and comparison operators, 69 ID selector, If/else if statement, If/else statements conditional operator and, described, Image() constructor, 336 Image object: Image() constructor, 336 onclick event used to randomly display images, overview, preloading images, 336 properties, 332 randomly displaying images, rollover with mouse event, src property, replacing images dynamically with, Images and graphics: background graphics, 593 bars, 597 bullets, 597 complex tag, 591 default colors, external images, 597 finding, 592 Flash 5, 597 HTML and, icons, 597 image object: Image() constructor, 336 onclick event used to randomly display images, overview, preloading images, 336 properties, 332 randomly displaying images, rollover with mouse event, src property, replacing images dynamically with, inline image, creating, 591 JavaScript and, mouse events, overview, properties, sizing and placing, submitting form with, text alternative for, creating, 592 IndexOf() method, Inheritance, Initializing variables, Inline image, 591 Inline style sheet, Input devices for forms, programming checkboxes, checkbox object,

13 Index 721 drop-down menus, overview, 294 password object, radio buttons, radio object, select object, textarea object, text object, Input types for forms, , Instance properties, Internet Explorer: cookies and, 478, navigator object, support for, 203 versions supported by JavaScript and JScript, 6 Invalid names for variables, 38 J JavaScript, attributes. See Attributes. debugging, testing with Explorer s debugging window, testing with Netscape s JavaScript Console, testing with the javascript: URL protocol, defined, 1 2 and events. See Events. example of Web page using, 2 external files, placing within, 13 generating HTML output, HTML compared, 3 and HTML documents: script execution, 16 where to embed within, 7 8, 15, 19 and images, Java compared, 2 JScript compared, 6 methods. See Methods. objects, support for, and old or disabled browsers: examples of a JavaScript-disabled browser, examples of a JavaScript-enabled browser, hiding from old browsers, 9 11 hiding within HTML comments, 9 11 and <noscript> tag, overview, 1 3 placement of, 7 8 script setup, standardizing using ECMAScript, 7 strings, 21 submitting fillout forms, syntactical details, case sensitivity, 17 comments, 19 free form and reserved words, statements and semicolons, 18 whitespace, 17 URLs, 340 uses for, 3 versions of, 6 7, 20 Javascript: URL protocol, JavaScript Central on Netscape s devedge site, 581 JavaScript Console (Netscape), JavaScript Planet, 581 JScript, 6 K Key events: onkeydown event, onkeypress event, onkeyup event, overview, L Labels, 98, 108 9, LastIndexOf() method, Layers: positioning elements and layers: absolute positioning, bottom attribute, <div> tag, left attribute, overview, relative positioning, right attribute, style sheets, top attribute, z-index, Left attribute, Left shift (<<) operator, 81 Length of characters, credit card validation and checking, Length property: array objects, 157 String object,

14 722 Index Link events, Links: <a href> tag, 340 anchors object, calling a function from, creating a link, embeds object, JavaScript URLs, 340 links object, overview, 340, 589 to URLs, 590 Links object, Literal notation, LiveScript. See JavaScript. Load-time errors, 24 Local variables, 42 Location object: methods, 245 new page into frame, loading, overview, 244 properties, 244 reload() method, 245 replace() method, 245 URL of document currently loaded in window, accessing, Log files: access logs and status codes, error logs and STDERR, Logical AND && operator, Logical errors, 24 Logical NOT! operator, Logical operators: logical AND && operator, logical NOT! operator, logical OR // operator, overview, Logical OR // operator, Logical tags, 589 Loops: break statement, 101, continue statement, 101, control statements, do/while loop, for loop, for/in loop, 105 labels, nested loops, overview, 101 while loop, Loosely typed language, JavaScript as, Lunh formula and credit card validation, M Mail::Mailer Perl module, Mailto: protocol, Margin properties, Match() method, Math object: ceil() method, 175 floor() method, 175, 176 methods, 173 overview, 172 Pi, 174 power of a number, 174 properties, random() method, 176 random number generation, rounding up and down, round() method, 175 square root, 174 Measurement, units of, Menu bars, collapsing, Menus, creating, Metacharacters: alternation, anchors, capturing, character class, clustering, dot metacharacter, grouping, list of, metasymbols, overview, pattern matches, metacharacters to repeat, quantifiers, 426 remembering, zero-width assertions, Metasymbols, Metatags, Method attribute, 263 Methods, , array objects, blur() method, carpout method, ceil() method, 175 CGI.pm module,

15 Index 723 charat() method, checkbox() method, concat() method, 159 Date object, defaults() method, 692 defined for an object, document object, extraction of substrings from a string, methods for, fatalstobrowser method, floor() method, 175, 176 focus() method, forms object, 272 getelementbyid() method, getelementbytagname() method, HTML methods, HTTP header methods, indexof() method, lastindexof() method, location object, 245 Math object, 173 Number object, 191 onload() method, 363 onunload() method, 363 open() method, password object, 299 pop() method, 160 popup_menu() method, , push() method, 161 radio_group() method, random() method, 176 reload() method, 245 replace() method, , 245 reset() method, 692 round() method, 175 scrollto() method, search and replace methods, search() method, setinterval() method, settimeout() method, shift() method, 162 slice() method, splice() method, , 187 split() method, string manipulation methods, 184 String object, submit() method, 692 substring() method, 187 substr() method, textarea object, 302 textfield() method, text object, 295 tofixed() method, unshift() method, 162 window object, write(), writein(), Microsoft Script Debugger (MSSD), 29 MIME types, Minimal HTML document: headings, lists, 587 overview, 586 tables, 588 tags to separate text, 587 Mouse events: and images, list of, 368 onmouseout event handler, onmouseover event handler, overview, rollovers, slide show creation, using, Multidimensional arrays, 151 Multiple selects, Murray, Joan, 603 N Name attribute, 272, 480 Name of browser, 205 Naming forms and buttons, Navigation bars, creating, Navigator object, browser sniffer, 205 browser support for, 203 Internet Explorer support for, 203 name of browser, 205 Netscape Navigator support for, 203 plug-in object, plug-ins, detecting, properties, version of browser, 205 Nested loops, Netscape Navigator: cookies and, , navigator object, support for, 203 and <noscript> tags, 11 12

16 724 Index Netscape Navigator (cont.): plug-ins, detecting, versions supported by JavaScript and JScript, 6 New constructor used to declare array objects, New operator, 131 New page into frame, loading, Newline (\n), 33 NodeName property, Nodes, 254 DOM: child nodes, 544 element properties, 547 methods, nodename property, nodetype property, overview, parent nodes, 544 properties, scrolling with, siblings, 543 NodeType property, Non-alphaumeric characters, removing, 456 Non-digits, removing, 455 Null, 36 Null fields, checking for, Null string, 32 Number object: constants, conversion of numbers, formatting numbers, methods, 191 overview, properties, 190 tofixed() method, Numbers, comparing, Numeric literals, O Object() constructor, Object literals, Object models, 128 Object-oriented programming style, Objects: attributes, 127 constructor used to create, dot (.) syntax, 128 for/in loop, JavaScript support for, manipulation of: for/in loop, prototypes used to extend objects, with keyword, methods defined for, , methods defined in constructor, object models, 128 overview, properties, 127, , prototypes used to extend objects, user-defined objects: creating, 133 methods defined for an object, new operator, 131 Object() constructor, object literals, user-defined function used to create, 133 with keyword, OnBlur event, OnBlur event handler: frame events, window events, OnChange event handler, OnClick event: form events, forms, , used to randomly display images, OnFocus event, OnFocus event handler, OnKeyDown event, OnKeyPress event, OnKeyUp event, OnLoad event handler, Onload() method, 363 OnMouseOut event handler, OnMouseOver event handler, OnReset event, OnSubmit event, , OnUnLoad event handler, Onunload() method, 363 Opening windows, Open() method, Operands, 55 Operators: arithmetic operators, assignment operator (=), 56 associativity rules for, autodecrement ( ) operator, autoincrement (++) operator, 63 65

17 Index 725 bitwise operators, comparison operators, concatenation operator, conditional operator, logical operators, overview, 55 precedence rules for, shortcut assignment operators, special operators, 91 Override argument, 692 P Parameters, 114 Parentheses, removing unwanted, 454 Parent nodes, 544 Parent window, 232 ParseFloat() method, ParseInt() method, Parsing form s input with Perl, 638 Passing arguments, Password fields, checking, Password object, Path attribute, 481 Pattern matches, metacharacters to repeat, Phone numbers, checking for valid, Physical tags, 589 Pi, 174 Placement of JavaScript, 7 8 Plug-in object, Plug-ins, detecting, plus sign (+): concatenation of variable and strings with, as numeric operator, 43 as string operator, Pop() method, 160 Popup_menu() method, , Pop-up window, displaying form s content in, Position in a string, finding, Positioning elements and layers: style sheets: absolute positioning, bottom attribute, <div> tag, left attribute, overview, relative positioning, right attribute, top attribute, z-index, Post attribute, 263 POST method, Power of a number, 174 Precedence rules, Prefix value, checking, Preloading images, 336 Primitive data types: Boolean literals, conversion methods: eval() method, parsefloat() method, parseint() method, escape sequences, null, 36 numeric literals, overview, 31 quotes, 32 string literals, typeof operator, undefined, 36 Processing input from forms, Programming styles, Prompt dialog box, Prompt() method, Properties, 127, , , , array objects, color changed with classname property, document object, forms object, 271 image object, 332 length property, 157, location object, 244 Math object, navigator object, nodename property, nodetype property, Number object, 190 password object, 299 prototype property, , 179, 181 RegExp() object, src property, replacing images dynamically with, String object, textarea object, 302 text object, 295 text positioned with style property, top property used to keep main window out of a frame,

18 726 Index Properties (cont.): visibility property drop-down menus, overview, 569 tool tips, window object, Prototype object: class and, extending, inheritance and, overview, 145 Prototype property: Date object, String object, 179, 181 Push() method, 161 Q Quantifiers, 426 Quotes, 32 R Radio buttons, Radio_group() method, Radio object: input devices for forms, programming, methods, overview, properties, 312 Randomly displaying images, Random() method, 176 Random number generation, Recursive functions, Referencing form elements by name, RegExp() object: class properties, exec() method, 401 2, instance properties, overview, properties, test() method, Regular expressions: constructor method, creating, form validation: alphabetic data, checking for, combining functions that validate each field of form, credit cards, checking for valid, addresses, checking for valid, empty fields, checking for, extraneous characters, removing, non-alphaumeric characters, removing, 456 non-digits, removing, 455 null fields, checking for, overview, 446 parentheses, removing unwanted, 454 phone numbers, checking for valid, Social Security numbers, checking for valid, spaces and dashes, removing, 453 zip codes, checking for numeric, literal notation, metacharacters: alternation, anchors, capturing, character class, clustering, dot metacharacter, grouping, list of, metasymbols, overview, pattern matches, metacharacters to repeat, quantifiers, 426 remembering, zero-width assertions, overview, RegExp() object: class properties, exec() method, 401 2, instance properties, overview, properties, test() method, search patterns, options used for modifying, 400 string methods using, String object match() method, overview, 408 replace() method, , search() method, split() method, testing, Relative positioning, Reload() method, 245

19 Index 727 Replace() method: location object, 245 String object, , , Required elements for tags, 585 Reserved words, Reset() method: CGI.pm module, 692 submitting fillout forms, Resizing a window, Return (\r), 33 Return statement, Return values, , Right attribute, Rollovers, Rollover with mouse event, Root directory, file URLs and server s, 611 Rounding numbers up and down, Round() method, 175 Runtime errors, 24 S Screen object, Script execution, 16 Script setup: generating HTML, strings, 21 writein() method, write() method, HTML document and: generally, 15 hello.html file, 15 script execution, 16 syntax issues: case sensitivity, 17 comments, 19 reserved words, <script> tag, semicolons, 18 statements, 18 whitespace, 17 <script> tag, 19 20, 112 Scrolling in windows, , ScrollTo() method, Search and replace methods, Search() method, , Search patterns, options used for modifying, 400 Secure attribute, 482 Select object: input devices for forms, programming, methods, 305 multiple selects, overview, 304 properties, Selectors, Semicolons, 18 Server: communication between server and script: environment variables, HTML file with link to CGI script, overview, cookies retrieved from, HTTP server, root directory, file URLs and server s, 611 SMTP server, SSI (Server Side Includes), SetInterval() method, SetTimeout() method, Shift() method, 162 Shockwave Flash, checking for, 208 Shortcut assignment operators, Siblings, 543 Sign-propagating right shift (>>) operator, 82 Simple CGI script, Simple HTML document, Single quotation mark (\' ), 32 Sizing and placing graphics and images, Slice() method, Slide show creation, SMTP server and form processing, Social Security numbers, checking for valid, Source code, 602 Spaces and dashes in forms, removing, 453 <span> tag, Special operators, 91 Splice() method: array objects, String object, 187 Split() method, , Square root, 174 Src property, replacing images dynamically with, SSI (Server Side Includes), Statements, 18 Stein, Lincoln, 661 String literals, String manipulation methods, 184 String object: charat() method,

20 728 Index String object (cont.): extraction of substrings from a string, methods for, HTML methods, indexof() method, lastindexof() method, length property, match() method, methods, overview, , 408 position in a string, finding, properties, prototype property, 179, 181 replace() method, , , search and replace methods, search() method, , splice() method, 187 split() method, , string manipulation methods, 184 substring() method, 187 substr() method, with keyword, 197 Strings, 21 bugs to watch out for, 44 comparing, concatenation of, 21, 34 conversion to numbers, 85 87, eval() method used to convert strings to numbers, parseint() method used to convert strings to numbers, using quotes with, 21 Style object, CSS: color changed with classname property, overview, properties, text positioned with style property, Style sheets, CSS. See CSS. overview, 495 positioning elements and layers absolute positioning, bottom attribute, <div> tag, left attribute, overview, relative positioning, right attribute, top attribute, z-index, types of, Submit() method: CGI.pm module, 692 submitting fillout forms, Submitting fillout forms: with button input type, with event handlers, image, submitting form with, with JavaScript, overview, pop-up window, displaying form content in, reset() method, submit() method, Substring() method, 187 Substr() method, Switch statement, Syntax issues: case sensitivity, 17 comments, 19 reserved words, <script> tag, semicolons, 18 statements, 18 whitespace, 17 T Tab (\t), 32 Tables, 588 Tags: <BODY> tag, 586 <HEAD> tag, 585, 586 HTML, 612, <HTML> tag, 585 order of required elements and their tags, 585 overview, 584 required elements, 585 to separate text, 587 <TITLE> tag, 585 Test() method, Text alignment properties, Text alternative for graphics and images, creating, 592 Textarea object, Textfield() method, Text object,

21 Index 729 Text positioned with style property, This keyword, , Timed events, creating, <TITLE> tag, 585 ToFixed() method, Toolbars, collapsing, Tool tips, Top attribute, Top property used to keep main window out of a frame, Troubleshooting, Turning off cookies, 478 Type attribute, Typeof operator, 35 36, 112 U Unescape() function, Unshift() method, 162 URLs, , User-defined function, 133 User-defined objects: creating, 133 methods defined for an object, new operator, 131 Object() constructor, object literals, user-defined function used to create, 133 \uxxxx escape sequence, 33 V Validation of forms: alphabetic characters, checking for, addresses, checking, empty fields, checking for, overview, 319 password fields, checking, Valid names for variables, Valid type of credit card, checking for, Variables: bugs to watch out for, 44 concatenation and, conversion to data types, declaring, global variables, 42 initializing, invalid names for, 38 local variables, 42 loosely typed language, JavaScript as, overview, 37 scope of, 42, valid names for, Version of browser, 205 Versions of JScript, 6 Visibility, setting, Visibility property: drop-down menus, overview, 569 tool tips, W W3C and DOM, 253 Web resources, 581 While loop, Whitespace, 17 Window events: blur() method, focus() method, list of, 361 onblur event handler, onfocus event handler, onload event handler, onload() method, 363 onunload event handler, onunload() method, 363 overview, Window object: history object, methods, opening windows, open() method, overview, 214 properties, resizing a window, screen object, scrolling in windows, scrollto() method, setinterval() method, settimeout() method, timed events, creating, With keyword, 197 World Wide Web Consortium, 253 Wrapper objects: Boolean object, Function object, Number object, overview, 177 String object,

22 730 Index WriteIn() method, Write() method, 21 23, X \XXX escape sequence, 33 \xxx escape sequence, 33 Z Zero-fill right shift (>>>>) operator, 82 Zero-width assertions, Z-index: described, and dynamic positioning, Zip codes, checking for numeric,

Such JavaScript Very Wow

Such JavaScript Very Wow Such JavaScript Very Wow Lecture 9 CGS 3066 Fall 2016 October 20, 2016 JavaScript Numbers JavaScript numbers can be written with, or without decimals. Extra large or extra small numbers can be written

More information

Introduction to JavaScript p. 1 JavaScript Myths p. 2 Versions of JavaScript p. 2 Client-Side JavaScript p. 3 JavaScript in Other Contexts p.

Introduction to JavaScript p. 1 JavaScript Myths p. 2 Versions of JavaScript p. 2 Client-Side JavaScript p. 3 JavaScript in Other Contexts p. Preface p. xiii Introduction to JavaScript p. 1 JavaScript Myths p. 2 Versions of JavaScript p. 2 Client-Side JavaScript p. 3 JavaScript in Other Contexts p. 5 Client-Side JavaScript: Executable Content

More information

JavaScript Specialist v2.0 Exam 1D0-735

JavaScript Specialist v2.0 Exam 1D0-735 JavaScript Specialist v2.0 Exam 1D0-735 Domain 1: Essential JavaScript Principles and Practices 1.1: Identify characteristics of JavaScript and common programming practices. 1.1.1: List key JavaScript

More information

E ECMAScript, 21 elements collection, HTML, 30 31, 31. Index 161

E ECMAScript, 21 elements collection, HTML, 30 31, 31. Index 161 A element, 108 accessing objects within HTML, using JavaScript, 27 28, 28 activatediv()/deactivatediv(), 114 115, 115 ActiveXObject, AJAX and, 132, 140 adding information to page dynamically, 30, 30,

More information

LECTURE-2. Functions review HTML Forms. Arrays Exceptions Events. CS3101: Scripting Languages: Javascript Ramana Isukapalli

LECTURE-2. Functions review HTML Forms. Arrays Exceptions Events. CS3101: Scripting Languages: Javascript Ramana Isukapalli LECTURE-2 Functions review HTML Forms Arrays Exceptions Events 1 JAVASCRIPT FUNCTIONS, REVIEW Syntax function (params) { // code Note: Parameters do NOT have variable type. 1. Recall: Function

More information

CERTIFICATE IN WEB PROGRAMMING

CERTIFICATE IN WEB PROGRAMMING COURSE DURATION: 6 MONTHS CONTENTS : CERTIFICATE IN WEB PROGRAMMING 1. PROGRAMMING IN C and C++ Language 2. HTML/CSS and JavaScript 3. PHP and MySQL 4. Project on Development of Web Application 1. PROGRAMMING

More information

JavaScript CS 4640 Programming Languages for Web Applications

JavaScript CS 4640 Programming Languages for Web Applications JavaScript CS 4640 Programming Languages for Web Applications 1 How HTML, CSS, and JS Fit Together {css} javascript() Content layer The HTML gives the page structure and adds semantics Presentation

More information

This course is designed for web developers that want to learn HTML5, CSS3, JavaScript and jquery.

This course is designed for web developers that want to learn HTML5, CSS3, JavaScript and jquery. HTML5/CSS3/JavaScript Programming Course Summary Description This class is designed for students that have experience with basic HTML concepts that wish to learn about HTML Version 5, Cascading Style Sheets

More information

JavaScript CS 4640 Programming Languages for Web Applications

JavaScript CS 4640 Programming Languages for Web Applications JavaScript CS 4640 Programming Languages for Web Applications 1 How HTML, CSS, and JS Fit Together {css} javascript() Content layer The HTML gives the page structure and adds semantics Presentation

More information

New Perspectives on Creating Web Pages with HTML. Tutorial Objectives

New Perspectives on Creating Web Pages with HTML. Tutorial Objectives New Perspectives on Creating Web Pages with HTML Tutorial 9: Working with JavaScript Objects and Events 1 Tutorial Objectives Learn about form validation Study the object-based nature of the JavaScript

More information

Fundamentals of Website Development

Fundamentals of Website Development Fundamentals of Website Development CSC 2320, Fall 2015 The Department of Computer Science Events handler Element with attribute onclick. Onclick with call function Function defined in your script or library.

More information

CSC Web Programming. Introduction to JavaScript

CSC Web Programming. Introduction to JavaScript CSC 242 - Web Programming Introduction to JavaScript JavaScript JavaScript is a client-side scripting language the code is executed by the web browser JavaScript is an embedded language it relies on its

More information

Client-Side Web Technologies. JavaScript Part I

Client-Side Web Technologies. JavaScript Part I Client-Side Web Technologies JavaScript Part I JavaScript First appeared in 1996 in Netscape Navigator Main purpose was to handle input validation that was currently being done server-side Now a powerful

More information

5. JavaScript Basics

5. JavaScript Basics CHAPTER 5: JavaScript Basics 88 5. JavaScript Basics 5.1 An Introduction to JavaScript A Programming language for creating active user interface on Web pages JavaScript script is added in an HTML page,

More information

JavaScript. History. Adding JavaScript to a page. CS144: Web Applications

JavaScript. History. Adding JavaScript to a page. CS144: Web Applications JavaScript Started as a simple script in a Web page that is interpreted and run by the browser Supported by most modern browsers Allows dynamic update of a web page More generally, allows running an arbitrary

More information

LECTURE-3. Exceptions JS Events. CS3101: Programming Languages: Javascript Ramana Isukapalli

LECTURE-3. Exceptions JS Events. CS3101: Programming Languages: Javascript Ramana Isukapalli LECTURE-3 Exceptions JS Events 1 EXCEPTIONS Syntax and usage Similar to Java/C++ exception handling try { // your code here catch (excptn) { // handle error // optional throw 2 EXCEPTIONS EXAMPLE

More information

Creating Web Pages with HTML-Level III Tutorials HTML 6.01

Creating Web Pages with HTML-Level III Tutorials HTML 6.01 Creating Web Pages with HTML-Levell Tutorials HTML 1.01 Tutorial 1 Developing a Basic Web Page Create a Web Page for Stephen DuM's Chemistry Classes Tutorial 2 Adding Hypertext Links to a Web Page Developing

More information

INDEX SYMBOLS See also

INDEX SYMBOLS See also INDEX SYMBOLS @ characters, PHP methods, 125 $ SERVER global array variable, 187 $() function, 176 $F() function, 176-177 elements, Rico, 184, 187 elements, 102 containers,

More information

CISH-6510 Web Application Design and Development. Overview of JavaScript. Overview

CISH-6510 Web Application Design and Development. Overview of JavaScript. Overview CISH-6510 Web Application Design and Development Overview of JavaScript Overview What is JavaScript? History Uses of JavaScript Location of Code Simple Alert Example Events Events Example Color Example

More information

8/19/2018. Web Development & Design Foundations with HTML5. Learning Objectives (1 of 2) Learning Objectives (2 of 2) What is JavaScript?

8/19/2018. Web Development & Design Foundations with HTML5. Learning Objectives (1 of 2) Learning Objectives (2 of 2) What is JavaScript? Web Development & Design Foundations with HTML5 Ninth Edition Chapter 14 A Brief Look at JavaScript and jquery Slides in this presentation contain hyperlinks. JAWS users should be able to get a list of

More information

JavaScript. History. Adding JavaScript to a page. CS144: Web Applications

JavaScript. History. Adding JavaScript to a page. CS144: Web Applications JavaScript Started as a simple script in a Web page that is interpreted and run by the browser Supported by most modern browsers Allows dynamic update of a web page More generally, allows running an arbitrary

More information

JavaScript and XHTML. Prof. D. Krupesha, PESIT, Bangalore

JavaScript and XHTML. Prof. D. Krupesha, PESIT, Bangalore JavaScript and XHTML Prof. D. Krupesha, PESIT, Bangalore Why is JavaScript Important? It is simple and lots of scripts available in public domain and easy to use. It is used for client-side scripting.

More information

Princeton University COS 333: Advanced Programming Techniques A Subset of JavaScript

Princeton University COS 333: Advanced Programming Techniques A Subset of JavaScript Princeton University COS 333: Advanced Programming Techniques A Subset of JavaScript Program Structure function sqr(i) var result; // Otherwise result would be global. result = i * i; //

More information

COPYRIGHTED MATERIAL. Contents. Chapter 1: Creating Structured Documents 1

COPYRIGHTED MATERIAL. Contents. Chapter 1: Creating Structured Documents 1 59313ftoc.qxd:WroxPro 3/22/08 2:31 PM Page xi Introduction xxiii Chapter 1: Creating Structured Documents 1 A Web of Structured Documents 1 Introducing XHTML 2 Core Elements and Attributes 9 The

More information

JavaScript & DHTML Cookbool(

JavaScript & DHTML Cookbool( SECOND EDITION JavaScript & DHTML Cookbool( Danny Goodman O'REILLY Beijing Cambridge Farnham Köln Paris Sebastopol Taipei Tokyo Table of Contents Preface xiii 1. Strings 1 1.1 Concatenating (Joining) Strings

More information

The figure below shows the Dreamweaver Interface.

The figure below shows the Dreamweaver Interface. Dreamweaver Interface Dreamweaver Interface In this section you will learn about the interface of Dreamweaver. You will also learn about the various panels and properties of Dreamweaver. The Macromedia

More information

Web Site Development with HTML/JavaScrip

Web Site Development with HTML/JavaScrip Hands-On Web Site Development with HTML/JavaScrip Course Description This Hands-On Web programming course provides a thorough introduction to implementing a full-featured Web site on the Internet or corporate

More information

ABOUT WEB TECHNOLOGY COURSE SCOPE:

ABOUT WEB TECHNOLOGY COURSE SCOPE: ABOUT WEB TECHNOLOGY COURSE SCOPE: The booming IT business across the globe, the web has become one in every of the foremost necessary suggests that of communication nowadays and websites are the lifelines

More information

Setting Up a Development Server What Is a WAMP, MAMP, or LAMP? Installing a WAMP on Windows Testing the InstallationAlternative WAMPs Installing a

Setting Up a Development Server What Is a WAMP, MAMP, or LAMP? Installing a WAMP on Windows Testing the InstallationAlternative WAMPs Installing a Setting Up a Development Server What Is a WAMP, MAMP, or LAMP? Installing a WAMP on Windows Testing the InstallationAlternative WAMPs Installing a LAMP on Linux Working Remotely Introduction to web programming

More information

Lecture 3: The Basics of JavaScript. Background. Needs for Programming Capability. Origin of JavaScript. Using Client-side JavaScript

Lecture 3: The Basics of JavaScript. Background. Needs for Programming Capability. Origin of JavaScript. Using Client-side JavaScript Lecture 3: The Basics of JavaScript Wendy Liu CSC309F Fall 2007 Background Origin and facts 1 2 Needs for Programming Capability XHTML and CSS allows the browser to passively display static content How

More information

COMS 469: Interactive Media II

COMS 469: Interactive Media II COMS 469: Interactive Media II Agenda Review Ch. 5: JavaScript An Object-Based Language Ch. 6: Programming the Browser Review Data Types & Variables Data Types Numeric String Boolean Variables Declaring

More information

UI Course HTML: (Html, CSS, JavaScript, JQuery, Bootstrap, AngularJS) Introduction. The World Wide Web (WWW) and history of HTML

UI Course HTML: (Html, CSS, JavaScript, JQuery, Bootstrap, AngularJS) Introduction. The World Wide Web (WWW) and history of HTML UI Course (Html, CSS, JavaScript, JQuery, Bootstrap, AngularJS) HTML: Introduction The World Wide Web (WWW) and history of HTML Hypertext and Hypertext Markup Language Why HTML Prerequisites Objective

More information

Princeton University COS 333: Advanced Programming Techniques A Subset of JavaScript

Princeton University COS 333: Advanced Programming Techniques A Subset of JavaScript Princeton University COS 333: Advanced Programming Techniques A Subset of JavaScript Program Structure function sqr(i) var result; // Otherwise result would be global. result = i * i; //

More information

Javascript Hierarchy Objects Object Properties Methods Event Handlers. onload onunload onblur onfocus

Javascript Hierarchy Objects Object Properties Methods Event Handlers. onload onunload onblur onfocus Javascript Hierarchy Objects Object Properties Methods Event Handlers Window Frame Location History defaultstatus frames opener parent scroll self status top window defaultstatus frames opener parent scroll

More information

Varargs Training & Software Development Centre Private Limited, Module: HTML5, CSS3 & JavaScript

Varargs Training & Software Development Centre Private Limited, Module: HTML5, CSS3 & JavaScript PHP Curriculum Module: HTML5, CSS3 & JavaScript Introduction to the Web o Explain the evolution of HTML o Explain the page structure used by HTML o List the drawbacks in HTML 4 and XHTML o List the new

More information

By the end of this section of the practical, the students should be able to:

By the end of this section of the practical, the students should be able to: By the end of this section of the practical, the students should be able to: Write JavaScript to generate HTML Create simple scripts which include input and output statements, arithmetic, relational and

More information

Skyway Builder Web Control Guide

Skyway Builder Web Control Guide Skyway Builder Web Control Guide 6.3.0.0-07/21/2009 Skyway Software Skyway Builder Web Control Guide: 6.3.0.0-07/21/2009 Skyway Software Published Copyright 2009 Skyway Software Abstract TBD Table of

More information

Web Designing Course

Web Designing Course Web Designing Course Course Summary: HTML, CSS, JavaScript, jquery, Bootstrap, GIMP Tool Course Duration: Approx. 30 hrs. Pre-requisites: Familiarity with any of the coding languages like C/C++, Java etc.

More information

JAVASCRIPT BASICS. Handling Events In JavaScript. In programing, event-driven programming could be a programming

JAVASCRIPT BASICS. Handling Events In JavaScript. In programing, event-driven programming could be a programming Handling s In JavaScript In programing, event-driven programming could be a programming paradigm during which the flow of the program is set by events like user actions (mouse clicks, key presses), sensor

More information

UNIT -II. Language-History and Versions Introduction JavaScript in Perspective-

UNIT -II. Language-History and Versions Introduction JavaScript in Perspective- UNIT -II Style Sheets: CSS-Introduction to Cascading Style Sheets-Features- Core Syntax-Style Sheets and HTML Style Rle Cascading and Inheritance-Text Properties-Box Model Normal Flow Box Layout- Beyond

More information

FrontPage 2000 Tutorial -- Advanced

FrontPage 2000 Tutorial -- Advanced FrontPage 2000 Tutorial -- Advanced Shared Borders Shared Borders are parts of the web page that share content with the other pages in the web. They are located at the top, bottom, left side, or right

More information

JAVASCRIPT FOR PROGRAMMERS

JAVASCRIPT FOR PROGRAMMERS JAVASCRIPT FOR PROGRAMMERS DEITEL DEVELOPER SERIES Paul J. Deitel Deitel & Associates, Inc. Harvey M. Deitel Deitel & Associates, Inc. PRENTICE HALL Upper Saddle River, NJ Boston Indianapolis San Francisco

More information

NEW WEBMASTER HTML & CSS FOR BEGINNERS COURSE SYNOPSIS

NEW WEBMASTER HTML & CSS FOR BEGINNERS COURSE SYNOPSIS NEW WEBMASTER HTML & CSS FOR BEGINNERS COURSE SYNOPSIS LESSON 1 GETTING STARTED Before We Get Started; Pre requisites; The Notepad++ Text Editor; Download Chrome, Firefox, Opera, & Safari Browsers; The

More information

PHP / MYSQL DURATION: 2 MONTHS

PHP / MYSQL DURATION: 2 MONTHS PHP / MYSQL HTML Introduction of Web Technology History of HTML HTML Editors HTML Doctypes HTML Heads and Basics HTML Comments HTML Formatting HTML Fonts, styles HTML links and images HTML Blocks and Layout

More information

Introduction to DHTML

Introduction to DHTML Introduction to DHTML HTML is based on thinking of a web page like a printed page: a document that is rendered once and that is static once rendered. The idea behind Dynamic HTML (DHTML), however, is to

More information

Table Basics. The structure of an table

Table Basics. The structure of an table TABLE -FRAMESET Table Basics A table is a grid of rows and columns that intersect to form cells. Two different types of cells exist: Table cell that contains data, is created with the A cell that

More information

Sections and Articles

Sections and Articles Advanced PHP Framework Codeigniter Modules HTML Topics Introduction to HTML5 Laying out a Page with HTML5 Page Structure- New HTML5 Structural Tags- Page Simplification HTML5 - How We Got Here 1.The Problems

More information

Basics of JavaScript. Last Week. Needs for Programming Capability. Browser as Development Platform. Using Client-side JavaScript. Origin of JavaScript

Basics of JavaScript. Last Week. Needs for Programming Capability. Browser as Development Platform. Using Client-side JavaScript. Origin of JavaScript Basics of JavaScript History of the Web XHTML CSS Last Week Nan Niu (nn@cs.toronto.edu) CSC309 -- Fall 2008 2 Needs for Programming Capability XHTML and CSS allows the browser to passively display static

More information

DC71 INTERNET APPLICATIONS JUNE 2013

DC71 INTERNET APPLICATIONS JUNE 2013 Q 2 (a) With an example show text formatting in HTML. The bold text tag is : This will be in bold. If you want italics, use the tag, as follows: This will be in italics. Finally, for

More information

CGS 3066: Spring 2015 JavaScript Reference

CGS 3066: Spring 2015 JavaScript Reference CGS 3066: Spring 2015 JavaScript Reference Can also be used as a study guide. Only covers topics discussed in class. 1 Introduction JavaScript is a scripting language produced by Netscape for use within

More information

5. Strict mode use strict ; 6. Statement without semicolon, with semicolon 7. Keywords 8. Variables var keyword and global scope variable 9.

5. Strict mode use strict ; 6. Statement without semicolon, with semicolon 7. Keywords 8. Variables var keyword and global scope variable 9. Javascript 1) Javascript Implementation 1. The Core(ECMAScript) 2. DOM 3. BOM 2) ECMAScript describes 1. Syntax 2. Types 3. Statements 4. Keywords 5. Reserved words 6. Operators 7. Objects 3) DOM 1. Tree

More information

Introduction to Programming Using Java (98-388)

Introduction to Programming Using Java (98-388) Introduction to Programming Using Java (98-388) Understand Java fundamentals Describe the use of main in a Java application Signature of main, why it is static; how to consume an instance of your own class;

More information

Chapter 4 Basics of JavaScript

Chapter 4 Basics of JavaScript Chapter 4 Basics of JavaScript JavaScript/EcmaScript References The official EcmaScript, third edition, specification http://www.ecma-international.org/publications/files/ecma-st/ecma-262.pdf A working

More information

Chapter 1 Introduction to Dreamweaver CS3 1. About Dreamweaver CS3 Interface...4. Creating New Webpages...10

Chapter 1 Introduction to Dreamweaver CS3 1. About Dreamweaver CS3 Interface...4. Creating New Webpages...10 CONTENTS Chapter 1 Introduction to Dreamweaver CS3 1 About Dreamweaver CS3 Interface...4 Title Bar... 4 Menu Bar... 4 Insert Bar... 5 Document Toolbar... 5 Coding Toolbar... 6 Document Window... 7 Properties

More information

Hands-On Perl Scripting and CGI Programming

Hands-On Perl Scripting and CGI Programming Hands-On Course Description This hands on Perl programming course provides a thorough introduction to the Perl programming language, teaching attendees how to develop and maintain portable scripts useful

More information

Website Development with HTML5, CSS and Bootstrap

Website Development with HTML5, CSS and Bootstrap Contact Us 978.250.4983 Website Development with HTML5, CSS and Bootstrap Duration: 28 hours Prerequisites: Basic personal computer skills and basic Internet knowledge. Course Description: This hands on

More information

CHAPTER 2 MARKUP LANGUAGES: XHTML 1.0

CHAPTER 2 MARKUP LANGUAGES: XHTML 1.0 WEB TECHNOLOGIES A COMPUTER SCIENCE PERSPECTIVE CHAPTER 2 MARKUP LANGUAGES: XHTML 1.0 Modified by Ahmed Sallam Based on original slides by Jeffrey C. Jackson reserved. 0-13-185603-0 HTML HELLO WORLD! Document

More information

Pearson Education Limited Edinburgh Gate Harlow Essex CM20 2JE England and Associated Companies throughout the world

Pearson Education Limited Edinburgh Gate Harlow Essex CM20 2JE England and Associated Companies throughout the world Pearson Education Limited Edinburgh Gate Harlow Essex CM20 2JE England and Associated Companies throughout the world Visit us on the World Wide Web at: www.pearsoned.co.uk Pearson Education Limited 2014

More information

3 The Building Blocks: Data Types, Literals, and Variables

3 The Building Blocks: Data Types, Literals, and Variables chapter 3 The Building Blocks: Data Types, Literals, and Variables 3.1 Data Types A program can do many things, including calculations, sorting names, preparing phone lists, displaying images, validating

More information

Want to add cool effects like rollovers and pop-up windows?

Want to add cool effects like rollovers and pop-up windows? Chapter 10 Adding Interactivity with Behaviors In This Chapter Adding behaviors to your Web page Creating image rollovers Using the Swap Image behavior Launching a new browser window Editing your behaviors

More information

Contents. Acknowledgments

Contents. Acknowledgments Contents Acknowledgments Introduction Why Another Book About Web Application Development? How Is This Book Arranged? Intended Audience Do I Need to Start from Scratch? Choosing Development Tools Summary

More information

What Is JavaScript? A scripting language based on an object-orientated programming philosophy.

What Is JavaScript? A scripting language based on an object-orientated programming philosophy. What Is JavaScript? A scripting language based on an object-orientated programming philosophy. Each object has certain attributes. Some are like adjectives: properties. For example, an object might have

More information

1. Cascading Style Sheet and JavaScript

1. Cascading Style Sheet and JavaScript 1. Cascading Style Sheet and JavaScript Cascading Style Sheet or CSS allows you to specify styles for visual element of the website. Styles specify the appearance of particular page element on the screen.

More information

JavaScript Handling Events Page 1

JavaScript Handling Events Page 1 JavaScript Handling Events Page 1 1 2 3 4 5 6 7 8 Handling Events JavaScript JavaScript Events (Page 1) An HTML event is something interesting that happens to an HTML element Can include: Web document

More information

Creating HTML files using Notepad

Creating HTML files using Notepad Reference Materials 3.1 Creating HTML files using Notepad Inside notepad, select the file menu, and then Save As. This will allow you to set the file name, as well as the type of file. Next, select the

More information

JavaScript Introduction

JavaScript Introduction JavaScript Introduction Web Technologies I. Zsolt Tóth University of Miskolc 2016 Zsolt Tóth (UM) JavaScript Introduction 2016 1 / 31 Introduction Table of Contents 1 Introduction 2 Syntax Variables Control

More information

Mobile Site Development

Mobile Site Development Mobile Site Development HTML Basics What is HTML? Editors Elements Block Elements Attributes Make a new line using HTML Headers & Paragraphs Creating hyperlinks Using images Text Formatting Inline styling

More information

INLEDANDE WEBBPROGRAMMERING MED JAVASCRIPT INTRODUCTION TO WEB PROGRAMING USING JAVASCRIPT

INLEDANDE WEBBPROGRAMMERING MED JAVASCRIPT INTRODUCTION TO WEB PROGRAMING USING JAVASCRIPT INLEDANDE WEBBPROGRAMMERING MED JAVASCRIPT INTRODUCTION TO WEB PROGRAMING USING JAVASCRIPT ME152A L4: 1. HIGHER ORDER FUNCTIONS 2. REGULAR EXPRESSIONS 3. JAVASCRIPT - HTML 4. DOM AND EVENTS OUTLINE What

More information

COMP519 Web Programming Lecture 16: JavaScript (Part 7) Handouts

COMP519 Web Programming Lecture 16: JavaScript (Part 7) Handouts COMP519 Web Programming Lecture 16: JavaScript (Part 7) Handouts Ullrich Hustadt Department of Computer Science School of Electrical Engineering, Electronics, and Computer Science University of Liverpool

More information

WEB DESIGNING CURRICULUM

WEB DESIGNING CURRICULUM WEB DESIGNING CURRICULUM Introduction to Web Technologies Careers in Web Technologies and Job Roles How the Website Works? Client and Server Scripting Languages Difference between a Web Designer and Web

More information

JScript Reference. Contents

JScript Reference. Contents JScript Reference Contents Exploring the JScript Language JScript Example Altium Designer and Borland Delphi Run Time Libraries Server Processes JScript Source Files PRJSCR, JS and DFM files About JScript

More information

JAVASCRIPT AND JQUERY: AN INTRODUCTION (WEB PROGRAMMING, X452.1)

JAVASCRIPT AND JQUERY: AN INTRODUCTION (WEB PROGRAMMING, X452.1) Technology & Information Management Instructor: Michael Kremer, Ph.D. Class 6 Professional Program: Data Administration and Management JAVASCRIPT AND JQUERY: AN INTRODUCTION (WEB PROGRAMMING, X452.1) AGENDA

More information

PERL Scripting - Course Contents

PERL Scripting - Course Contents PERL Scripting - Course Contents Day - 1 Introduction to PERL Comments Reading from Standard Input Writing to Standard Output Scalar Variables Numbers and Strings Use of Single Quotes and Double Quotes

More information

JavaScript: The Definitive Guide

JavaScript: The Definitive Guide T "T~ :15 FLA HO H' 15 SIXTH EDITION JavaScript: The Definitive Guide David Flanagan O'REILLY Beijing Cambridge Farnham Ktiln Sebastopol Tokyo Table of Contents Preface....................................................................

More information

PHP,HTML5, CSS3, JQUERY SYLLABUS

PHP,HTML5, CSS3, JQUERY SYLLABUS PHP,HTML5, CSS3, JQUERY SYLLABUS AAvhdvchdvchdvhdh HTML HTML - Introduction HTML - Elements HTML - Tags HTML - Text HTML - Formatting HTML - Pre HTML - Attributes HTML - Font HTML - Text Links HTML - Comments

More information

HTML5. HTML5 Introduction. Form Input Types. Semantic Elements. Form Attributes. Form Elements. Month Number Range Search Tel Url Time Week

HTML5. HTML5 Introduction. Form Input Types. Semantic Elements. Form Attributes. Form Elements. Month Number Range Search Tel Url Time Week WEB DESIGNING HTML HTML - Introduction HTML - Elements HTML - Tags HTML - Text HTML - Formatting HTML - Pre HTML - Attributes HTML - Font HTML - Text Links HTML - Comments HTML - Lists HTML - Images HTML

More information

Dreamweaver Basics. Planning your website Organize site structure Plan site design & navigation Gather your assets

Dreamweaver Basics. Planning your website Organize site structure Plan site design & navigation Gather your assets Dreamweaver Basics Planning your website Organize site structure Plan site design & navigation Gather your assets Creating your website Dreamweaver workspace Define a site Create a web page Linking Manually

More information

HTML User Interface Controls. Interactive HTML user interfaces. Document Object Model (DOM)

HTML User Interface Controls. Interactive HTML user interfaces. Document Object Model (DOM) Page 1 HTML User Interface Controls CSE 190 M (Web Programming), Spring 2007 University of Washington Reading: Sebesta Ch. 5 sections 5.1-5.7.2, Ch. 2 sections 2.9-2.9.4 Interactive HTML user interfaces

More information

Working with JavaScript

Working with JavaScript Working with JavaScript Creating a Programmable Web Page for North Pole Novelties 1 Objectives Introducing JavaScript Inserting JavaScript into a Web Page File Writing Output to the Web Page 2 Objectives

More information

1. Introduction. 2. Scalar Data

1. Introduction. 2. Scalar Data 1. Introduction What Does Perl Stand For? Why Did Larry Create Perl? Why Didn t Larry Just Use Some Other Language? Is Perl Easy or Hard? How Did Perl Get to Be So Popular? What s Happening with Perl Now?

More information

JavaScript By: A. Mousavi & P. Broomhead SERG, School of Engineering Design, Brunel University, UK

JavaScript By: A. Mousavi & P. Broomhead SERG, School of Engineering Design, Brunel University, UK Programming for Digital Media EE1707 JavaScript By: A. Mousavi & P. Broomhead SERG, School of Engineering Design, Brunel University, UK 1 References and Sources 1. Javascript & JQuery: interactive front-end

More information

Introduction to using HTML to design webpages

Introduction to using HTML to design webpages Introduction to using HTML to design webpages #HTML is the script that web pages are written in. It describes the content and structure of a web page so that a browser is able to interpret and render the

More information

HTML p. 1 Introduction to HTML p. 1 Getting Started p. 1 The Structure of an HTML Page p. 1 HTML Basics p. 3 The Weather Forecast Page p.

HTML p. 1 Introduction to HTML p. 1 Getting Started p. 1 The Structure of an HTML Page p. 1 HTML Basics p. 3 The Weather Forecast Page p. Preface p. xv HTML p. 1 Introduction to HTML p. 1 Getting Started p. 1 The Structure of an HTML Page p. 1 HTML Basics p. 3 The Weather Forecast Page p. 4 Heading Tags p. 5 Horizontal Rules p. 7 HTML Tags

More information

COPYRIGHTED MATERIAL. Contents. Introduction. Chapter 1: Structuring Documents for the Web 1

COPYRIGHTED MATERIAL. Contents. Introduction. Chapter 1: Structuring Documents for the Web 1 Introduction Chapter 1: Structuring Documents for the Web 1 A Web of Structured Documents 1 Introducing HTML and XHTML 2 Tags and Elements 4 Separating Heads from Bodies 5 Attributes Tell Us About Elements

More information

COMS 469: Interactive Media II

COMS 469: Interactive Media II COMS 469: Interactive Media II Agenda Review Ch. 8: Windows and Frames (pp. 263-299) Ch. 11: Storing Info: Cookies (pp. 367-389) Review HTML Forms String Manipulation Objects document.myform document.forms[0]

More information

INDEX. Note: Boldface numbers indicate illustrations 333

INDEX. Note: Boldface numbers indicate illustrations 333 A (Anchor) tag, 12 access logs, CGI programming and, 61-62 ACTION, 105 ADD, 26 Add Binding Directory Entry (ADDBNDDIRE), CGI programming and, 57 Add Library List Entry (ADDLIBLE), CGI programming and,

More information

Index LICENSED PRODUCT NOT FOR RESALE

Index LICENSED PRODUCT NOT FOR RESALE Index LICENSED PRODUCT NOT FOR RESALE A Absolute positioning, 100 102 with multi-columns, 101 Accelerometer, 263 Access data, 225 227 Adding elements, 209 211 to display, 210 Animated boxes creation using

More information

GRAPHIC WEB DESIGNER PROGRAM

GRAPHIC WEB DESIGNER PROGRAM NH128 HTML Level 1 24 Total Hours COURSE TITLE: HTML Level 1 COURSE OVERVIEW: This course introduces web designers to the nuts and bolts of HTML (HyperText Markup Language), the programming language used

More information

JavaScript Functions, Objects and Array

JavaScript Functions, Objects and Array JavaScript Functions, Objects and Array Defining a Function A definition starts with the word function. A name follows that must start with a letter or underscore, followed by any number of letters, digits,

More information

CSS The web browser uses its own resources, and eases the burden on the server. It has fewer features than server side scripting.

CSS The web browser uses its own resources, and eases the burden on the server. It has fewer features than server side scripting. What is JavaScript? HTML and CSS concentrate on a static rendering of a page; things do not change on the page over time, or because of events. To do these things, we use scripting languages, which allow

More information

A.A. 2008/09. Why introduce JavaScript. G. Cecchetti Internet Software Technologies

A.A. 2008/09. Why introduce JavaScript. G. Cecchetti Internet Software Technologies Internet t Software Technologies JavaScript part one IMCNE A.A. 2008/09 Gabriele Cecchetti Why introduce JavaScript To add dynamicity and interactivity to HTML pages 2 What s a script It s a little interpreted

More information

Photo from DOM

Photo from  DOM Photo from http://www.flickr.com/photos/emraya/2861149369/ DOM 2 DOM When a browser reads an HTML file, it must interpret the file and render it onscreen. This process is sophisticated. Fetch Parse Flow

More information

Web Development & Design Foundations with HTML5

Web Development & Design Foundations with HTML5 1 Web Development & Design Foundations with HTML5 CHAPTER 14 A BRIEF LOOK AT JAVASCRIPT Copyright Terry Felke-Morris 2 Learning Outcomes In this chapter, you will learn how to: Describe common uses of

More information

PES DEGREE COLLEGE BANGALORE SOUTH CAMPUS 1 K.M. before Electronic City, Bangalore WEB PROGRAMMING Solution Set II

PES DEGREE COLLEGE BANGALORE SOUTH CAMPUS 1 K.M. before Electronic City, Bangalore WEB PROGRAMMING Solution Set II PES DEGREE COLLEGE BANGALORE SOUTH CAMPUS 1 K.M. before Electronic City, Bangalore 560 100 WEB PROGRAMMING Solution Set II Section A 1. This function evaluates a string as javascript statement or expression

More information

Javascript. Many examples from Kyle Simpson: Scope and Closures

Javascript. Many examples from Kyle Simpson: Scope and Closures Javascript Many examples from Kyle Simpson: Scope and Closures What is JavaScript? Not related to Java (except that syntax is C/Java- like) Created by Brendan Eich at Netscape later standardized through

More information

Netscape Introduction to the JavaScript Language

Netscape Introduction to the JavaScript Language Netscape Introduction to the JavaScript Language Netscape: Introduction to the JavaScript Language Eckart Walther Netscape Communications Serving Up: JavaScript Overview Server-side JavaScript LiveConnect:

More information

Client vs Server Scripting

Client vs Server Scripting Client vs Server Scripting PHP is a server side scripting method. Why might server side scripting not be a good idea? What is a solution? We could try having the user download scripts that run on their

More information

Name Related Elements Type Default Depr. DTD Comment

Name Related Elements Type Default Depr. DTD Comment Legend: Deprecated, Loose DTD, Frameset DTD Name Related Elements Type Default Depr. DTD Comment abbr TD, TH %Text; accept-charset FORM %Charsets; accept FORM, INPUT %ContentTypes; abbreviation for header

More information

CSI 3140 WWW Structures, Techniques and Standards. Browsers and the DOM

CSI 3140 WWW Structures, Techniques and Standards. Browsers and the DOM CSI 3140 WWW Structures, Techniques and Standards Browsers and the DOM Overview The Document Object Model (DOM) is an API that allows programs to interact with HTML (or XML) documents In typical browsers,

More information

FBCA-03 April Introduction to Internet and HTML Scripting (New Course)

FBCA-03 April Introduction to Internet and HTML Scripting (New Course) Seat No. : FBCA-03 April-2007 105-Introduction to Internet and HTML Scripting (New Course) Time : 3 Hours] [Max. Marks : 70 Instructions : (1) Figures to the right indicate marks allotted to that questions.

More information