CSS
-
파일업로드 디자인개발기록/Web 2017. 7. 12. 16:55
간단한 게시판 기능중에 파일업로드 기능이 결합된 글쓰기 페이지 구현중에 먼저 view 페이지 작업을 시작 input type file은 디자인이 너무 안이쁘다 예를 들면 이렇게 이미지의 html 코드는 대충 이렇다. 코북에 맞는 디자인으로 커스텀 해본다 ● 부트스트랩으로 뷰를 작업하고 있기 때문에 파일선택은 부트스트랩 버튼과 같은 느낌으로 ● 선택된 파일명은 form에 들어오고 ● 이미지 파일이 들어올 지정된 영역안으로 선택된 파일이미지가 들어온다 HTML 파일등록하기 파일선택인 부분은 파일을 선택했을 때 파일명이 들어오는 부분이기에 disabled로 막아둔다. CSS /*라벨은 원하는대로 커스텀하고*/.fileRegiBtn label {display: inline-block; padding: .5em ..
-
Toggle This 사용하기개발기록/Web 2017. 4. 24. 18:03
나의 코북 프로젝트..부트스트랩 템플릿을 사용하였으나빈 껍데기.. 댓글디자인 대충 한땀한땀 만들고 있는데하나의 리뷰댓글에 코멘트를 다는 자바스크립트 기능 구현중에 this를 사용하지 않아서 다른 댓글 버튼을 눌렀을때도닫히고 열리는 불상사가 발생 되게 간단한건데 나는 애먹는..ㅠ_ㅠ css로 먼저 display none으로 가려준 다음상위 single-button에서 next한 reply-comment를 toggle시키는 코드로 해결했다. .toggle(); Display or hide the matched elements. - api.jquery.com/toggle/ 일종의 스위치같은 역할display 가 none 인 상태와 그렇지 않은 상태일때 누를때마다 값이 바뀌는. 일단 리뷰댓글 리스트를 이미지만 ..