script.aculo.us InPlaceEditor cancelText 选项

script.aculo.us 库是一个跨浏览器库，旨在改进网站的用户界面。 Ajax.InPlaceEditor 用于使元素可编辑，从而允许用户编辑页面上的内容并将更改提交到服务器。

InPlaceEditor cancelText选项用于指定取消编辑并关闭编辑器的链接文本。该选项的默认字符串值为“cancel”。

句法：

{ cancelText : string }

值：此选项具有如上所述和如下所述的单个值：

• 字符串：这是一个字符串，它指定要为用于取消编辑的链接显示的文本。默认字符串是“取消”。

下面的示例说明了此选项的使用。

示例：下面的 HTML 文件演示了 InPlaceEditor cancelText 选项示例。

HTML

 

    
    
 
    
    
 
    
        window.onload = function () {
 
            // Default InPlaceEditor with no
            // options
            new Ajax.InPlaceEditor(
                'editableElement',
                'http://localhost/tmpscripts/inplace.php',
            );
 
            // InPlaceEditor where the
            // cancelText option is modified
            new Ajax.InPlaceEditor(
                'editableElement2',
                'http://localhost/tmpscripts/inplace.php',
                {
 
                    // Specify the text to be used for
                    // the link to cancel the edit
                    cancelText: "Press to cancel!"
                }
            );
        }
    

 

    
        GeeksforGeeks
    
 
    InPlaceEditor cancelText Option
 
     

        The "cancelText" option is used to
        specify the text to be shown for the
        cancel option of the editor.
    
 
 
    
        This element has the cancelText
        as the default one.
    
     
    
        Click this element to edit it!
    
    
     
    
        This element has the cancelText
        set to a custom value.
    
     
    
        Click this element to edit it!
    

 

下面的PHP文件演示了这个例子：

输出：