리스트에서 글내용 미리 확인하기 슬라이드 방식 정보
게시판 리스트에서 글내용 미리 확인하기 슬라이드 방식첨부파일
본문
새창 아이콘을 클릭하면 새로운 레이어에서 내용이 출력되어 미리보기 할 수 있습니다.
본인의 활동지수 적립용으로 만든것이 아니므로 반드시 다운로드 하실 필요는 없습니다.
또한, 배추스킨과 다르게 추천을 절대 유도하지 않습니다.
코드가 궁금하신 경우에만 다운로드 하시고, 코드가 마음에 드는 경우에만 추천해 주세요.
jquery 의 ajax 를 사용하였고 xml 로 나온 결과를 가지고 출력해 줍니다. 등등...
본인의 활동지수 적립용으로 만든것이 아니므로 반드시 다운로드 하실 필요는 없습니다.
또한, 배추스킨과 다르게 추천을 절대 유도하지 않습니다.
코드가 궁금하신 경우에만 다운로드 하시고, 코드가 마음에 드는 경우에만 추천해 주세요.
jquery 의 ajax 를 사용하였고 xml 로 나온 결과를 가지고 출력해 줍니다. 등등...
추천
11
11
댓글 전체
크롬과 파이어폭스 브라우저에서는 레이어에 스크롤이 생기는데 이유를 모르겠습니다.
이 버그를 잡아주시는 분께 특별히 사례하지는 않겠습니다. ㅠㅠ
이 버그를 잡아주시는 분께 특별히 사례하지는 않겠습니다. ㅠㅠ
크롬과 파이어폭스 브라우저에서 나오는 벌레퇴치를 위해서 다운받은후 뜯어봅니다.
추천은 나중에 봐가면서....^^
추천은 나중에 봐가면서....^^
박스 스타일처리를 아래처럼 하면 크롬, 불여우에서 알아먹네요.
<style>
.preview {
display:none;
border:5px solid #ccc;
padding:10px;
margin:10px 0;
line-height:150%;
width: 300px;
height:180px;
white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word; /* Internet Explorer 5.5+ */
overflow-x : hidden;
overflow:auto;
}
</style>
<style>
.preview {
display:none;
border:5px solid #ccc;
padding:10px;
margin:10px 0;
line-height:150%;
width: 300px;
height:180px;
white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word; /* Internet Explorer 5.5+ */
overflow-x : hidden;
overflow:auto;
}
</style>
http://petesbloggerama.blogspot.com/2007/02/firefox-ie-word-wrap-word-break-tables.html 구글이한테서 얻어온 답안지 입니다.ㅎㅎ
먼가 했네요.ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ
width: 300px; height:180px; 빼셔야
IE 처럼 글자 잘림 및 스크롤 현상을 방지할 수 있습니다.
IE 처럼 글자 잘림 및 스크롤 현상을 방지할 수 있습니다.
헐랭이님 감사합니다.
<style>
.preview {
display:none;
border:5px solid #ccc;
padding:10px;
margin:10px 0;
line-height:150%;
white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word; /* Internet Explorer 5.5+ */
overflow-x : hidden;
overflow:auto;
}
</style>
이 코드로 수정하여 다시 올립니다.
<style>
.preview {
display:none;
border:5px solid #ccc;
padding:10px;
margin:10px 0;
line-height:150%;
white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word; /* Internet Explorer 5.5+ */
overflow-x : hidden;
overflow:auto;
}
</style>
이 코드로 수정하여 다시 올립니다.
잘됩니다. 근데 권한이 없어도 다 보인다는 ㅎㅎ
사전 방식으로 활용하면 굿일 것 같으네요~추천
본문 용어사전에 적용하면 좋을것 같습니다. 추천합니다. 참당귀/본문미리보기/박스스타일처리
이햐. 괜찮네요
멋진데요
추천이요
추천이요
1
감사합니다.
5
글리스트에서 글내용 미리 확인하는 게시판