script.aculo.us InPlaceEditor clickToEditText 选项

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

InPlaceEditor clickToEditText选项用于指定当用户将鼠标悬停在可编辑元素上时要显示的文本。选项的默认字符串是“点击编辑”。

句法：

{ clickToEditText : string }

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

• 字符串：这是一个字符串，它指定当用户将鼠标悬停在可编辑元素上时要显示的文本。默认字符串 是“点击编辑”。

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

例子：

HTML

  

    
    
  
    
    
  
    
        window.onload = function () {
  
            // Default InplaceEditor with no
            // options
            new Ajax.InPlaceEditor(
                'editableElement',
                'http://localhost/tmpscripts/inplace.php',
            );
  
            // InplaceEditor with a modified
            // clickToEditText value
            new Ajax.InPlaceEditor(
                'editableElement2',
                'http://localhost/tmpscripts/inplace.php',
                {
                    // Specify the text to be used for 
                    // the hover text of the editor
                    clickToEditText: 
                        "Click here to start editing"
                }
            );
        }
    

  

    
        GeeksforGeeks
    
  
    InPlaceEditor clickToEditText Option
  
  
    
        The "clickToEditText" option is used to
        specify the text to be shown when the user
        hovers the mouse over the editable element.
    
  
  
    This element has the clickToEditText as
        the default one.
  
    
        Hover over this element to see the 
        clickToEditText value.
    
    
    
        This element has the clickToEditText 
        set to a custom value.
    
      
    
        Hover over this element to see the 
        clickToEditText value.
    

  

下面的脚本是模拟将数据保存到服务器所需的PHP文件。

输出：