미리보기 상자 만들기

나는 2와 1/2 줄의 문장을 포함 할 수있는 작은 div 상자를 만들었습니다. 그러나 실제로 내가하고 싶은 것은 미리보기 (몇 줄의 문장)입니다. 그리고 문장 끝에 "read more ..."를 추가하면 사용자가 클릭하면 전체 기사를 보여주는 다른 페이지로 연결됩니다.미리보기 상자 만들기

데이터베이스에서이 기사를 추출 중입니다. 내 문제는 어떻게 데이터베이스에서 몇 줄을 추출하고 작은 div 상자에서 미리 ...?

가장 좋은 방법은 무엇입니까? div 상자에 표시 할 미리보기로 텍스트 양을 어떻게 제어해야합니까?

Javascript, PhpMysql 추출 코드, CSS로 제어 할 수 있습니까? 가장 좋은 방법은 무엇입니까?

참고 : (I 데이터베이스에서 기사를 추출하고 테스트 베드로서 나는 WAMP의의 MySQL 데이터베이스와 함께 서버를 사용하고 있습니다.)

출처

2012-10-25 Nirmalz Thapaz

은 무엇 당신이 할 수있는 것은 데이터베이스에서 전체 텍스트를 추출하고, 실행 텍스트 노드에서 다음 자바 스크립트 : 자신의 문서에서

Cutter.js

Cutter.run(oApplyTo, oTarget, nWords, oTexts, oClasses)

출처

2012-10-25 14:08:40 epoch

데이터베이스에서 발췌 열과 같은 것을 할 수 있으며 div 상자에 표시하고 사용자가 더 많은 것을 클릭하면 db에서 전체 텍스트를로드 할 수 있습니다. 또는 필요없는 모든 것을 잘라내는 간단한 js 스크립트를 작성할 수 있습니다. 또는 당신은 숨겨진에 DIV 상자에게 CSS를 통해 크기와 설정 오버 플로우 속성을 제공 할 수 있습니다 :

.excerpt { 
    width: xx px; 
    height: xx px; 
    overflow: hidden; 
}

출처

2012-10-25 14:11:37 happyCoda

아니 대답하지만, 몇 가지 힌트 : 당신은 전체 기사 & 클립을 가져, 아약스를 시도 할 수

그 js를 사용합니다.
아약스를 사용하여 클립 된 물품 &을 가져 오려면 서버 측 지원을 제공하십시오.

기사의 잘린 부분을 얻은 후에 innerHTML을 사용하여 div에 표시하는 것이 쉬워야합니다.

div 상자의 위치를 수정하려면 js 또는 css를 사용할 수 있습니다.

출처

2012-10-25 15:35:11 anishsane

미리보기 상자 만들기

답변

관련 문제