1

私は小さな div ボックスを作成しました。これは、2 行半の文を入れるのに十分な大きさです。しかし、実際にやりたいことは、プレビュー (数行の文) を表示しているだけです。そして、文章の最後に「もっと読む...」を追加したいと思います。これは、ユーザーがクリックすると、記事全体を表示する別のページにつながります。

これらの記事をデータベースから抽出しています。私の問題は、データベースから数行だけを抽出し、小さな div ボックスでプレビューする方法です...?

それを行う最良の方法は何ですか?div ボックスに表示されるプレビューとしてテキストの量を制御するにはどうすればよいですか。

Javascript、PhpMysql抽出コード、CSSで制御できますか? 最善の方法は何ですか?

注:(データベースから記事を抽出しています。テストベッドとして、mysqlデータベースとともにwampサーバーを使用しています)

4

3 に答える 3

0

できることは、データベースからテキスト全体を抽出し、テキスト ノードで次の JavaScript を実行することです。

Cutter.js

ドキュメントから:

Cutter.run( oApplyTo, oTarget, nWords, oTexts, oClasses )
于 2012-10-25T14:08:40.643 に答える
0

答えではありませんが、いくつかのヒント:

ajax を試して、記事全体を取得し、js を使用してクリップすることができます。
または、サーバー側のサポートを提供して、クリップされた記事を提供し、ajax を使用してフェッチします。

記事のクリップ部分を取得したら、innerHTML を使用して div に表示するのはかなり簡単です。

div ボックスの位置を修正するには、js または css を使用できます。

于 2012-10-25T15:35:11.253 に答える
0

データベースで抜粋列のようなことをして、それを div ボックスに表示できます。ユーザーが [続きを読む] をクリックすると、db から全文を読み込むことができます。または、不要なものをすべて切り取る単純な js スクリプトを作成することもできます。または、css を使用して div ボックスのサイズを指定し、overflow プロパティを非表示に設定することもできます。

.excerpt {
   width: xx px;
   height: xx px;
   overflow: hidden;
}
于 2012-10-25T14:11:37.957 に答える