| <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"> |
| <html> |
| <head> |
| <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> |
| <meta name="generator" content="Adobe RoboHelp 8"> |
| <title>Using JavaScript Content Assist</title> |
| <link rel="StyleSheet" href="default.css" type="text/css"> |
| <style type="text/css"> |
| <!-- |
| body { border-left-style:None; |
| border-right-style:None; |
| border-bottom-style:None; |
| background-color:Transparent; |
| border-top-style:None; } |
| --> |
| </style> |
| <style type="text/css"> |
| <!-- |
| body { border-left-style:None; |
| border-right-style:None; |
| border-bottom-style:None; |
| background-color:Transparent; |
| border-top-style:None; } |
| --> |
| </style> |
| <script type="text/javascript" language="JavaScript"> |
| //<![CDATA[ |
| function reDo() { |
| if (innerWidth != origWidth || innerHeight != origHeight) |
| location.reload(); |
| } |
| if ((parseInt(navigator.appVersion) == 4) && (navigator.appName == "Netscape")) { |
| origWidth = innerWidth; |
| origHeight = innerHeight; |
| onresize = reDo; |
| } |
| onerror = null; |
| //]]> |
| </script> |
| <style type="text/css"> |
| <!-- |
| div.WebHelpPopupMenu { position:absolute; |
| left:0px; |
| top:0px; |
| z-index:4; |
| visibility:hidden; } |
| p.WebHelpNavBar { text-align:right; } |
| --> |
| </style> |
| <script type="text/javascript" language="javascript1.2" src="whmsg.js"></script> |
| <script type="text/javascript" language="javascript" src="whver.js"></script> |
| <script type="text/javascript" language="javascript1.2" src="whproxy.js"></script> |
| <script type="text/javascript" language="javascript1.2" src="whutils.js"></script> |
| <script type="text/javascript" language="javascript1.2" src="whlang.js"></script> |
| <script type="text/javascript" language="javascript1.2" src="whtopic.js"></script> |
| <script type="text/javascript" language="javascript1.2">//<![CDATA[ |
| <!-- |
| if (window.gbWhTopic) |
| { |
| var strUrl = document.location.href; |
| var bc = 0; |
| var n = strUrl.toLowerCase().indexOf("bc-"); |
| if(n != -1) |
| { |
| document.location.href = strUrl.substring(0, n); |
| bc = strUrl.substring(n+3); |
| } |
| |
| if (window.setRelStartPage) |
| { |
| addTocInfo("Tasks\nDeveloping with JavaScript\nUsing JavaScript Content Assist"); |
| addAvenueInfo("Tasks","viewing_javascript_elements_in_the_outline_view.htm","using_javascript_syntax_coloring.htm"); |
| |
| } |
| |
| document.write("<p style=\"text-align:left\"> "); |
| AddMasterBreadcrumbs("ide_help.htm", "", ">", "Home", "pdt_table_of_contents.htm"); |
| document.write("<a href=\"tasks.htm\">Tasks<\/a> > <a href=\"using_javascript.htm\">Developing with JavaScript<\/a> > Using JavaScript Content Assist<\/p>"); |
| |
| |
| if (window.setRelStartPage) |
| { |
| setRelStartPage("ide_help.htm"); |
| |
| autoSync(0); |
| sendSyncInfo(); |
| sendAveInfoOut(); |
| } |
| |
| } |
| else |
| if (window.gbIE4) |
| document.location.reload(); |
| //--> |
| //]]></script> |
| </head> |
| |
| <body leftmargin="5" topmargin="5" rightmargin="5" bottommargin="5"><script type="text/javascript" language="javascript1.2">//<![CDATA[ |
| <!-- |
| if (window.writeIntopicBar) |
| writeIntopicBar(4); |
| //--> |
| //]]></script> |
| <div style="width: 100%; position: relative;" id="header"> |
| |
| |
| <p align="right"><a |
| title="Documentation Survey" href="http://spreadsheets.google.com/viewform?formkey=dC1scEswTjFia2tDQ3Y5TVJBbkNQcWc6MQ">Documentation |
| Survey</a> |
| | <a href="javascript:crlf="";h=location.href;t=document.title;e = "" + (window.getSelection ? window.getSelection() : document.getSelection ? document.getSelection() : document.selection.createRange().text); if (e!=null) location="mailto:documentation@zend.com" + "?Subject= Feedback on PDT for page " + escape(t) + "&Body=" + escape(e).replace(/ /g, "+") + crlf + " "; void 0"><span |
| style="background-color: #ffffff;">Submit Documentation</span><span |
| style="background-color: #ffffff;"> Feedback</span></a><span |
| style="background-color: #ffffff;"></span><span style="background-color: #ffffff;"> |
| </span><span style="background-color: #ffffff;">| |
| </span><span |
| style="background-color: #ffffff;"><a title="View Latest Version and Get PDF Online" |
| href="http://www.zend.com/en/resources/zend-documentation/" |
| target="_blank">View Latest |
| Version and Get PDF Online</a></span></p> |
| </div> |
| |
| |
| <h1>Using JavaScript Content Assist |
| </h1> |
| <p>These procedures describe how to enable and configure JavaScript  <a href="code_assist_concept.htm">Content Assist</a> options.</p> |
| <p class="Note">Note:</p> |
| <p class="NoteText">In order for JavaScript elements from libraries and |
| files outside of the project to be made available for use in the Content |
| Assist list, you must <a href="enabling_javascript_support_in_php_projects.htm">enable |
| JavaScript Support for the project</a> and <a href="setting_the_javascript_build_path.htm">Set |
| the JavaScript Build Path</a>. To access Dojo toolkit content assist options, |
| you must set up Dojo integration |
| in the project while configuring the Build Path.</p> |
| <table cellspacing="0" width="100%"> |
| <col style="width: 7.093%;"> |
| <col style="width: 92.907%;"> |
| <tr style="vertical-align: top; height: 19px;"> |
| <td style="width: 7.093%; padding-right: 10px; padding-left: 10px;"><p |
| style="font-size: 6pt;"> </p></td> |
| <td style="width: 92.907%; padding-right: 10px; padding-left: 10px;"><p |
| style="font-weight: bold;"> </p></td> |
| </tr> |
| <tr style="vertical-align: top; height: 546px;"> |
| <td style="width: 7.093%; padding-right: 10px; padding-left: 10px;"><p |
| style="font-size: 6pt;"><img src="ref_icon.png" alt="Instructions on how to complete a procedure" title="Instructions on how to complete a procedure" style="border: none;" width="28" height="33" border="0"></p></td> |
| <td style="width: 92.907%; padding-right: 10px; padding-left: 10px;"><p |
| style="font-weight: bold;">To access JavaScript Content Assist |
| options:</p> |
| <ol type="1"> |
| <li class="p" style="margin-left: -20px;"><p>Type the relevant |
| HTML and JavaScript tags:</p></li> |
| </ol> |
| <p class="picture"><img src="javascript_code.png" alt="javascript_code.png" style="border: none;" width="253" height="100" border="0"></p> |
| <ol start="2" type="1"> |
| <li class="p" style="margin-left: -20px;"><p>JavaScript Content |
| Assist options will now be available.</p></li> |
| <li class="p" style="margin-left: -20px;"><p>Type the first |
| few letters of the required element.<br> |
| The Content Assist list will be displayed (if the Content Assist |
| list is not automatically displayed, press Ctrl + Space or |
| go to your <a href="#Content_Assist_Preferences">JavaScript |
| Content Assist preferences page</a> to configure your auto |
| activation preferences).</p></li> |
| <li class="p" style="margin-left: -20px;"><p>Select the relevant |
| option from the Content Assist window by double-clicking or |
| pressing Enter.</p></li> |
| <li class="p" style="margin-left: -20px;"><p><span style="text-align: left;">If |
| you selected a JavaScript class, type a period "." |
| after the name of the class to display a Content Assist window |
| with the classes' relevant functions and methods.</span></p></li> |
| </ol> |
| <p class="picture"><img src="javascript_class.png" alt="javascript_class.png" style="border: none;" width="328" height="231" border="0"></p> |
| <ol start="6" type="1"> |
| <li class="p" style="margin-left: -20px;"><p>Select the required |
| option to complete your JavaScript code.</p></li> |
| </ol></td> |
| </tr> |
| </table> |
| <p> </p> |
| <h3><a name="Content_Assist_Preferences" id="Content_Assist_Preferences"></a>JavaScript |
| Content Assist Configuration</h3> |
| <p>JavaScript Content Assist options can be configured from the JavaScript |
| Content Assist preferences page.</p> |
| <table cellspacing="0" width="100%"> |
| <col style="width: 7.093%;"> |
| <col style="width: 92.907%;"> |
| <tr style="vertical-align: top; height: 19px;"> |
| <td style="width: 7.093%; padding-right: 10px; padding-left: 10px;"><p |
| style="font-size: 6pt;"> </p></td> |
| <td style="width: 92.907%; padding-right: 10px; padding-left: 10px;"><p |
| style="font-weight: bold;"> </p></td> |
| </tr> |
| <tr style="vertical-align: top; height: 546px;"> |
| <td style="width: 7.093%; padding-right: 10px; padding-left: 10px;"><p |
| style="font-size: 6pt;"><img src="ref_icon.png" alt="Instructions on how to complete a procedure" title="Instructions on how to complete a procedure" style="border: none;" width="28" height="33" border="0"></p></td> |
| <td style="width: 92.907%; padding-right: 10px; padding-left: 10px;"><p |
| style="font-weight: bold;">To configure JavaScript Content |
| Assist options:</p> |
| <ol type="1"> |
| <li class="p" style="margin-left: -20px; font-weight: normal;"><p |
| style="font-weight: normal;">Go to the JavaScript Content |
| Assist preferences page, accessed from <span style="font-weight: bold;"><b>Window |
| | Preferences | Web |  JavaScript | Editor | Content |
| Assist</b></span>.</p></li> |
| </ol> |
| <p class="picture"><img src="javascript_content_assist_preferences.png" alt="javascript_content_assist_preferences.png" style="border: none;" width="360" height="486" border="0"></p> |
| |
| <ol start="2" type="1"> |
| <li class="p" style="margin-left: -20px; font-weight: normal;"><p |
| style="font-weight: normal;">Configure the following options, |
| according to your preferences:</p></li> |
| </ol> |
| <p class="Strong" style="margin-left: 0px;">Insertion</p> |
| <ul type="square"> |
| <li><p>Completion Inserts/Completion Overwrites - Select whether |
| choosing an item from the Content Assist list  will cause |
| new code to be entered or existing code to be overwritten.</p></li> |
| <li><p>Insert single proposals automatically -If enabled, the |
| content assist suggestion will be inserted automatically when |
| only one content assist option exists</p></li> |
| <li><p>Insert common prefixes automatically -  If enabled, |
| Content Assist will automatically insert the common prefix |
| of all possible completions similar to Unix shell expansion. |
| This can be used repeatedly, even while the Content Assist |
| window is being displayed.</p></li> |
| <li><p> Fill argument names on completion - If enabled, |
| Content Assist will add arguments when completing a method.</p></li> |
| <li><p>Guess filled function arguments - If enabled, Content |
| Assist will fill the arguments with the best matching function, |
| according to the context.</p></li> |
| </ul> |
| <p class="Strong" style="margin-left: 0px;">Sorting and Filtering</p> |
| <ul type="square"> |
| <li><p>Sort proposals - Select how the proposals should be |
| sorted in the Content Assist list.</p></li> |
| <li><p>Hide proposals not visible in the invocation context |
| - If enabled, the Java element proposals are limited by the |
| rules of visibility. For example, private field proposals |
| of other classes would not be displayed.</p></li> |
| <li><p>Show camel case matches - If enabled, camel case matches |
| are displayed (e.g. NPE is expanded to NullPointerException).</p></li> |
| <li><p>Hide forbidden references - If enabled, references to |
| JavaScript elements forbidden by access rules are not displayed.</p></li> |
| <li><p>Hide discouraged references - If enabled, references |
| to JavaScript elements discouraged by access rules are not |
| displayed.</p></li> |
| <li><p>Hide deprecated references - If enabled, references |
| to deprecated JavaScript elements are not displayed.</p></li> |
| </ul> |
| <p class="Strong" style="margin-left: 0px;">Auto-activation</p> |
| <ul type="square"> |
| <li><p>Enable auto activation - If enabled, the Content Assist |
| list will automatically be displayed when the first letters |
| of an element are typed.</p></li> |
| </ul> |
| <p class="Note" style="margin-left: 40px;">Note:</p> |
| <p class="NoteText" style="margin-left: 40px;">If this is unmarked, |
| you can display the Content Assist list by pressing Ctrl+Space.</p> |
| <ul type="square"> |
| <ul type="disc"> |
| <li>Auto activation delay - Determines the delay before |
| the Content Assist box is automatically displayed.</li> |
| <li>Auto-activation triggers for JavaScript -  Sets |
| the characters that determine JavaScript context.</li> |
| <li>Auto-activation triggers for JSDoc: Sets the characters |
| that determine JSDoc context.</li> |
| </ul> |
| </ul> |
| <ol start="3" type="1"> |
| <li class="p" style="margin-left: -20px;"><p>Click Apply to |
| apply your settings.</p></li> |
| </ol></td> |
| </tr> |
| </table> |
| <table cellspacing="0" width="100%"> |
| <col style="width: 7.093%;"> |
| <col style="width: 92.907%;"> |
| <tr style="vertical-align: top; |
| height: 16px;"> |
| <td style="width: 7.093%; padding-right: 10px; |
| padding-left: 10px;"><p |
| style="font-size: 6pt;"> </p></td> |
| <td style="width: 92.907%; |
| padding-right: 10px; padding-left: 10px;"><p> </p></td> |
| </tr> |
| <tr style="vertical-align: top; |
| height: 35px;"> |
| <td style="width: 7.093%; padding-right: 10px; |
| padding-left: 10px;"><p |
| style="font-size: 6pt;"><img src="link_icon.png" alt="link_icon.png" style="border: none;" width="32" height="40" border="0"> </p></td> |
| <td style="width: 92.907%; |
| padding-right: 10px; padding-left: 10px;"><p |
| style="font-weight: bold;">Related Links:</p> |
| <p><a href="javascript.htm">JavaScript Support</a></p> |
| <p><a href="using_javascript.htm">Developing with JavaScript</a></p> |
| <p><a href="code_assist_concept.htm">Content Assist</a></p> |
| <p><a href="working_with_code_assist.htm">Working with Content |
| Assist</a></p> |
| <p><a href="using_code_assist.htm">Using Content Assist</a><a href="enabling_javascript_support_in_php_projects.htm"><br> |
| Enabling JavaScript Support in PHP Projects</a></p> |
| <p><a href="setting_the_javascript_build_path.htm">Setting the |
| JavaScript Build Path</a></p></td> |
| </tr> |
| <tr style="vertical-align: top; |
| height: 19px;"> |
| <td style="width: 7.093%; padding-right: 10px; |
| padding-left: 10px;"><p |
| style="font-size: 6pt;"> </p></td> |
| <td style="width: 92.907%; |
| padding-right: 10px; padding-left: 10px;"><p> </p></td> |
| </tr> |
| </table> |
| <div style="width: 100%; position: relative;" id="footer"> |
| |
| <p style="text-decoration: underline; " |
| align="center">PHP Development |
| Tools</p> |
| |
| |
| </div> |
| <script type="text/javascript" language="javascript1.2">//<![CDATA[ |
| <!-- |
| if (window.writeIntopicBar) |
| writeIntopicBar(0); |
| |
| highlightSearch(); |
| //--> |
| //]]></script> |
| </body> |
| </html> |
