script.aculo.us InPlaceEditor 大小选项

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

InPlaceEditor大小选项用于定义可编辑字段的宽度。

句法：

{ size: value }

参数：此选项具有单个值，如上所述和如下所述。

• value：这是一个定义可编辑字段宽度的数字。

例子：

要演示此函数的使用，请参考以下代码。代码的 JavaScript 部分将为特定元素创建就地编辑器。通过单击Click me for size 10 ，您将看到就地编辑器以及设置的大小。

HTML

  

    
     
     
    
     
     

  

    Click me for size 10
  
    Click me for size 50
  
    Click me for size 100
  
    
    
        new Ajax.InPlaceEditor('editme1', 
            'test.html', { size: 10 });
  
        new Ajax.InPlaceEditor('editme2', 
            'test.html', { size: 50 });
  
        new Ajax.InPlaceEditor('editme3', 
            'test.html', { size: 50 });
    

  

输出：

• 点击按钮之前：
  
• 点击按钮后：
  

test.html以下代码是上述 HTML 代码中使用的文件“test.html”的内容。

 
 
  
 
    GeeksforGeeks