script.aculo.us InPlaceEditor cols Option Last Updated : 30 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 the content on the page and submit the changes to the server. The InPlaceEditor cols option is used to specify the number of columns to be shown in the InPlaceEditor. This property works for both single and multiline area input. Syntax: { cols: value } Parameters: This option has a single value as mentioned above and described below: value: This is a number that is used to specify the number of columns to be shown in the editor. 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 <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 the cols // option changed to a custom value new Ajax.InPlaceEditor( 'editableElement2', 'http://localhost/tmpscripts/inplace.php', { // Specify the number of columns // to be used in the InplaceEditor cols: 5 } ); // InplaceEditor with the cols // option changed to a custom value new Ajax.InPlaceEditor( 'editableElement3', 'http://localhost/tmpscripts/inplace.php', { // Specify the number of columns // to be used in the InplaceEditor cols: 60 } ); } </script> </head> <body> <h1 style="color: green"> GeeksforGeeks </h1> <h2>InPlaceEditor cols Option</h2> <p>The "cols" option is used to specify the number of columns to be used in the InPlaceEditor.</p> <b>This element has the cols as the default value.</b> <div id="editableElement">Click to edit</div> <br> <b>This element has the cols set to 5.</b> <div id="editableElement2">Click to edit</div> <br> <b>This element has the cols set to 60.</b> <div id="editableElement3"> Click to edit multiline </div> </body> </html> Output: Comment More infoAdvertise with us Next Article script.aculo.us InPlaceEditor cancelLink Option S sayantanm19 Follow Improve Article Tags : JavaScript Web Technologies script.aculo.us Similar Reads script.aculo.us InPlaceEditor cancelText 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 cancelText option 2 min read script.aculo.us InPlaceEditor cancelLink 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 cancelLink 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 script.aculo.us InPlaceEditor size Option The script.aculo.us 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 size option is used to def 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 highlightColor 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 highlightColor option 2 min read Like