textarea 3

textarea 에서 라인 그리기 효과 - 마치 연습장 같은 느낌이 나는 CSS 효과 (repeating-linear-gradient)

html 코드로 여러줄의 텍스트를 입력받을때 사용하는 것이 바로 textarea 입니다. 그런데 그 안에다가 효과를 주는것은 좀 힘들기도 합니다. 그런데 텍스트 입력받을때 마치 밑줄이 그어진 노트와 같은 효과를 나타내는 것은 어떻게 해야할까요? 물론 textarea 안에다가 직접 라인을 넣은것을 불가능합니다. 따라서 CSS 를 이용해야합니다. 그리고 CSS 코드에서 백그라운드로 하여서 라인을 반복해야 합니다. 우선 아래의 html 코드를 보시면 간단하게 textarea 태그가 있고 그 안에 클래스를 notes 라고 주었습니다. 이렇게 하면 html 파일 안에서의 모든 것은 완료가 되었습니다. 다만 CSS 코드를 선언해야하는데요. 간단하게 html 파일 head 태그 안에 style 태그로 선언하여 주거나..

IT News 2017.08.20

jquery 소스코드 복사 기능구현하기( jquery 배너퍼가기)

버튼을 누르면 특정 html 코드나 텍스트가 클립보드로 복사가 되게 하려면 어떻게 해야할지 소개하고자 합니다. 제가 예시로 소개하고자 하는 것은 배너를 보여주고 소스코드 복사 버튼을 클릭했을때 클립보드로 소스코드가 복사가 되어 바로 붙여넣어 사용할 수 있도록 하기위한 방법을 소개 하도록 하겠습니다. 아래는 소스 코드입니다. 위의 소스 코드 내용을 보면 banner 클래스 부분의 배너 이미지와 배너 소스 복사 버튼이 들어가는 부분입니다. bannerBtn 클래스의 버튼이 눌러지면 해당 배너 이미지를 싸고 있는 banner 클래스의 이미지 html 값을 가져오도록 하고.. 그 값을 textarea (아이디가 ClipBoard) 에 값을 넣은 후에 복사를 하게 됩니다. 이 때 복사를 하려면 document.e..

IT News/jQuery 2016.05.06

php textarea 를 사용할때 explode 하여 배열로 가져오는 방법

값 위와 같이 php로 게시판 내용을 저장하려면 textarea 를 사용해야 합니다. 왜냐하면 input 으로 하게 되면 한줄로 밖에 데이터를 저장하지 못합니다. 또한 form 에서 특수 문자를 전송할때 제대로 되지 않지만 textarea 는 그것이 가능합니다. textarea 에서는 텍스트 값을 입력받았을때 값을 구분하는 방법은 직접 특수 기회를 집어넣거나 쉬운 방법으로는 , 콤마를 넣는 방법이 있습니다. 그러나 특수 기호없이 값을 입력할때 enter 를 치면서 입력하는 경우입니다. 이 경우에 어떻게 데이터 값을 구분할 수 있겠는가?라고 생각하시겠지만... $dataDiv = explode("\n", $texeareaValue); 위와 같이 $dataDiv 변수에는 $texeareaValue 변수의 값..

IT News/PHP 2011.08.30