2012-09-24 109 views
1

頁我用booklet plug in爲使我Web Browser內容的書翻頁效果,讓每一件事情是罰款。分割字符串數據

我從DB我想寫一個芳香文本轉換(即已經從數據庫中檢索),以網頁例如功能,如果我的文字量 比它把文本的其餘部分在一個頁面更大取回我的文字數據下一頁等等。

HTML代碼

<html > 
<head> 
    <!-- page css --> 
    <link href="Booklet%20-%20jQuery%20Plugin_files/base0000.css" type="text/css" rel="stylesheet" media="screen, projection, tv"> 
    <link href="Booklet%20-%20jQuery%20Plugin_files/booklet0.css" type="text/css" rel="stylesheet" media="screen, projection, tv"> 

    <!-- required files for booklet --> 
    <script src="Booklet%20-%20jQuery%20Plugin_files/jquery00.js" type="text/javascript"></script> 
    <script src="Booklet%20-%20jQuery%20Plugin_files/jquery-u.js" type="text/javascript"></script> 
    <script src="Booklet%20-%20jQuery%20Plugin_files/jquery01.js" type="text/javascript"></script> 
    <script src="Booklet%20-%20jQuery%20Plugin_files/jquery02.js" type="text/javascript"></script> 
    <link href="Booklet%20-%20jQuery%20Plugin_files/jquery00.css" type="text/css" rel="stylesheet" media="screen, projection, tv"> 

    <!-- basic initialization --> 
    <script type="text/javascript"> 
    function mm() { 
     $('#mybook').booklet(); 
    }; 
    </script> 
</head> 
<body > 
<div id="mybook"> 
<div>page 1 content<div>//If my page content was larger than page put rest of text to next page 
<div>page 2 content<div> 
<div>page 3 content<div> 
. 
. 
. 
<div> 
</body> 
</html> 

我怎麼能做到這一點?

+0

你如何從數據庫中檢索數據? – derape

+0

@derape:我有本書內容的TBL,所以我從數據庫中我想表現出與翻轉書effect.i Web瀏覽器這個文本檢索量例如第1章要顯示本章一些網頁,但我不不知道如何將本章轉換爲一些頁面。 – KF2

+0

是的我明白了,我的問題更像是你如何檢索數據?你如何獲得數據到你的頁面? AJAX?你會在你iserting數據到您的網頁時有分裂的文字... – derape

回答

0

據我瞭解,你將不得不一旦文件被加載到做這樣的事情:

var bookDiv = yourWebBrowserControl.Document.GetElementById["mybook"]; 

IEnumerable<string> theBook = getTheDataFromDb(); 
var sites = SplitTheBookIntoSites(); 

foreach (var site in sites) 
{ 
    var bookSiteDiv = yourWebBrowserControl.Document.CreateElement("div"); 
    bookSiteDiv.InnerText = theSite; 
    bookDiv.AppendChild(bookSiteDiv); 
} 

對於分割字符串你可以使用提供here的解決方案之一。爲了對每個站點一個固定的字符串大小,你將不得不選擇一個monospace font像快遞