반응형 PROGRAM/Script Language26 버튼 클릭으로 폼 생성과 삭제를 해보자! 버튼만 띡 누르면 폼 또는 원하는 내용이 생성되고 또 버튼을 띡 누르면 그 내용을 삭제하게 만들어 봅시당. 아래의 내용은 만드는데 필요한 javascript 코드입니다. 저의 경우는 input box를 추가하였습니다. 5개를 제한개수로 하였습니다. => 폼 추가 코드 /** * Keyword Form 추가를 위한 Javascript * @author HyeYoungOh */ function addKeywordForm() { /** * 이 부분에는 추가될 부분의 div 이름을 넣으시면 됩니당 */ var addedFormDiv = document.getElementById("addedKeyword"); /** * str로 선언한 부분에 원하는 내용에 대해서 넣어주시면 됩니다. */ var str = '' .. 2011. 7. 6. META TAG의 refresh 속성을 이용해보자구영! html 문서를 만들면 기본적으로 붙어서 나오는 태그들이 있죠? 그 중 오늘 주목할 내용은 파란색으로 음영이 주어진 META TAG 부분입니다. 기본적으로 많이 사용되는 http-equiv의 값 중 현재 캡쳐파일에서 사용된 내용은 Content-Type인데요. 말 그대로 현재 콘텐츠의 형태를 나타내는 부분입니다. content의 값으로 현재 콘텐츠의 MIME형태와 charset에 대한 부분을 정할 수 있습니다. 따옴표 위치가 좀 이상하지만~ 이 형태를 유지해주지 않는다면 charset 형태를 인식하지 못하는 경우가 생길 수 있으므로 주의바랍니당. * MIME이란 '내용 형식'을 나타내는 MIME은 Multipurpose Internet Mail Extensions의 약자입니다. 이는 이메일과 함께 동봉할.. 2011. 3. 11. JSON 방식이란? 오늘은 지난 번 Ajax 포스팅에서 잠깐 나왔던 JSON에대한 소개를 할 예정입니다. JSON은 JavaScript ObjectNotation의 약자로, 말 그대로 자바스크립트의 오브젝트를 표기하기 위한 표기법입니다. Web에서 데이터를 주고받을 때 사용하는 표현 방법의 일종이지영. JSON 방식에 대한 이해를 위해서는 자바스크립트의 배열에 대한 이해가 필요하므로 소개하고넘어가도록 하겠습니다. 일반적인 프로그래밍 언어, 예를 들어 Java에서는 배열을 기본적으로 이런식으로 정의합니다. Stringblog = new String [4]; blog[0] = “string 배열입니다.”; blog [1] = “블로그를 이용하면 좋습니다.”; 또는 배열의선언과 동시에 값을 대입하는 초기화 방식으로 Stringb.. 2011. 3. 10. jQuery를 통해 간단하게 Ajax를 사용해봅시당. Ajax를 이용한 웹 페이지는 여기저기 많이 분포하고 있습니다. 우리가 편리하게 사용하고 있는 구글, 네이버 등의 지도 역시 Ajax를 통한 비동기화 방식을 채택하였고 자동완성검색과 같이 키워드를 입력하면 그 뒤에 이어질 수 있는 검색어들이 검색창 밑으로 나열되는 것도 역시 Ajax를 이용하여 구현한 내용입니다. 그럼 간단하게 Ajax가 무엇이고 장점과 단점으로 어떤 것이 있는지 알아봅시다. l Ajax란? Asynchronous JavaScript and XML의 약자로, 사용자 요청을 즉시 처리하는 인터랙티브 형식의 웹 응용프로그램을 만들기 위한 컴퓨터 프로그래밍 방법을 말합니다. Ajax는 JavaScript, DHTML, XML, CSS, DOM 그리고 마이크로소프트 객체인 XMLHttpReque.. 2011. 3. 4. 공백값 체크의 여러가지 방법 오늘은 여러가지 공백값 체크 방법에 대해 알아봅시당. 공백값을 글의 제목 또는 내용에 넣게 되면~ 특히 제목! 제목에 공백값이 들어가게 되면... 글이 클릭이 안되는 경우도 생기지영ㅠ_ㅠ 그렇다면 공백값 체크 예시를 위한 Javascript 를 봅시당. 요 내용을 기반으로 공백값 체크를 설명하지용. if(Trim(document.articleDetailFrm.inputArticleName.value) == ""){ alert("게시물 제목을 입력하세요."); document.articleDetailFrm.inputArticleName.focus(); return; } if(Trim(inputContents)==""){ alert("게시물 내용을 입력하세요."); document.articleDetailF.. 2011. 2. 2. Enter Key 작동을 불가능하게 막는 방법. body 부분에서 onkeypress = "userKeyPress()" 로 attribute값을 지정해주면 어떤 키라도 눌렸을 경우 엔터값의 경우에 submit 되지 않도록 막아주게 된다. 2011.01 오혜영에게 저작권이 있습니당. 2011. 1. 27. 이전 1 2 3 다음 반응형
