script.aculo.us InPlaceEditor highlightColor Option Last Updated : 26 Nov, 2020 Comments Improve Suggest changes Like Article Like Report The script.aculo.us library is a cross-browser library that aims at improving the user interface of a website. The Ajax.InPlaceEditor is used to make elements editable thereby allowing the user to edit content on the page and submit the changes to the server. The InPlaceEditor highlightColor option is used to specify the color to be used when the user hovers over an editable element. The color must be specified in six hex digits. The default color is a shade of yellow. Syntax: { highlightColor : color } Parameters: This option has a single value as mentioned above and described below: color: This is a string that specifies the color to be used when the user hovers over an editable element. The default color is a shade of yellow. The below example illustrates the use of this option. Example: The below script is required to simulate the saving of data to the server. PHP <?php if( isset($_REQUEST["value"]) ) { $str = $_REQUEST["value"]; echo $str; } ?> The below script demonstrates this with the example: HTML <!DOCTYPE html> <html> <head> <script type="text/javascript" src="prototype.js"> </script> <script type="text/javascript" src="scriptaculous.js?load = controls"> </script> <script type="text/javascript"> window.onload = function () { // Default InplaceEditor with no // options new Ajax.InPlaceEditor( 'editableElement', 'http://localhost/tmpscripts/inplace.php', ); // InPlaceEditor with a custom color // assigned new Ajax.InPlaceEditor( 'editableElement2', 'http://localhost/tmpscripts/inplace.php', { // Specify the color to // be used to highlight the // element highlightColor: "#00FF00" } ); // InPlaceEditor with a custom color // assigned new Ajax.InPlaceEditor( 'editableElement3', 'http://localhost/tmpscripts/inplace.php', { // Specify the color to // be used to highlight the // element highlightColor: "#FF00FF" } ); } </script> </head> <body> <h1 style="color: green"> GeeksforGeeks </h1> <h2>InPlaceEditor highlightColor Option</h2> <p> The "highlightColor" option is used to specify the color to be used when the user hovers over the editable element. </p> <b> This element has the highlightColor as the default one. </b> <div id="editableElement"> Hover over this element to see the highlightColor. </div> <br> <b> This element has the highlightColor set to a custom color. </b> <div id="editableElement2"> Hover over this element to see the highlightColor. </div> <br> <b> This element has the highlightColor set to a another custom color. </b> <div id="editableElement3"> Hover over this element to see another highlightColor. </div> </body> </html> Output: Comment More infoAdvertise with us Next Article script.aculo.us InPlaceEditor cols Option S sayantanm19 Follow Improve Article Tags : JavaScript Web Technologies script.aculo.us Similar Reads script.aculo.us InPlaceEditor highlightEndColor Option The script.aculo.us library is a cross-browser library that aims at improving the user interface of a website. The Ajax.InPlaceEditor is used to make elements editable thereby allowing the user to edit the content on the page and submit the changes to the server. The InPlaceEditor highlightEndColor 2 min read script.aculo.us InPlaceEditor cols Option The script.aculo.us library is a cross-browser library that aims at improving the user interface of a website. The Ajax.InPlaceEditor is used to make elements editable thereby allowing the user to edit the content on the page and submit the changes to the server. The InPlaceEditor cols option is use 2 min read script.aculo.us InPlaceEditor clickToEditText Option The script.aculo.us library is a cross-browser library that aims to improving the user interface of a website. The Ajax.InPlaceEditor is used to make elements editable thereby allowing the user to edit the content on the page and submit the changes to the server. The InPlaceEditor clickToEditText op 2 min read script.aculo.us InPlaceEditor externalControl Option In this article, we will demonstrate the effect of externalControl option of InPlaceEditor class by using a JavaScript library called script.aculo.us which helps us in adding an element which will trigger the editing of the in-place editor. Syntax: Ajax.InPlaceEditor( element, url, { size: 100 }); A 2 min read script.aculo.us InPlaceEditor ajaxOptions Option The script.aculo.us library is a cross-browser library that aims at improving the user interface of a website. The Ajax.InPlaceEditor is used to make elements editable thereby allowing the user to edit the content on the page and submit the changes to the server. The InPlaceEditor ajaxOptions option 2 min read script.aculo.us InPlaceEditor rows Option The script.aculo.us library is a cross-browser library that aims at improving the user interface of a website. The Ajax.InPlaceEditor is used to make elements editable thereby allowing the user to edit content on the page and submit the changes to the server. The InPlaceEditor rows option is used to 2 min read Like