| 470,6 → 470,7 |
|---|
| </P> |
| <P> |
| Example of nonstandard <DFN>function statement</DFN>: |
| </P> |
| <CODE> |
| // Nonstandard syntax, found in GMail source code. DO NOT USE. |
| try { |
| 478,7 → 479,6 |
|---|
| /*...*/ |
| } catch(e) { _DumpException(e) } |
| </CODE> |
| </P> |
| <P> |
| Code that uses <DFN>function statement</DFN> has three known interpretations. Some |
| implementations process <ICODE>Fze</ICODE> as a <DFN>Statement</DFN>, in order. Others, including |
| 492,6 → 492,7 |
|---|
| </P> |
| <P> |
| Example of <ICODE>FunctionExpression</ICODE> (valid): |
| </P> |
| <CODE> |
| var Fze; |
| try { |
| 504,7 → 505,6 |
|---|
| // Program code |
| function aa(b,a){return b.unselectable=a} |
| </CODE> |
| </P> |
| <!-- |
| Notable examples of the misuse of the term "function statement" |
| can be seen in David Flanagan's "JavaScript: The Definitive Guide", |
| 566,6 → 566,7 |
|---|
| <P> |
| A local <ICODE>Date</ICODE> object where <ICODE>0 <= year <= 9999</ICODE> can be |
| formatted to a common ISO 8601 format <ICODE>YYYY-MM-DD</ICODE> with:- |
| </P> |
| <CODE> |
| /** Formats a Date to YYYY-MM-DD (local time), compatible with both |
| * ISO 8601 and ISO/IEC 9075-2:2003 (E) (SQL 'date' type). |
| 587,12 → 588,12 |
|---|
| <MOREINFO> |
| <URL>http://www.merlyn.demon.co.uk/js-date9.htm</URL> |
| </MOREINFO> |
| </P> |
| </CONTENT> |
| <CONTENT TITLE="How can I create a Date object from a String?" ID="parseDate"> |
| <P> |
| An Extended ISO 8601 local Date format <ICODE>YYYY-MM-DD</ICODE> can be parsed to a |
| Date with the following: |
| </P> |
| <CODE> |
| /**Parses string formatted as YYYY-MM-DD to a Date object. |
| * If the supplied string does not match the format, an |
| 615,7 → 616,6 |
|---|
| } |
| return date; |
| }</CODE> |
| </P> |
| </CONTENT> |
| </CONTENT> |
| |
| 642,7 → 642,6 |
|---|
| There are bugs in JScript 5.8 and below with certain numbers, for example |
| <ICODE>0.007.toFixed(2)</ICODE> incorrectly results <ICODE>0.00</ICODE>. |
| </P> |
| <P> |
| <CODE> |
| var numberToFixed = |
| (function() { |
| 692,7 → 691,6 |
|---|
| "numberToFixed(0.0000000006, 0) => " + numberToFixed(0.0000000006, 0) |
| ].join("\n")); |
| </CODE> |
| </P> |
| <MOREINFO> |
| <URL>http://www.merlyn.demon.co.uk/js-round.htm</URL> |
| <URL>http://msdn.microsoft.com/en-us/library/sstyff0z%28VS.85%29.aspx</URL> |
| 784,6 → 782,7 |
|---|
| <CONTENT TITLE="How do I generate a random integer from 1 to n?" ID="randomNumber" NUMID="4_22"> |
| <P> |
| <ICODE>Math.random()</ICODE> returns a value <ICODE>R</ICODE> such that <ICODE>0 <= R < 1.0</ICODE>; therefore: |
| </P> |
| <CODE> |
| // positive integer expected |
| function getRandomNumber(n) { |
| 792,7 → 791,6 |
|---|
| </CODE> |
| - gives an evenly distributed random integer in the range from |
| <ICODE>0</ICODE> to <ICODE>n - 1</ICODE> inclusive; use <ICODE>getRandomNumber(n)+1</ICODE> for <ICODE>1</ICODE> to <ICODE>n</ICODE>. |
| </P> |
| <MOREINFO> |
| <URL>http://msdn.microsoft.com/en-us/library/41336409%28VS.85%29.aspx</URL> |
| <URL>http://docs.sun.com/source/816-6408-10/math.htm</URL> |
| 813,6 → 811,7 |
|---|
| </P> |
| <P> |
| Example: |
| </P> |
| <CODE> |
| // Native built-in objects: |
| var m = Math, // Built-in Math object. |
| 823,7 → 822,6 |
|---|
| a = [], |
| e = new Error("My Message."); |
| </CODE> |
| </P> |
| See also: |
| <MOREINFO> |
| <URL>http://dmitrysoshnikov.com/ecmascript/chapter-7-2-oop-ecmascript-implementation/</URL> |
| 889,12 → 887,12 |
|---|
| this usually includes the w3c specifications as well as documentation |
| for that browser. |
| See also: |
| </P> |
| |
| <MOREINFO> |
| <URL>notes/code-guidelines/#hostObjects</URL> |
| <URL>http://peter.michaux.ca/articles/feature-detection-state-of-the-art-browser-scripting</URL> |
| </MOREINFO> |
| </P> |
| </CONTENT> |
| <CONTENT TITLE="When should I use eval?" ID="eval" NUMID="4_40"> |
| <P> |
| 908,6 → 906,7 |
|---|
| code instead of an object literal. Hence, the Grouping Operator (parentheses) |
| is used to force <ICODE>eval</ICODE> to interpret the JSON as an object literal: |
| <ICODE>eval( '({"key" : 42})' );</ICODE>. |
| </P> |
| <MOREINFO> |
| <URL>http://json.org/</URL> |
| <URL LINKTEXT="How do I access a property of an object using a string?" |
| 914,10 → 913,8 |
|---|
| >#propertyAccessAgain</URL> |
| <URL>notes/square-brackets/</URL> |
| </MOREINFO> |
| </P> |
| </CONTENT> |
| <CONTENT TITLE="How do I access a property of an object using a string?" |
| ID="propertyAccessAgain" NUMID="4_39"> |
| <CONTENT TITLE="How do I access a property of an object using a string?" ID="propertyAccessAgain" NUMID="4_39"> |
| <P> |
| There are two ways to access properties: dot notation and square bracket |
| notation. What you are looking for is the square bracket notation in |
| 924,6 → 921,7 |
|---|
| which the dot, and the identifier to its right, are replaced with a set |
| of square brackets containing a string. The value of the string matches |
| the identifier. For example:- |
| </P> |
| <CODE> |
| //dot notation |
| var bodyElement = document.body; |
| 933,7 → 931,6 |
|---|
| <MOREINFO> |
| <URL>notes/square-brackets/</URL> |
| </MOREINFO> |
| </P> |
| </CONTENT> |
| </CONTENT> |
| <CONTENT TITLE="Strings and RegExp" ID="strings"> |
| 941,6 → 938,7 |
|---|
| <P> |
| ECMAScript 5 defines <ICODE>String.prototype.trim</ICODE>. Where not supported, |
| it can be added as a function that uses a <DFN>regular expression</DFN>: |
| </P> |
| <CODE> |
| if(!String.prototype.trim) { |
| String.prototype.trim = function() { |
| 948,15 → 946,14 |
|---|
| }; |
| } |
| </CODE> |
| <P> |
| Implementations are inconsistent with <ICODE>\s</ICODE>. For example, |
| some implementations, notably JScript 5.8 and Safari 2, do not match <ICODE>\xA0</ICODE> |
| (no-break space), among others. |
| </P> |
| (no-break space), among others.</P> |
| <P> |
| A more consistent approach would be to create a character class |
| that defines the characters to trim. |
| </P> |
| <P> |
| <MOREINFO> |
| <URL>https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/RegExp</URL> |
| <URL>http://thinkweb2.com/projects/prototype/whitespace-deviations/</URL> |
| 966,13 → 963,10 |
|---|
| <URL>http://groups.google.com/group/comp.lang.javascript/browse_frm/thread/c7010139217600c3/31092c5eb99625d0?#31092c5eb99625d0</URL> |
| <URL>http://unicode.org/Public/UNIDATA/PropList.txt</URL> |
| </MOREINFO> |
| </P> |
| </CONTENT> |
| </CONTENT> |
| |
| <CONTENT TITLE="DOM and Forms" ID="domRef"> |
| |
| |
| <CONTENT TITLE="How do I get the value of a form control?" |
| ID="formControlAccess" NUMID="4_13"> |
| <P> |
| 980,39 → 974,42 |
|---|
| <ICODE>document.forms</ICODE> collection, either by its ordinal index or by name |
| (if the <ICODE>form</ICODE> has a name). A <ICODE>form</ICODE>'s controls may be similarly referenced |
| from its <ICODE>elements</ICODE> collection: |
| </P> |
| <CODE> |
| var frm = document.forms[0]; |
| var control = frm.elements["elementname"]; |
| </CODE> |
| <P> |
| Once a reference to a control is obtained, its (string) <ICODE>value</ICODE> |
| property can be read:- |
| </P> |
| <CODE> |
| var value = control.value; |
| value = +control.value; //string to number. |
| </CODE> |
| Some exceptions would be: |
| </P> |
| <P> |
| First Exception: Where the control is a <ICODE>SELECT</ICODE> element, and |
| support for older browsers, such as NN4, is required: |
| </P> |
| <CODE> |
| var value = control.options[control.selectedIndex].value; |
| </CODE> |
| <P> |
| Second Exception: Where several controls share the same name, |
| such as radio buttons. These are made available as collections |
| and require additional handling. For more information, see:- |
| </P> |
| <MOREINFO> |
| <URL>notes/form-access/</URL> |
| <URL LINKTEXT="Unsafe Names for HTML Form Controls">names/</URL> |
| </MOREINFO> |
| </P> |
| <P> |
| Third Exception: File inputs. Most current browsers do not allow |
| reading of <ICODE>type="file"</ICODE> input elements in a way that is useful. |
| </P> |
| </CONTENT> |
| <CONTENT TITLE="My element is named myselect[], how do I access it?" |
| ID="propertyAccess" NUMID="4_25"> |
| <CONTENT TITLE="My element is named myselect[], how do I access it?" ID="propertyAccess" NUMID="4_25"> |
| <P> |
| Form controls with any "illegal" characters can be accessed with |
| <ICODE>formref.elements["myselect[]"]</ICODE> - The bracket characters, |
| 1019,12 → 1016,12 |
|---|
| amongst others, are illegal in ID attributes and javascript |
| identifiers, so you should try to avoid them as browsers may |
| handle them incorrectly. |
| </P> |
| <MOREINFO> |
| <URL>http://msdn.microsoft.com/en-us/library/ms537449%28VS.85%29.aspx</URL> |
| <URL>https://developer.mozilla.org/en/DOM/form</URL> |
| <URL>notes/form-access/</URL> |
| </MOREINFO> |
| </P> |
| </CONTENT> |
| <CONTENT TITLE="Why doesn't the global variable "divId" always refer to the element with id="divId"?" |
| ID="globalPollution" NUMID="4_41"> |
| 1038,19 → 1035,20 |
|---|
| in modern browsers (including IE from version 5.0). So an |
| element with <ICODE>id="foo"</ICODE> can be referenced |
| with:- |
| </P> |
| <CODE> |
| var el = document.getElementById("foo"); |
| </CODE> |
| <P> |
| Note: make sure not to use the same <ICODE>id</ICODE> twice in the same document |
| and do not give an element a <ICODE>name</ICODE> that matches an <ICODE>id</ICODE> |
| of another in the same document or it will trigger bugs in MSIE <= 7 with |
| <ICODE>document.getElementsByName</ICODE> and <ICODE>document.getElementById</ICODE>. |
| </P> |
| <MOREINFO> |
| <URL>https://developer.mozilla.org/en/Using_Web_Standards_in_your_Web_Pages/Using_the_W3C_DOM#Accessing_Elements_with_the_W3C_DOM |
| </URL> |
| <URL>https://developer.mozilla.org/en/Using_Web_Standards_in_your_Web_Pages/Using_the_W3C_DOM#Accessing_Elements_with_the_W3C_DOM</URL> |
| <URL>faq_notes/faq_notes.html#FAQN4_41</URL> |
| </MOREINFO> |
| </P> |
| </CONTENT> |
| <CONTENT TITLE="How do I modify the content of the current page?" |
| ID="updateContent" NUMID="4_15"> |
| 1058,10 → 1056,12 |
|---|
| Using the non-standard but widely implemented |
| <ICODE>innerHTML</ICODE> property: |
| <ICODE><div id="anID">Some Content</div></ICODE> with script: |
| </P> |
| <CODE> |
| document.getElementById("anID").innerHTML = |
| "Some <em>new</em> Content"; |
| </CODE> |
| <P> |
| Where <ICODE>"anID"</ICODE> is the (unique on the HTML page) |
| <ICODE>id</ICODE> attribute value of the element to modify. |
| </P> |
| 1070,8 → 1070,7 |
|---|
| </P> |
| <LIST TYPE="UL"> |
| <LI>Fails with FRAMESET, HEAD, HTML, STYLE, SELECT, |
| OBJECT, and all TABLE-related elements. |
| </LI> |
| OBJECT, and all TABLE-related elements.</LI> |
| <LI>Replaces consecutive whitespace characters with a single space.</LI> |
| <LI>Changes attribute values and order of appearance.</LI> |
| <LI>Removes quotations around attribute values.</LI> |
| 1079,10 → 1078,10 |
|---|
| <P> |
| If the new content is only text and does not need to replace existing HTML, |
| it is more efficient to modify the <ICODE>data</ICODE> property of a text node. |
| </P> |
| <CODE> |
| document.getElementById("anID").firstChild.data = "Some new Text"; |
| </CODE> |
| </P> |
| <P> |
| Compatibility Note: Implementations have been known to split long text |
| content among several adjacent text nodes, so replacing the data of the |
| 1092,6 → 1091,7 |
|---|
| <P> |
| Note: Make sure the element exists in the document (has been parsed) before trying to |
| reference it. |
| </P> |
| <MOREINFO> |
| <URL>http://www.w3.org/TR/DOM-Level-2-Core/core.html#ID-FF21A306</URL> |
| <URL>http://msdn.microsoft.com/en-us/library/cc304097%28VS.85%29.aspx</URL> |
| 1100,8 → 1100,8 |
|---|
| <URL>http://developer.mozilla.org/en/docs/DOM:element.innerHTML</URL> |
| <URL>http://www.whatwg.org/specs/web-apps/current-work/multipage/the-end.html#html-fragment-serialization-algorithm</URL> (draft) |
| </MOREINFO> |
| </P> |
| </CONTENT> |
| |
| <CONTENT TITLE="Why does my code fail to access an element?" ID="accessElementBeforeDefined"> |
| <P> |
| An element can only be accessed after it exists in the document. |
| 1113,6 → 1113,7 |
|---|
| </P> |
| <P> |
| Example A: |
| </P> |
| <CODE> |
| <div id="snurgle">here</div> |
| <script type="text/javascript"> |
| 1121,10 → 1122,9 |
|---|
| window.alert(snurgleEl.parentNode); |
| </script> |
| </CODE> |
| </P> |
| |
| <P> |
| Example B: |
| </P> |
| <CODE> |
| // In the HEAD. |
| <script type="text/javascript"> |
| 1133,7 → 1133,7 |
|---|
| }; |
| </script> |
| </CODE> |
| </P> |
| |
| <LIST TYPE="UL" TITLE="Other problems can include:"> |
| <LI>invalid HTML</LI> |
| <LI>two elements with the same <ICODE>name</ICODE> or <ICODE>id</ICODE></LI> |
| 1144,6 → 1144,7 |
|---|
| ID="testCookie" NUMID="4_4"> |
| <P> |
| Write a cookie and read it back and check if it's the same. |
| </P> |
| <MOREINFO> |
| Additional Notes: |
| <URL>http://www.ietf.org/rfc/rfc2965.txt</URL> |
| 1150,7 → 1151,6 |
|---|
| <URL>http://www.galasoft-lb.ch/myjavascript/consulting/2001012701/</URL> |
| <URL>http://www.cookiecentral.com/</URL> |
| </MOREINFO> |
| </P> |
| </CONTENT> |
| </CONTENT> |
| |
| 1164,11 → 1164,11 |
|---|
| You can't. The browser's history cannot be modified. However, you |
| can use <ICODE>self.location.replace(url);</ICODE> in some browsers to replace |
| the current page in the history. |
| </P> |
| <MOREINFO> |
| <URL>http://msdn.microsoft.com/en-us/library/ms536712%28VS.85%29.aspx</URL> |
| <URL>http://docs.sun.com/source/816-6408-10/location.htm#1194240</URL> |
| </MOREINFO> |
| </P> |
| </CONTENT> |
| <CONTENT TITLE="How do I access a frame's content?" |
| ID="frameRef" NUMID="4_8"> |
| 1181,19 → 1181,18 |
|---|
| </P> |
| <P> |
| Example: |
| </P> |
| <CODE> |
| var fwin; |
| fwin = self.frames[0]; // or: |
| fwin = self.frames["iframeName"]; |
| </CODE> |
| </P> |
| <P>or, from the <ICODE>IFRAME</ICODE> or <ICODE>FRAME</ICODE> element: |
| <P>or, from the <ICODE>IFRAME</ICODE> or <ICODE>FRAME</ICODE> element:</P> |
| <CODE> |
| var iframeEl = document.getElementById("myFrame"); |
| var fwin = iframeEl.contentWindow; // Nonstandard, but widely supported. |
| var fdoc = iframeEl.contentDocument; // DOM2 HTML Standard. |
| </CODE> |
| </P> |
| <P> |
| A global identifier <ICODE>moomin</ICODE> in the the iframe's <DFN>content window</DFN> |
| is accessed as <ICODE>fwin.moomin</ICODE>. |
| 1215,6 → 1214,7 |
|---|
| property using <ICODE>setInterval(checkWinName, 100);</ICODE> where <ICODE>checkWinName</ICODE> |
| is a function that polls to check the value of |
| <ICODE>self.name</ICODE>. |
| </P> |
| <MOREINFO> |
| <URL>http://en.wikipedia.org/wiki/Same_origin_policy</URL> |
| <URL>http://www-archive.mozilla.org/docs/dom/domref/dom_frame_ref5.html</URL> |
| 1221,7 → 1221,6 |
|---|
| <URL>https://developer.mozilla.org/en/DOM/window.postMessage</URL> |
| <URL>http://msdn.microsoft.com/en-us/library/cc197015(VS.85).aspx</URL> |
| </MOREINFO> |
| </P> |
| |
| </CONTENT> |
| <CONTENT TITLE="How do I find the size of the window?" ID="getWindowSize" |
| 1233,6 → 1232,7 |
|---|
| </P> |
| <P> |
| We can consider various properties: |
| </P> |
| <CODE> |
| window.innerWidth |
| document.clientWidth |
| 1239,7 → 1239,7 |
|---|
| document.documentElement.clientWidth |
| document.body.clientWidth |
| </CODE> |
| |
| <P> |
| Of the browsers that have an <ICODE>innerWidth</ICODE> property, most |
| include scrollbar dimensions. Some versions of KHTML browsers |
| (including Safari 2) do <EM>not</EM> include scrollbar width. |
| 1248,8 → 1248,8 |
|---|
| <P> |
| The <ICODE>window.inner*</ICODE> properties are unreliable and not |
| useful here. We don't want scrollbar dimensions included. |
| </P> |
| <CODE> document.clientWidth</CODE> |
| </P> |
| <P> |
| Certain versions of KHTML, including Safari 2, have |
| <ICODE>document.clientHeight</ICODE> and <ICODE>document.clientWidth</ICODE> |
| 1256,10 → 1256,12 |
|---|
| properties. Where supported, these rare properties accurately |
| return the height and width of the viewport, without including |
| scrollbar dimensions. |
| </P> |
| <CODE> |
| document.documentElement.clientWidth |
| document.body.clientWidth |
| </CODE> |
| <P> |
| MSHTML (Trident), Firefox (Gecko), Opera (Presto), and Safari |
| (Webkit) all support <ICODE>clientHeight</ICODE> on <ICODE>document.body</ICODE> |
| and <ICODE>document.documentElement</ICODE>. The difficulty is figuring out |
| 1273,16 → 1275,15 |
|---|
| the browser, its version, and the rendering mode of the document. |
| In quirks mode, we'll mostly want to use <ICODE>body.clientHeight</ICODE> |
| (except for in Safari 2). |
| |
| </P> |
| <CODE> document.body.clientHeight</CODE> |
| |
| <P> |
| Some environments will return the viewport height. Others will |
| return <ICODE>0</ICODE>. Yet others will return the <ICODE>clientHeight</ICODE> of |
| the <ICODE>BODY</ICODE> element. |
| the <ICODE>BODY</ICODE> element.</P> |
| |
| <CODE> document.documentElement.clientHeight</CODE> |
| |
| This is the more "standard" property for getting the height of |
| <P>This is the more "standard" property for getting the height of |
| the viewport. It usually "works" in modern browsers in |
| <DFN>standards mode</DFN>. Notable exceptions include Safari 2 and |
| Opera <= 9.25, both of which return the <ICODE>clientHeight</ICODE> |
| 1319,7 → 1320,7 |
|---|
| don't return the viewport dimensions from |
| <ICODE>document.body.clientHeight</ICODE> or |
| <ICODE>document.documentElement.clientHeight</ICODE>, this should be the |
| very first condition: |
| very first condition:</P> |
| |
| <CODE> |
| // Safari 2 uses document.clientWidth (default). |
| 1328,7 → 1329,7 |
|---|
| } |
| </CODE> |
| |
| The next strategy is to determine if |
| <P>The next strategy is to determine if |
| <ICODE>document.documentElement.clientHeight</ICODE> property is unreliable. |
| It is deemed "unreliable" when it is either <ICODE>0</ICODE> or taller |
| than the viewport. |
| 1336,7 → 1337,7 |
|---|
| <P> |
| Determining if <ICODE>documentElement.clientHeight</ICODE> is <ICODE>0</ICODE> is easy. |
| The result is stored in a variable <ICODE>IS_BODY_ACTING_ROOT</ICODE>. |
| |
| </P> |
| <CODE> |
| var docEl = document.documentElement, |
| IS_BODY_ACTING_ROOT = docEl && docEl.clientHeight === 0; |
| 1343,7 → 1344,7 |
|---|
| docEl = null; |
| </CODE> |
| |
| To determine if <ICODE>documentElement.clientHeight</ICODE> returns |
| <P>To determine if <ICODE>documentElement.clientHeight</ICODE> returns |
| a value taller than the viewport, we need a <DFN>Capability Test.</DFN> |
| </P> |
| |
| 1360,7 → 1361,7 |
|---|
| give that <ICODE>div</ICODE> a height larger than any normal monitor, |
| and then check to see if <ICODE>documentElement.clientHeight</ICODE> is |
| that high (or "almost" that high, to account for <ICODE>documentElement</ICODE> |
| having a border). |
| having a border).</P> |
| |
| <CODE> |
| // Used to feature test Opera returning wrong values |
| 1378,9 → 1379,9 |
|---|
| } |
| </CODE> |
| |
| We can use this function to see if we should use |
| <P>We can use this function to see if we should use |
| <ICODE>body.clientHeight</ICODE>, instead. (but only after checking if |
| <ICODE>document.clientHeight</ICODE> is supported). |
| <ICODE>document.clientHeight</ICODE> is supported).</P> |
| |
| <CODE> |
| // Safari 2 uses document.clientWidth (default). |
| 1393,6 → 1394,7 |
|---|
| // use document.documentElement.clientHeight/Width. |
| } |
| </CODE> |
| <P> |
| The preceding strategy was developed by Garrett Smith with input |
| from John David Dalton. A complete and tested example can be found |
| in APE Library under <ICODE>APE.dom.getViewportDimensions</ICODE>. |
| 1405,17 → 1407,16 |
|---|
| <P> |
| Note: The dimensions cannot be determined accurately until after |
| the document has finished loading. |
| </P> |
| <MOREINFO> |
| <URL>http://msdn.microsoft.com/en-us/library/ms533566%28VS.85%29.aspx</URL> |
| <URL>http://developer.mozilla.org/en/DOM/window.innerWidth</URL> |
| <URL>http://dev.opera.com/articles/view/using-capability-detection/</URL> |
| </MOREINFO> |
| </P> |
| </CONTENT> |
| |
| <CONTENT TITLE="How do I check to see if a child window is open, before opening another?" |
| ID="isWindowOpen" NUMID="4_10"> |
| <P> |
| <CODE> |
| var myWin; |
| function openWin(aURL) { |
| 1426,7 → 1427,9 |
|---|
| myWin.focus(); |
| } |
| }</CODE> |
| <P> |
| Popup windows cause usability problems and are generally best avoided. |
| </P> |
| <MOREINFO> |
| <URL>https://developer.mozilla.org/en/DOM:window.open</URL> |
| <URL>http://msdn.microsoft.com/en-us/library/ms533574%28VS.85%29.aspx</URL> |
| 1433,7 → 1436,6 |
|---|
| <URL>http://docs.sun.com/source/816-6408-10/window.htm#1201877</URL> |
| <URL>http://www.useit.com/alertbox/990530.html</URL> |
| </MOREINFO> |
| </P> |
| </CONTENT> |
| <CONTENT TITLE="Why does framename.print() not print the correct frame in IE?" |
| ID="printFrame" NUMID="4_11"> |
| 1440,10 → 1442,10 |
|---|
| <P> |
| IE prints the frame that has focus when you call the print |
| method <ICODE>frameref.focus();frameref.print();</ICODE> |
| </P> |
| <MOREINFO> |
| <URL>http://msdn.microsoft.com/en-us/library/ms976105.aspx</URL> |
| </MOREINFO> |
| </P> |
| </CONTENT> |
| |
| <CONTENT TITLE="How do I close a window and why does it not work on the first one?" |
| 1459,7 → 1461,6 |
|---|
| <P> |
| Popup windows cause usability problems and are generally best avoided. |
| </P> |
| <P> |
| <MOREINFO> |
| <URL>http://www.useit.com/alertbox/990530.html</URL> |
| <URL>#isWindowOpen </URL> |
| 1467,7 → 1468,6 |
|---|
| <URL>https://developer.mozilla.org/en/DOM/window.close#Description</URL> |
| <URL>http://docs.sun.com/source/816-6408-10/window.htm#1201822</URL> |
| </MOREINFO> |
| </P> |
| </CONTENT> |
| <CONTENT TITLE="Why do I get permission denied when accessing a frame/window?" |
| ID="permissionDenied" NUMID="4_19"> |
| 1480,11 → 1480,11 |
|---|
| Any attempt to access a property in such cases will result in a "Permission |
| Denied" error. Signed scripts or trusted ActiveX objects can |
| overcome this in limited situations. |
| </P> |
| <MOREINFO> |
| <URL>http://msdn.microsoft.com/en-us/library/ms533028%28VS.85%29.aspx</URL> |
| <URL>https://developer.mozilla.org/En/Same_origin_policy_for_JavaScript</URL> |
| </MOREINFO> |
| </P> |
| </CONTENT> |
| <CONTENT TITLE="How do I make a 10 second delay?" ID="setTimeout" NUMID="4_20"> |
| <P> |
| 1499,11 → 1499,12 |
|---|
| <P> |
| To call the function <ICODE>getSnork</ICODE>, approximately 10 seconds |
| after the function <ICODE>getMoomin()</ICODE> completes, you would do this: |
| </P> |
| <CODE> |
| getMoomin(); |
| setTimeout(getSnork, 10000); |
| </CODE> |
| Script execution is not stopped, and adding <ICODE>getSnufkin()</ICODE> after the |
| <P>Script execution is not stopped, and adding <ICODE>getSnufkin()</ICODE> after the |
| <ICODE>setTimeout</ICODE> line would immediately execute the function <ICODE>getSnufkin</ICODE> |
| before <ICODE>getSnork</ICODE>. |
| </P> |
| 1515,6 → 1516,7 |
|---|
| <P> |
| Other (less event driven) hosts have different wait functions, |
| such as <ICODE>WScript.Sleep()</ICODE> in the Windows Script Host. |
| </P> |
| <MOREINFO> |
| <URL>http://msdn.microsoft.com/en-us/library/ms536753%28VS.85%29.aspx</URL> |
| <URL>http://docs.sun.com/source/816-6408-10/window.htm#1203758</URL> |
| 1521,7 → 1523,6 |
|---|
| <URL>http://en.wikipedia.org/wiki/Event-driven_programming</URL> |
| <URL>faq_notes/misc.html#mtSetTI</URL> |
| </MOREINFO> |
| </P> |
| </CONTENT> |
| |
| <CONTENT TITLE="How do I change print settings for window.print()?" |
| 1535,11 → 1536,11 |
|---|
| <P>For IE, <ICODE>ActiveX</ICODE> or Plugin ScriptX and |
| Neptune from Meadroid to give you more control for Windows |
| versions of Internet Explorer, Netscape, and Opera. |
| </P> |
| <MOREINFO> |
| <URL>http://www.meadroid.com/scriptx/</URL> |
| <URL>http://msdn.microsoft.com/en-us/library/ms976105.aspx</URL> |
| </MOREINFO> |
| </P> |
| </CONTENT> |
| <CONTENT TITLE="How do I change the confirm box to say yes/no or default to cancel?" |
| ID="changeBrowserDialog" NUMID="4_28"> |
| 1566,11 → 1567,11 |
|---|
| Some browsers accept the Content-Disposition header, but this |
| must be added by the server. Taking the form:- |
| <ICODE>Content-Disposition: attachment; filename=filename.ext</ICODE> |
| </P> |
| <MOREINFO> |
| <URL>http://classicasp.aspfaq.com/general/how-do-i-prompt-a-save-as-dialog-for-an-accepted-mime-type.html</URL> |
| <URL>http://support.microsoft.com/kb/q260519/</URL> |
| </MOREINFO> |
| </P> |
| </CONTENT> |
| <!-- Can we remove this entry? |
| http://groups.google.com/group/comp.lang.javascript/msg/c70b57d86300fa91 |
| 1597,11 → 1598,11 |
|---|
| <ICODE>window.resizeTo</ICODE> or <ICODE>window.moveTo</ICODE> to resize or move a |
| window respectively, but that is it. Normally you can only |
| suggest chrome changes in a <ICODE>window.open</ICODE>. |
| </P> |
| <MOREINFO> |
| <URL>http://msdn.microsoft.com/en-us/library/ms536651%28VS.85%29.aspx</URL> |
| <URL>https://developer.mozilla.org/en/DOM:window.open</URL> |
| </MOREINFO> |
| </P> |
| </CONTENT> |
| <CONTENT TITLE="How do I POST a form to a new window?" ID="target" NUMID="4_37"> |
| <P> |
| 1608,6 → 1609,7 |
|---|
| Use the target attribute on the form, opening a window with |
| that name and your feature string in the onsubmit handler of the |
| FORM. |
| </P> |
| <CODE> |
| <form action="" method="post" |
| target="wndname" onsubmit="window.open('',this.target);return true;"></CODE> |
| 1614,7 → 1616,6 |
|---|
| <MOREINFO> |
| <URL>http://www.htmlhelp.com/reference/html40/forms/form.html</URL> |
| </MOREINFO> |
| </P> |
| </CONTENT> |
| <CONTENT TITLE="How do I open a new window with javascript?" ID="openWindow" NUMID="4_42"> |
| <P> |
| 1621,6 → 1622,7 |
|---|
| New windows can be opened on browsers that support the |
| <ICODE>window.open</ICODE> function and are not subject to the action of any |
| pop-up blocking mechanism with code such as:- |
| </P> |
| <CODE> |
| var wRef; |
| if(window.open){ |
| 1630,7 → 1632,6 |
|---|
| <URL>https://developer.mozilla.org/en/DOM:window.open</URL> |
| <URL>http://www.infimum.dk/HTML/JSwindows.html</URL> |
| </MOREINFO> |
| </P> |
| </CONTENT> |
| </CONTENT> |
| <CONTENT TITLE="Ajax and Server Communication" ID="ajaxRef"> |
| 1641,6 → 1642,7 |
|---|
| based on the <ICODE>XMLHttpRequest</ICODE> Object. At its simplest, |
| it is the sending/retrieving of new data from the server without |
| changing or reloading the window location. |
| </P> |
| <MOREINFO> |
| Mozilla Documentation: |
| <URL>http://developer.mozilla.org/en/docs/XMLHttpRequest</URL> |
| 1653,7 → 1655,6 |
|---|
| <URL>http://jibbering.com/2002/4/httprequest.html</URL> |
| <URL>http://www.ajaxtoolbox.com/</URL> |
| </MOREINFO> |
| </P> |
| </CONTENT> |
| <CONTENT TITLE="How do I download a page to a variable?" ID="downloadPage" NUMID="4_38"> |
| <P> |
| 1660,11 → 1661,11 |
|---|
| Although <ICODE>XMLHttpRequest</ICODE> can be used to download |
| entire pages, it is often used for downloading small pieces |
| of data that can be used to update the current page. |
| </P> |
| <MOREINFO> |
| <URL>http://jibbering.com/2002/4/httprequest.html</URL> |
| <URL>http://www.ajaxtoolbox.com/</URL> |
| </MOREINFO> |
| </P> |
| </CONTENT> |
| <CONTENT TITLE="How do I get a jsp/php variable into client-side javascript?" |
| ID="getServerVariable" NUMID="4_18"> |
| 1676,11 → 1677,11 |
|---|
| These include quote marks, backslash, and line terminators. |
| </P> |
| <P>JSP Example, using Apache Commons: <ICODE>org.apache.commons.lang.StringEscapeUtils</ICODE>: |
| </P> |
| <CODE> |
| var jsVar = "<%= StringEscapeUtils.escapeJavaScript(str) %>"; |
| </CODE> |
| </P> |
| <P>PHP example using <ICODE>addcslashes</ICODE>: |
| <P>PHP example using <ICODE>addcslashes</ICODE>: </P> |
| <CODE> |
| var jsVar = "<?php echo addcslashes($str,"\\\'\"\n\r"); ?>"; |
| </CODE> |
| 1689,12 → 1690,12 |
|---|
| <URL>http://php.net/manual/en/function.addcslashes.php</URL> |
| <URL>http://commons.apache.org/lang/</URL> |
| </MOREINFO> |
| </P> |
| </CONTENT> |
| <CONTENT TITLE="How do I log-out a user when they leave my site?" |
| ID="sessionExpired" NUMID="4_29"> |
| <P> |
| This cannot be done reliably. Here's why: |
| </P> |
| <UL> |
| <LI> |
| The user may disable javascript so the log-out script will |
| 1717,7 → 1718,6 |
|---|
| <MOREINFO> |
| <URL>http://groups.google.com/groups?selm=BlmZ7.55691%244x4.7344316%40news2-win.server.ntlworld.com</URL> |
| </MOREINFO> |
| </P> |
| </CONTENT> |
| <CONTENT TITLE="How do I run a server side script?" ID="runServerScript" NUMID="4_34"> |
| <P> |
| 1731,12 → 1731,10 |
|---|
| "swallow" the data sent back by the server, so that they will |
| not be visible anywhere. |
| </P> |
| <P> |
| <CODE> |
| var dummyImage = new Image(); |
| dummyImage.src = "scriptURL.asp?param=" + varName; |
| </CODE> |
| </P> |
| <P> |
| Mozilla, Opera 7.6+, Safari 1.2+, and Windows IE 7 |
| provide the <ICODE>XMLHttpRequest</ICODE> object |
| 1744,6 → 1742,7 |
|---|
| effect). <ICODE>XMLHttpRequest</ICODE> can send HTTP requests to |
| the server, and provides access the <ICODE>responseText</ICODE> or <ICODE>responseXML</ICODE> |
| (when the response is XML), and HTTP header information. |
| </P> |
| <MOREINFO> |
| <URL>http://jibbering.com/2002/4/httprequest.html</URL> |
| <URL>http://www.w3.org/TR/XMLHttpRequest/</URL> |
| 1750,7 → 1749,6 |
|---|
| <URL>http://developer.mozilla.org/en/XMLHttpRequest</URL> |
| <URL>http://msdn.microsoft.com/en-us/library/ms537505(VS.85).aspx</URL> |
| </MOREINFO> |
| </P> |
| <CONTENT TITLE="Why are my rollovers so slow?" ID="imageCache" NUMID="4_31"> |
| <P> |
| Images are cached by the browser depending on the headers sent by |
| 1759,10 → 1757,10 |
|---|
| will check if the image has been updated every time you change the |
| src of an image (in some user settings). To overcome this you |
| must send suitable headers. |
| </P> |
| <MOREINFO> |
| <URL>http://www.mnot.net/cache_docs/</URL> |
| </MOREINFO> |
| </P> |
| </CONTENT> |
| </CONTENT> |
| <CONTENT TITLE="How do I force a reload from the server/prevent caching?" |
| 1776,11 → 1774,11 |
|---|
| <ICODE>location.replace(location.href+'?d='+new Date().valueOf())</ICODE> |
| If the <ICODE>location.href</ICODE> already contains a query String, use: |
| <ICODE>location.replace(location.href+'&d='+new Date().valueOf())</ICODE> |
| </P> |
| <MOREINFO> |
| <URL>http://www.mnot.net/cache_docs/</URL> |
| <URL>http://docs.sun.com/source/816-6408-10/date.htm</URL> |
| </MOREINFO> |
| </P> |
| </CONTENT> |
| <CONTENT |
| TITLE="Why is my Ajax page not updated properly when using an HTTP GET request in Internet Explorer?" |
| 1790,6 → 1788,7 |
|---|
| To force the browser to request the document from the server, either |
| set the <ICODE>EXPIRES</ICODE> and/or <ICODE>CACHE-CONTROL</ICODE> response header(s) |
| with a past date or use a unique query string. |
| </P> |
| <CODE> |
| req.open("GET", "/example.jsp?date=" + (+new Date), true); |
| </CODE> |
| 1802,7 → 1801,6 |
|---|
| <URL>http://www.mnot.net/cache_docs/#EXPIRES</URL> |
| <URL>http://www.mnot.net/javascript/xmlhttprequest/cache.html </URL> |
| </MOREINFO> |
| </P> |
| </CONTENT> |
| </CONTENT> |
| |
| 1954,6 → 1952,7 |
|---|
| </P> |
| <P> |
| Feature Test Example: |
| </P> |
| <CODE> |
| /** |
| * Returns the element/object the user targeted. |
| 1971,7 → 1970,6 |
|---|
| <URL>http://developer.apple.com/internet/webcontent/objectdetection.html</URL> |
| <URL>http://www.w3.org/Protocols/rfc2616/rfc2616-sec14.html#sec14.43</URL> |
| </MOREINFO> |
| </P> |
| </CONTENT> |
| <CONTENT TITLE="How can I prevent access to a web page by using javascript?" |
| ID="preventAccess" NUMID="4_5"> |
| 1990,12 → 1988,12 |
|---|
| Script Encoder (see MSDN), but this is nothing more than obfuscation. |
| Attempting to disable the context menu does nothing to |
| protect your script in a Web browser. |
| </P> |
| <MOREINFO> |
| Your code is likely protected under copyright laws. See: |
| <URL>http://www.wipo.int/about-ip/en/copyright.html</URL> |
| <URL>http://webdesign.about.com/od/copyright/Copyright_Issues_on_the_Web_Intellectual_Property.htm</URL> |
| </MOREINFO> |
| </P> |
| </CONTENT> |
| <CONTENT TITLE="How do I suppress a context menu (right-click menu)?" |
| ID="disableRightClick" NUMID="4_27"> |
| 2008,11 → 2006,13 |
|---|
| <P> |
| In browsers that allow it, a script can suppress the context menu by |
| returning false from an object's <ICODE>oncontextmenu</ICODE> event handler. |
| </P> |
| <CODE> |
| document.oncontextmenu = function() { |
| return false; |
| }; |
| </CODE> |
| <P> |
| Some browsers lack context menus (e.g. iphone). Browsers that have |
| context menus do not always have a scriptable event for them. Some |
| browsers can be configured to disallow scripts from detecting context |
| 2022,6 → 2022,7 |
|---|
| <P> |
| Even when the context menu has been suppressed, it will still be |
| possible to view/save the source code and to save images. |
| </P> |
| <MOREINFO> |
| <URL>http://en.wikipedia.org/wiki/Context_menu</URL> |
| <URL>http://kb.mozillazine.org/Ui.click_hold_context_menus</URL> |
| 2030,7 → 2031,6 |
|---|
| <URL>http://support.mozilla.com/en-US/kb/Javascript#Advanced_JavaScript_settings</URL> |
| <URL>http://msdn.microsoft.com/en-us/library/ms536914%28VS.85%29.aspx</URL> |
| </MOREINFO> |
| </P> |
| </CONTENT> |
| <CONTENT TITLE="How can I access the client-side filesystem?" ID="readFile" NUMID="4_3"> |
| <P> |
| 2039,11 → 2039,11 |
|---|
| connect to Java with Netscape, and using the FileSystemObject in |
| IE. Check <URL LINKTEXT="Google Groups archives">http://groups.google.com/group/comp.lang.javascript/topics</URL> |
| for previous posts on the subject. |
| </P> |
| <MOREINFO> |
| <URL>http://msdn.microsoft.com/en-us/library/z9ty6h50%28VS.85%29.aspx</URL> |
| <URL>http://www.javaworld.com/javaworld/jw-10-1998/jw-10-apptowin32.html</URL> |
| </MOREINFO> |
| </P> |
| </CONTENT> |
| <CONTENT TITLE="I have <a href="javascript:somefunction()"> what ... ?" |
| ID="javascriptURI" NUMID="4_24"> |
| 2052,9 → 2052,11 |
|---|
| The <ICODE>javascript:</ICODE> pseudo protocol was designed to replace the |
| current document with the value that is returned from the expression. |
| For example: |
| </P> |
| <CODE> |
| <a href="javascript:'<h1>' + document.lastModified + '</h1>'">lastModified</a> |
| </CODE> |
| <P> |
| will result in replacing the current document with the value |
| returned from <ICODE>document.lastModified</ICODE>, wrapped in an <ICODE><h1></ICODE> |
| tag. |
| 2083,19 → 2085,19 |
|---|
| <ICODE><a href="something.html" onclick="somefunction();return false"></ICODE> |
| where <ICODE>something.html</ICODE> is a meaningful alternative. Alternatively, |
| attach the <ICODE>click</ICODE> callback using an event registry. |
| </P> |
| <MOREINFO> |
| <URL>example/jsuri/</URL> |
| <URL LINKTEXT="Set/Navigate to a Location">http://groups.google.com/group/comp.lang.javascript/msg/f665cfca3b619692</URL> |
| <URL LINKTEXT="Top Ten Web-Design Mistakes of 2002">http://www.useit.com/alertbox/20021223.html</URL> |
| </MOREINFO> |
| </P> |
| </CONTENT> |
| </CONTENT> |
| |
| <CONTENT TITLE="Comments and Suggestions" ID="comments" NUMID="5"> |
| <P HTMLONLY="true"> |
| This FAQ uses the stylesheet <URL>faq.css</URL> and is generated |
| from the xml source <URL>index.xml</URL> using a the XSLT stylesheet |
| This FAQ uses the <URL>faq.css</URL> and is generated |
| from the XML source <URL>index.xml</URL> using the XSLT stylesheet |
| <URL>index.xsl</URL><!-- which also checks the links -->. |
| </P> |
| <CONTENT TITLE="Why do some posts have <FAQENTRY> in them?" ID="FAQENTRY" NUMID="5_1"> |
| 2119,6 → 2121,7 |
|---|
| All comments, suggestions, and especially corrections are welcome. |
| </P> |
| </CONTENT> |
| <!-- FIXME --> |
| <!-- |
| <P> |
| This FAQ is (C) Copyright Contributors on behalf of the |