아래와 같은 코드로 프로그램을 작성할때, 이런 경우는 왜 실행이 안되고 오류가 발생하지? 그때마다 콘솔창 엄청 보면서 디버깅하는 나날이 이어지고 있네요. 고수들의 글을 구글링해서 내 프로그램에 넣어보며 만족한 기분도 있지만, 해결이 안되서 삽질만 수시간 하다가 알고 보면 너무나 간단한 것이었을때의 허탈함이란.... 흠... 코딩하는 사람들의 숙명같은 것 같아요..... 제이쿼리를 쓰면서 $(document).ready(function() 이 함수안에 들어간 함수를 호출할 수 있을까? 이런 생각을 해봤는데, 참고할 좋은 내용이 있어 기록해 둡니다. 위에서 function doFunc() 부분을 $(document).ready() 내부로 넣고 button_02 를 클릭하면, ( 크롬 콘솔 출력 기준으로 ) ..
제이쿼리를 사용해서 책갈피기능... 웹페이지에서 내가 원하는 위치로 휘리릭 버튼을 누르면 이동하는 기능이죠. 간단히 구현이 가능합니다. 아래코드가 구현의 핵심인데요, 첫번째 이동할 곳의 내용들... 두번째 이동할 곳의 내용들... 세번째 이동할 곳의 내용들... 위의 코드로 구현하면 됩니다. 간단히 부연설명을 하면, 본문의 Html에 당연히 버튼을 만들어야 겠지요. 이동1 이동2 이동3 이동1~이동3 버튼을 누르면 화면의 스크롤이 해당 문구 div테그쪽으로 이동하는 것입니다. 부트스트랩을 이용해서 class에 이상한 내용들이 있는데, 무시해도 좋습니다. 버튼을 이쁘게 꾸미기 위해서 그렇게 만든것이니까요. 그럼 잘 활용하시길 바래요~
제이쿼리 이용해서 메뉴를 접었다 폈다 하기 많은 웹들을 보면서 좋은, 그리고 편리한 기능인 메뉴를 접었다 폈다 할 수 있는 기능을 과연 제이쿼리로 구현할 수 있을지 자료도 검색하면서 배우는 중입니다. 개발자들이 올려놓은 좋은 자료들을 공유해서 함께 문제를 해결해 보자구요.~~ 위의 '더보기'를 클릭하면 아래의 리스트가 나오는 것을 제이쿼리 html 그리고 css 3가지를 이용해서 만드는 과정입니다. 1번째 html 코드 더보기 V 가계부 날씨 네이버 예약 네이버 캐스트 네이버 클라우드 만화 / 웹툰 매거진캐스트 메모 뮤직 부동산 영화 오디오클립 오피스 웹소설 자동차 2. css 파일 .more { display:block; width: 55px; height: 16px; background-image:u..
radio버튼을 클릭시 동작하는 웹 jQuery로 구현하기 웹을 더욱 동적으로 만드는 방법이 뭘까요? 누를때마다 뭔가 바로 바로 동작하는 힘, 그것이 바로 웹의 강력한 힘이 아닐까 싶네요. 엑셀로 많은 좋은 기능등을 만들어서 서로 공유해서 사용하는데 한계를 느낄 수 있습니다. 웹은 공공재라서 서로 더 발전시키고 더 키워나가는 재미가 솔솔하잖아요. 제이쿼리의 강력한 기능을 하나 소개합니다. 라디오버튼을 누를때 동작하는 웹? 상상해도 즐겁네요. 원리는 아래의 코드가 핵심입니다. 제이쿼리의 고유코드겠지요. $(document).ready(function() { $("input:radio[name=separate_date]").click(function() { process_list(); }) }); 출고일과 ..
제이쿼리 그리고 PHP 그리고 다시 자바스크립트 그리고 자바의 값을 php로 전달해서 그 값을 받는 방법에 대한 설명입니다. 보통은 PHP를 사용해서 프로그램을 할 경우 aaa.php?name=hong&age=17 .... 위와 같이 표현합니다. 하지만, javascript와 함께 사용할때는 서버 언어와 클라이언트 언어의 한계때문에 서로 전송하는데 간단하지 않아요. 이것들 때문에 맨붕에 자주 빠집니다. 서로 통신할 수 있는 환경.... 웹 개발하면서 자주 부딪히는 부분이죠. 아래의 코드가 힌트가 되어줄 것입니다. 3가지 언어의 콜라보가 돋보이네요~ // jQuery 라이브러리를 사용. $("#comment-submit").click(function() { // comment-submit 버튼이 눌러지면 ..
안녕하세요. Web 프로그래밍을 공부하면서 함께 공유하면 좋을 정보를 올려봅니다. html의 select문장을 이용해서 pie,cake,candy를 선택하면... 위의 창에서 선택하면 아래 메시지를 나타내는 것... 이걸 응용하면 여러 동작들을 만들어 낼 수 있겠지요... 단순 텍스트 출력만 하는 것이 아닐거란 짐작은 될 것입니다. Please select a category Pie Cake Candy this is pie this is cake this is candy 위의 코드로 작성하셔서 응용하면 select로 선택된 것들에 대해서 여러가지 이벤트 처리가 가능합니다. 좋은 프로그램 완성하기시길 기원합니다.
jQuery(엘리먼트 오브젝트 | 'CSS스타일 선택자') 위의 붉은색이 바로 래퍼부분(wrapper)입니다. 인자로 전달된 요소들에 jQuery의 기능성을 부여합니다. $를 사용하는 경우가 많지요. 코딩할때 수고가 적기때문이죠. jQuery란 이름을 쓰면 다른 $표시와 헷갈리지 않습니다. 다른 라이브러리와의 충돌을 걱정하지 않습니다. 위의 예제는 선언하는 방법에 대한 연구입니다. 제어하는 방법에 대해서 알아보자구요. Query( selector, [context] )jQuery( element ) 예제 1. jQuery( selector, [context] ) test2 test 예제 2. jQuery( element )
- Total
- Today
- Yesterday
- #InnoSetup
- #파이썬패키징
- 효율적코딩방법
- 오토핫키에디터창업데이트금지하기
- #NSIS
- 스크립트작성기초
- #독립실행파일
- 뫄프로그래밍
- 카페24가비아phpinfo수정
- 코딩튜토리얼
- Bootstrap 5
- #InstallForge
- #파이썬인스톨러
- chatGPT3.5파이썬버전
- #소프트웨어배포
- 오토핫키가이드
- 코딩효율성
- General error: 2031
- 프로그래머생활
- sql문장 날짜계산
- 작업공정에 대한 코드작성
- 파이썬코드줄바꿈방법
- 자바스크립트한글입력시반응하도록만드는코드
- td요소중에 1행과 1열은 제외
- #프로그램설치
- 2분후종료오토핫키
- 자바스크립트 한글초성
- .htaccess수정
- #cx_Freeze
- 테크에능한여성
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |