快捷導(dǎo)航

asp.net生成靜態(tài)頁(yè)并分頁(yè)+ubb第2/2頁(yè)

更新時(shí)間：2008年10月07日 13:26:46 作者：

編程思路生成靜態(tài)頁(yè)其實(shí)只有內(nèi)容部分是需要分頁(yè)的，生成靜態(tài)頁(yè)并分頁(yè)的步驟是在textarea或者在線(xiàn)編輯器中，需要分頁(yè)的地方就插入一個(gè)[ page ]

default.aspx

復(fù)制代碼代碼如下:

<%@ Page Language="C#" AutoEventWireup="true" validateRequest="false" CodeFile="Default.aspx.cs" Inherits="_Default" %> 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 

<html xmlns="http://www.w3.org/1999/xhtml" > 
<head runat="server"> 
<title>生成靜態(tài)頁(yè)并分頁(yè)</title> 
<style type="text/css"> 
*{ 
font-size:12px; 
} 
#menu{ 
padding:0; 
margin:0; 
} 
#menu li{ 
list-style-type:none; 
float:left; 
margin-right:10px; 
} 
.myTable,.myTable td{ 
border:1px solid #cccccc; 
border-collapse:collapse; 
} 
</style> 
<script language="javascript" type="text/javascript"> 
//js代碼部分來(lái)自“天下無(wú)雙”網(wǎng)友 
function AddText(NewCode){ 
setfocus(); 
var edit = document.selection.createRange(); 
if(edit){ 
if(edit.text.length > 0){ 
edit.text += NewCode; 
}else{ 
edit.text = NewCode; 
} 
edit.select(); 
} 
} 

function setfocus(){ 
getinput().focus(); 
} 

function getinput(){ 
return document.getElementById("tbxContent"); 
} 

function code(){ 
addText = "\r[ code]\r

";
AddText(addText);
}

function html(){
addText = "\r

[Ctrl+A 全選注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]

";
AddText(addText);
}

function page(){
addText = "[ page]";
AddText(addText);
}
function runCode(cod1){cod=document.getElementById(cod1);var codcode=cod.value;if(code!=""){var newwin=window.open('','','');newwin.opener=null;newwin.document.write(code);newwin.document.close();}}
function copyCode(obj){var temp=document.getElementById(obj);if(document.all){var rng=document.body.createTextRange();rng.moveToElementText(temp);rng.scrollIntoView();rng.select();rng.execCommand("Copy");rng.collapse(false);}else
{window.alert("此功能僅在IE上有效");}}
function saveCode(obj){var winname=window.open('','_blank','top=10000');winname.document.open('text/html','replace');winname.document.write(obj.value);winname.document.execCommand('saveas','','code.htm');winname.close();}
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<table class="myTable">
<tr>
<td>標(biāo)題：</td>
<td style="width: 478px"><asp:TextBox ID="tbxTitle" runat="server" Width="277px"></asp:TextBox></td>
</tr>
<tr>
<td style="height: 347px">內(nèi)容：</td>
<td style="width: 478px; height: 347px">
<ul id="menu">
<li><a href="javascript:page()">[插入分頁(yè)]</a></li>
<li><a href="javascript:code()">[插入代碼]</a></li>
<li><a href="javascript:html()">[插入可運(yùn)行代碼]</a></li>
</ul>
<asp:TextBox ID="tbxContent" runat="server" Height="296px" TextMode="MultiLine" Width="469px"></asp:TextBox></td>
</tr>
<tr>
<td colspan="2" align="center">
<asp:Button ID="btnOk" runat="server" Text="生成靜態(tài)頁(yè)并分頁(yè)" OnClick="btnOk_Click" />
</td>
</tr>
</table>

</div>
<asp:Label ID="lbl" runat="server" Text="Label"></asp:Label>
</form>
</body>
</html>
[/code]
news.htm

復(fù)制代碼代碼如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" > 
<head> 
<title>$title$</title> 
<script language="javascript" type="text/javascript"> 
function runCode(cod1){cod=document.getElementById(cod1);var codcode=cod.value;if(code!=""){var newwin=window.open('','','');newwin.opener=null;newwin.document.write(code);newwin.document.close();}} 
function copycode(obj){var temp=document.getElementById(obj);if(document.all){var rng=document.body.createTextRange();rng.moveToElementText(temp);rng.scrollIntoView();rng.select();rng.execCommand("Copy");rng.collapse(false);}else 
{window.alert("此功能僅在IE上有效");}} 
//高亮當(dāng)前頁(yè) 
window.onload = function(){ 
var pagelist = document.getElementById("pagelist").getElementsByTagName("a"); 
for(var i = 0;i < pagelist.length;i++){ 
var links = pagelist[i].getAttribute("href"); 
var myURL = document.location.href; 
if(myURL.indexOf(links) != -1){ 
pagelist[i].className = "D"; 
} 
} 
} 
</script> 
<style type="text/css"> 
body{ 
text-align:center; 
} 
h1{ 
width:100%; 
text-align:center; 
} 
#board{ 
width:500px; 
text-align:left; 
} 
a{ 
font-size:12px; 
} 
a.D:link,a.D:visited{ 
color:red; 
} 
</style> 
</head> 
<body> 
<div id="board"> 
<h1>$title$</h1> 
$content$ 
<div id="pagelist">$pagelist$</div> 
</div> 

<br /> 

</body> 
</html> 