2017-01-18 3 views
-4

長い記事を複数のページとして表示できるように、JqueryまたはJavascriptを使用してクライアント側から記事をスムーズにページ分割する方法を考え出しています。javacriptまたはjqueryを使用して長い記事をクライアント側にページ分割する方法

ページサイズに基づいてコンテンツを分割し、必要な場合は別のページに分割して区切る必要があります。

は、私はうまくとして、アイフレーム、画像、リスト項目、テーブルやビデオを扱うことができるようにする必要があり、私はこの状況を修正しようとするために数ヶ月のためにしようとしているとして、私は本当に、誰かがすぐに私を助けることができると思います

、誰もがより明確化する必要がある場合は、あなたがアヤックスを使用していることを行う必要があります

おかげ

+0

ちょうど私の2セント:それはしないでください。レンダリングされたコンテンツのサイズによってページが変わるのは頭痛でgremlinsでいっぱいです。コンテンツのレイトロード/待ち受け、サイズ変更、ウィンドウのサイズ変更など - 既に利用可能な場合は、そのコンテンツを隠すことによってユーザーを悩ませたいのはなぜですか? –

+0

このリンクをたどるhttp://th3silverlining.com/2010/04/15/pajination-a-jquery-pagination-plugin/ – AJS

+0

この質問はあなたが試したコードなしでは転記しないでください。記事を改ページするためにJavaScriptを使用することは、多くの理由で良い考えではないかもしれません。 –

答えて

2

を聞いてください。これを行うための

非常に簡単な方法は、次のようになります。

HTML

<div id="container"></div> 
<button id="loadmore">Load More!</button> 

のjQuery/Ajaxの

var i = 1; 
$("#loadmore").click(function(){ // on load more button click 
    $.ajax({ 
     url: "datagrab.php", // get data from backend 
     method: "post", 
     data: {section: i} // which section to grab data from (ie: 1 = the first 200 characters; 2 = from the 200th character to the 400th e.t.c...) 
     success: function(data){ 
      $("#container").append(data); // append data to #container 
      i++; 
     }, 
     error: function(){ 
      alert("There was a problem!"); 
     } 
    }); 
}); 

明らかに、これは非常にですしかし、それに対する基本的なアプローチは、「情報N」あなたは

...これは私が実際に提供することができますすべてで、私を与えた、あなたがこれを行う方法についての詳細を知りたい場合は、アヤックスとページネーションに関するいくつかののYouTube動画を見てみましょう。

+0

ああ、私はVisualForceのためにこれをやっていることを忘れていたので、PHPを使うことはできませんでした。私はそれを試してみました。 –

+0

@JubinJamesと同じようなアプローチがあります。ちょうど2つの値を変更する必要があります。私は** PHP **を使用しました。なぜなら、これは大多数の人が使用するためです。 –

関連する問題