반응형 form 추가2 폼 추가 및 삭제에 대한 Upgrade code 이전에 올렸던 버튼 클릭으로 폼 생성 및 삭제에 대한 코드의 문제점을 발견하였습니다. http://ojava.tistory.com/trackback/35 이전에 사용하던 코드로는 변수로 선언된 count가 폼 추가 시마다 1씩 증가합니다. 폼 삭제시에는 1씩 감소하겠지요. 만약 5개의 폼이 생성되어 있는 상태라고 가정해봅시다. count는 증가해서 6이 되어있겠죠. 4번째의 폼을 지우게 되면 count는 1이 감소하여 5가 됩니다. 따라서 다시 5번째로 폼을 추가하게 되면 count를 따라 5의 이름을 가진 폼이 또 다시 생성됩니다. 페이지를 이용하는 유저가 순차적으로 삭제하고 추가한다면 얼마나 좋겠습니까 ㅠ_ㅠ 하지만 그렇지 않다는 것. 그리고 그런 점을 고려해서 코드를 구성해야 한다는 것을 다시 상기.. 2011. 8. 9. 버튼 클릭으로 폼 생성과 삭제를 해보자! 버튼만 띡 누르면 폼 또는 원하는 내용이 생성되고 또 버튼을 띡 누르면 그 내용을 삭제하게 만들어 봅시당. 아래의 내용은 만드는데 필요한 javascript 코드입니다. 저의 경우는 input box를 추가하였습니다. 5개를 제한개수로 하였습니다. => 폼 추가 코드 /** * Keyword Form 추가를 위한 Javascript * @author HyeYoungOh */ function addKeywordForm() { /** * 이 부분에는 추가될 부분의 div 이름을 넣으시면 됩니당 */ var addedFormDiv = document.getElementById("addedKeyword"); /** * str로 선언한 부분에 원하는 내용에 대해서 넣어주시면 됩니다. */ var str = '' .. 2011. 7. 6. 이전 1 다음 반응형