Recently, I had a little problem with my work, so I learned the new tag attribute--contenteditable.What I need to achieve is a phone-side interface that is particularly simple for a page, such as;The first thing I think about in my mind is a form form and then it's wrapped in a textarea tag so simple, thinking that the interface can be done in 10 minutes at most.Then open the editor and I'll start writing the code as follows;Simply write a good style and then open the browser to switch to mobile
The drop-down list box is not editable by default, and here's a good way to make the Drop-down list box editable, as follows, and you need a friend to refer to the following nbsp; Code as follows: ;nbsp; nbsp;
The combobox control is used for programming today, but the ComboBox in Silverlight is not the same as it used to be, no matter how the settings are not editable, so come up with this soil method, the principle is to let the ComboBox and the textbox position overlap, TextBox on top.The following actions are implemented:1. Add ComboBox and TextBox controls to the foreground design code, and add unique identities to each space name2. Bind the ComboBox w
function:
Click cell selection to replace the selected cell with the arrow keys in the selection process, press Enter in the selection process, or double-click the cell to enter the editable state, and save the modified content when the cell loses focus.
Main realization Idea:
Select, move the selected area and so on by relying on the jquery powerful API to implement. The editable cells actually add input
Copy Code code as follows:
Make Page not editable
function Disableocx () {
var form = document.forms[0];
for (var i = 0; i var element = Form.elements[i];
Some elements can be numbered element.name is the element custom name
if (element.name!= "Auditentity.auditcontent")
element.name!= "Auditentity.auditautograph"
element.name!= "Auditentity.audittime"
element.name!= "Auditentity.auditstate"
element.name!= "Submitbtn"
element.name
complete the function of the input link, but also can choose Mailto, FTP and other types of links, more convenient
ExecCommand ("Createlink")
In IE4.0, there is no built-in link input window, so you need to embed the link in the following ways
ExecCommand ("Createlink", "" ", Turl)
Insert a picture-because the embedded editable controls in IE are for local resources, the default picture resources are local, so web content editors are best to make the
When modifying data, we sometimes want to directly modify the data in the table for convenience. To implement the Editable table function, we need to solve the following problems:
1. Identify the columns of the data to be modified in the table (how to find these cells );
2. How to make cells editable;
3. How to handle some cell button events;
4. Solve cross-browser problems.
We can solve the above problem s
Function:Click "cell selection" and use the direction key to change the selected cell. Press the Enter key or double-click the cell to enter the Editable State during the selection. When the cell loses focus, the modified content is saved.Main Implementation ideas:The selection and moving of selected regions are implemented by jQuery's powerful API. The editable cell actually adds an input field to the cell
Task Description:I want to draw a road from subway station to Tiananmen Square, and I need to change this route according to my preference.How to achieve:Left click on the map, draw the route, double-click to draw the end, after the drawing is finished, the route can be edited.TIPS:After API1.1, you can use Enableediting () to turn on the polyline editable feature."Content-type"Content="text/html; Charset=utf-8"/> +.1 Customizing
JQuery implements drag-and-drop editable module function code. jquery drag-and-drop
Before sharing the implementation code, we will show you the following:
The specific implementation code is as follows:
Index.html
Inettuts. js
Var iNettuts = {jQuery: $, settings: {columns :'. column ', widgetSelector :'. widget ', handleSelector :'. widget-head ', contentSelector :'. widget-content ', widgetDefault: {movable: true, removable: true, collapsible: t
Using contenteditable to automatically increase the input box height, the input box title name is automatically centered relative height, the code is as follows:DOCTYPE HTML>HTML>Head>MetaCharSet= "Utf-8">Metaname= "Viewport"content= "Width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=0">Metahttp-equiv= "X-ua-compatible"content= "Ie=edge,chrome=1">Metaname= "Renderer"content= "Webkit|ie-comp|ie-stand">Metaname= "Apple-mobile-web-app-capable"content= "Yes"
When you make an Excel worksheet that needs to be circulated for changes, you want one part of the worksheet to be protected and the other part to be changed by the viewer, you can set the table to change the area and editable regions. So how do you set it? Here's how to set up the changes and editable regions.
Operation Steps
First, select the area you want people to edit, switch to the Review tab, and i
ASP. NET editable, enter the drop-down box of the automatic Match option, and the. net drop-down box
1. Reference dll files
2. Apply this control to the aspx foreground page
Residential Area:EmptyMessage = "enter the cell name" OnSelectedIndexChanged = "dropdownlist+selectedindexchanged" OnItemsRequested = "dropdownlist+itemsrequested" MarkFirstMatch = "true" EnableLoadOnDemand = "true"HighlightTemplatedItems = "true" DropDownCssClass = "example
You can see the Editable implementation code on the webpage in the editing browser. Very simple
1. Open the website to be hacked,
2. Enter in the address bar of the browser:
The Code is as follows:
Javascript: document. body. contentEditable = 'true'; document. designMode = 'on'; void 0
3. Now you will find that his page can be freely modified by you !!
4. After modification according to your own intentions, enter the following in the ad
We will introduce how to insert content at the specified position in the Editable div, just like the editor we are using. Below I will introduce several instances.
First, enable the edit mode for the DIV.
The Code is as follows:
Copy code
Enable the div editing mode by setting contenteditable = true, so that the DIV can input content like the text box.
Don't talk about the topic anymore. The following describes how to o
The main content of this article is JQuery's implementation of Editable table examples. For more information, see the following:
When you click the student ID column, you can edit it:
When you click ESC, the operation is canceled. When you click press enter, the modification takes effect (not interacting with the background)The page code is as follows (asp.net ):
problem: Android:editable is Deprecated:use A to make it editableMean:Android's:Edit YesObjection:Use EditText > edit it Analysis:About the read-only problem with the EditText control, that is, the content cannot be changed through the UI, but the content can be selected for replication. In the early SDK, EditText has the editable attribute, now this property has deprecated . Workaround: In fact, just one line of code can be done Et.setkeylistener (n
Sometimes, we want the text box in the form to be read-only, so that the user cannot modify the information in it, such as making Method 1:onfocus=this.blur ()Method 2:readonlyMethod 3:disabledjavascript: Make form text box read-only, non-editable method
The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion;
products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the
content of the page makes you feel confusing, please write us an email, we will handle the problem
within 5 days after receiving your email.
If you find any instances of plagiarism from the community, please send an email to:
info-contact@alibabacloud.com
and provide relevant evidence. A staff member will contact you within 5 working days.