내용 편집 가능 클릭하면 저장

Question

연락처를 만들 수있는 html 페이지가 있습니다.

생성되면 php를 사용하여 .csv 파일에 저장됩니다.

print "<thead style='color: blue; background-color: #DCDCDC'><tr>"; 
$Info = array("ID", "Picture", "Title", "FirstName", "LastName", "Email", "WebSite", "CellNo", "HomeNo", "OfficeNo", "Twitter", "Facebook", "Comment"); 
foreach($Info as $Heading) 
{ 
    print "<th style='border: 1px black solid;'>$Heading</th>"; 
} 
print "</tr></thead>"; 

//Print all contact info using PHP.. 

지금은 사용자가 옆에 링크를 클릭 할 경우에만 편집 테이블에서 행을 만들 수 다음에 다시 저장해야합니다 : 모든 연락처의 목록은 다음 사용하여 테이블에 표시됩니다 .csv.

또한 옆에있는 링크를 클릭하면 행을 삭제할 수 있습니다.

어떻게하면됩니까? 나는 양식을 사용하여 그것을 할 수 있으며 $_POST하지만 ContentEditable 속성과 링크를 사용하여 어떻게하는지 알아낼 수는 없습니다.

이 아이디어를 얻는 방법에 대한 아이디어 나 예는 무엇입니까? 또는 양식으로 제한됩니까?

Answer 1

contentEditable 속성을 사용할 수 있습니다 (html5 지원 브라우저에서만 사용 가능). 하지만 편집 된 컨텐트를 저장하려면 서버에 Ajax 호출을해야합니다.