help/html/using_javascript_mark_occurences.htm - gerrit/www.eclipse.org/pdt - Git at Google

 <!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 Mark Occurrences</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 Mark Occurrences");
 addAvenueInfo("Tasks","using_javascript_syntax_coloring.htm","");

 	}

 	document.write("<p style=\"text-align:left\"> ");
 AddMasterBreadcrumbs("ide_help.htm", "", "&gt;", "Home", "pdt_table_of_contents.htm");
 document.write("<a href=\"tasks.htm\">Tasks<\/a> &gt; <a href=\"using_javascript.htm\">Developing with JavaScript<\/a> &gt; Using JavaScript Mark Occurrences<\/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=&quot;&quot;;h=location.href;t=document.title;e = &quot;&quot; + (window.getSelection ? window.getSelection() : document.getSelection ? document.getSelection() : document.selection.createRange().text); if (e!=null) location=&quot;mailto:documentation@zend.com&quot; + &quot;?Subject= Feedback on PDT for page &quot; + escape(t) + &quot;&amp;Body=&quot; + escape(e).replace(/ /g, &quot;+&quot;) + crlf + &quot; &quot;; 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 Mark Occurrences
  </h1>
 <p>The JavaScript Mark Occurrences feature allows you to see where a variable,
  method or type is referenced within a JavaScript file.</p>
 <table cellspacing="0" width="100%">
 	<col style="width: 7.093%;">
 	<col style="width: 92.907%;">
 	<tr style="height: 22px;" valign="top">
 		<td style="width: 7.093%; padding-right: 10px; padding-left: 10px;"><p
 			 style="font-size: 6pt;">&#160;</p></td>
 		<td style="width: 92.907%; padding-right: 10px; padding-left: 10px;"><p
 			 style="font-weight: bold;">&#160;</p></td>
 	</tr>
 	<tr style="height: 45px;" valign="top">
 		<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 use Mark Occurrences:</p>
 		<p>Stand on a variable, method or type in your file.</p>
 		<p class="picture"><img src="javascript_mark_occurences_examples.png" alt="javascript_mark_occurences_examples.png" style="border: none;" width="546" height="267" border="0"></p></td>
 	</tr>
 	<tr style="height: 28px;" valign="top">
 		<td colspan="2" style="width: 100%; padding-right: 10px; padding-left: 10px;"><p>All
 		 instances where the element is referenced within the file will
 		 be highlighted.</p></td>

 	</tr>
 </table>
 <p>&#160;</p>
 <table cellspacing="0" width="100%">
 	<col style="width: 7.093%;">
 	<col style="width: 92.907%;">
 	<tr valign="top">
 		<td style="width: 7.093%; padding-right: 10px; padding-left: 10px;"><p
 			 style="font-size: 6pt;">&#160;</p></td>
 		<td style="width: 92.907%; padding-right: 10px; padding-left: 10px;"><p
 			 style="font-weight: bold;">&#160;</p></td>
 	</tr>
 	<tr valign="top">
 		<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 Mark Occurrences settings:</p>
 		<ol type="1">
 			<li class="p" style="margin-left: -20px; font-weight: normal;"><p
 				 style="font-weight: normal;">To toggle mark occurrences,
 			 click the Toggle Mark Occurrences button <img src="javascript_mark_occurences_icon.png" alt="javascript_mark_occurences_icon.png" style="border: none;" width="23" height="22" border="0">
 			 on the toolbar -or- press Alt+Shift+O.</p></li>
 			<li class="p" style="margin-left: -20px; font-weight: normal;"><p
 				 style="font-weight: normal;">To configure further Mark
 			 Occurences preferences, go to the JavaScript Mark Occurrences
 			 preferences page, accessed from <span style="font-weight: bold;"><b>Window
 			 | Preferences | Web | JavaScript | Editor | Mark Occurrences</b></span>.</p></li>
 		</ol>
 		<p class="picture"><img src="javascript_mark_occurences_preferences.png" alt="Mark Occurrences Preferences Page" title="Mark Occurrences Preferences Page" style="border: none;" width="349" height="307" border="0"></p>
 		<ol start="3" type="1">
 			<li class="p" style="margin-left: -20px; font-weight: normal;"><p
 				 style="font-weight: normal;">Mark the &quot;Mark occurrences
 			 of the selected element&quot; checkbox to enable the Mark
 			 Occurrences feature.</p></li>
 			<li class="p" style="margin-left: -20px; font-weight: normal;"><p
 				 style="font-weight: normal;">Select which element's occurrences
 			 will be marked by marking the checkboxes next to the required
 			 elements.</p></li>
 			<li class="p" style="margin-left: -20px; font-weight: normal;"><p
 				 style="font-weight: normal;">Mark the &quot;Keep marks
 			 when the selection changes'&quot; checkbox for marks to continue
 			 to be displayed once the cursor has been moved from the selected
 			 element.</p></li>
 			<li class="p" style="margin-left: -20px; font-weight: normal;"><p
 				 style="font-weight: normal;">Click <span style="font-weight: bold;"><b>Apply</b></span>
 			 to apply your changes.</p></li>
 		</ol>
 		<p class="Note">Note:</p>
 		<p class="NoteText">The appearance of marked occurrences can be
 		 configured in the Annotations preferences page (<span style="font-weight: bold;"><b>Window
 		 | Preferences | General | Editors | Text Editors | Annotations</b></span>).</p></td>
 	</tr>
 	<tr valign="top">
 		<td colspan="2" style="width: 100%; padding-right: 10px; padding-left: 10px;"><p>&#160;</p></td>

 	</tr>
 </table>
 <table cellspacing="0" width="100%">
 	<col style="width: 7.093%;">
 	<col style="width: 92.907%;">
 	<tr style="height: 16px;" valign="top">
 		<td style="width: 7.093%; padding-right: 10px;
 												 padding-left: 10px;"><p
 			 style="font-size: 6pt;">&#160;</p></td>
 		<td style="width: 92.907%;
 												 padding-right: 10px; padding-left: 10px;"><p>&#160;</p></td>
 	</tr>
 	<tr style="height: 35px;" valign="top">
 		<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><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>
 		<p><a href="viewing_javascript_elements_in_the_outline_view.htm">Viewing
 		 JavaScript Elements in the Outline View</a></p>
 		<p><a href="using_javascript_content_assist.htm">Using JavaScript
 		 Content Assist</a></p></td>
 	</tr>
 	<tr style="height: 19px;" valign="top">
 		<td style="width: 7.093%; padding-right: 10px;
 												 padding-left: 10px;"><p
 			 style="font-size: 6pt;">&#160;</p></td>
 		<td style="width: 92.907%;
 												 padding-right: 10px; padding-left: 10px;"><p>&#160;</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>
	<!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 Mark Occurrences</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 Mark Occurrences");
	addAvenueInfo("Tasks","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 Mark Occurrences<\/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 Mark Occurrences
	</h1>
	<p>The JavaScript Mark Occurrences feature allows you to see where a variable,
	method or type is referenced within a JavaScript file.</p>
	<table cellspacing="0" width="100%">
	<col style="width: 7.093%;">
	<col style="width: 92.907%;">
	<tr style="height: 22px;" valign="top">
	<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="height: 45px;" valign="top">
	<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 use Mark Occurrences:</p>
	<p>Stand on a variable, method or type in your file.</p>
	<p class="picture"><img src="javascript_mark_occurences_examples.png" alt="javascript_mark_occurences_examples.png" style="border: none;" width="546" height="267" border="0"></p></td>
	</tr>
	<tr style="height: 28px;" valign="top">
	<td colspan="2" style="width: 100%; padding-right: 10px; padding-left: 10px;"><p>All
	instances where the element is referenced within the file will
	be highlighted.</p></td>

	</tr>
	</table>
	<p> </p>
	<table cellspacing="0" width="100%">
	<col style="width: 7.093%;">
	<col style="width: 92.907%;">
	<tr valign="top">
	<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 valign="top">
	<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 Mark Occurrences settings:</p>
	<ol type="1">
	<li class="p" style="margin-left: -20px; font-weight: normal;"><p
	style="font-weight: normal;">To toggle mark occurrences,
	click the Toggle Mark Occurrences button <img src="javascript_mark_occurences_icon.png" alt="javascript_mark_occurences_icon.png" style="border: none;" width="23" height="22" border="0">
	on the toolbar -or- press Alt+Shift+O.</p></li>
	<li class="p" style="margin-left: -20px; font-weight: normal;"><p
	style="font-weight: normal;">To configure further Mark
	Occurences preferences, go to the JavaScript Mark Occurrences
	preferences page, accessed from <span style="font-weight: bold;"><b>Window
	\| Preferences \| Web \| JavaScript \| Editor \| Mark Occurrences</b></span>.</p></li>
	</ol>
	<p class="picture"><img src="javascript_mark_occurences_preferences.png" alt="Mark Occurrences Preferences Page" title="Mark Occurrences Preferences Page" style="border: none;" width="349" height="307" border="0"></p>
	<ol start="3" type="1">
	<li class="p" style="margin-left: -20px; font-weight: normal;"><p
	style="font-weight: normal;">Mark the "Mark occurrences
	of the selected element" checkbox to enable the Mark
	Occurrences feature.</p></li>
	<li class="p" style="margin-left: -20px; font-weight: normal;"><p
	style="font-weight: normal;">Select which element's occurrences
	will be marked by marking the checkboxes next to the required
	elements.</p></li>
	<li class="p" style="margin-left: -20px; font-weight: normal;"><p
	style="font-weight: normal;">Mark the "Keep marks
	when the selection changes'" checkbox for marks to continue
	to be displayed once the cursor has been moved from the selected
	element.</p></li>
	<li class="p" style="margin-left: -20px; font-weight: normal;"><p
	style="font-weight: normal;">Click <span style="font-weight: bold;"><b>Apply</b></span>
	to apply your changes.</p></li>
	</ol>
	<p class="Note">Note:</p>
	<p class="NoteText">The appearance of marked occurrences can be
	configured in the Annotations preferences page (<span style="font-weight: bold;"><b>Window
	\| Preferences \| General \| Editors \| Text Editors \| Annotations</b></span>).</p></td>
	</tr>
	<tr valign="top">
	<td colspan="2" style="width: 100%; padding-right: 10px; padding-left: 10px;"><p> </p></td>

	</tr>
	</table>
	<table cellspacing="0" width="100%">
	<col style="width: 7.093%;">
	<col style="width: 92.907%;">
	<tr style="height: 16px;" valign="top">
	<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="height: 35px;" valign="top">
	<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><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>
	<p><a href="viewing_javascript_elements_in_the_outline_view.htm">Viewing
	JavaScript Elements in the Outline View</a></p>
	<p><a href="using_javascript_content_assist.htm">Using JavaScript
	Content Assist</a></p></td>
	</tr>
	<tr style="height: 19px;" valign="top">
	<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>