2012-04-13 9 views
-1

Ich benutze Twitter Bootstrap.editierbare Profilseite

Ich möchte eine Profilseite mit einer edit Schaltfläche oben links erstellen.

Wenn ein Benutzer klickt auf diese Schaltfläche,

alle Profilfelder werden editierbar

(ich glaube, input Elemente)

Jede Idee, wie es am einfachsten zu implementieren?

+1

[Was haben Sie versucht] (http://mattgemmm.com/2008/12/08/what-have-you-tried/)? –

+0

Nicht einmal sicher, wie Sie dies erreichen –

+0

@EladBenda beginnen lesen auf dem [contentEditable] (https://developer.mozilla.org/en/HTML/Content_Editable) -Tag, das ist Ihre schnellste Vorgehensweise. –

Antwort

0

Wenn Sie nicht auf alle mit HTML5 zählen können, können Sie es auf die harte Art und Weise tun, wo Sie mit allen Feldern entweder deaktiviert oder nur lesen beginnen und dann auf Knopfdruck das Attribut ändern. Mit derselben Funktion können Sie dann die Schaltfläche "Speichern" anzeigen oder aktivieren. Etwas wie ...

// 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); 
}