редактируемый профиль страницы

Question

Я использую twitter bootstrap.

Я хочу создать страницу профиля с кнопкой edit в левом верхнем углу.

Когда пользователь нажимает на эту кнопку,

все поля профиля становятся редактируемыми

(я думаю input элементы)

Любая идея, как реализовать это наиболее легко?

Answer 1

Если вы не можете рассчитывать на всех, кто использует HTML5, вы можете сделать это с жесткого пути, когда вы начинаете с того, что все поля отключены или прочитаны, а затем нажатием одной кнопки вы изменяете атрибут. Используя ту же функцию, вы можете отобразить или включить кнопку «Сохранить». Что-то вроде ...

// Lock or Unlock Controls //////////////////////////////////////////////////////////////////////////// 
function lockControls(setLock) { 
    var bOk = setLock; 
    $("#btnSave").attr('disabled', bOk); 
    $("#emailMessage").attr('disabled', bOk); 
    $("#emailSubject").attr('disabled', bOk); 
    $("#buildingList").attr('disabled', bOk); 
}