<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default7.ASPx.cs" Inherits="AJax_Default7" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AJaxControlToolkit" TagPrefix="cc1" %>
<!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>無標題頁</title>
<style type="text/CSS">
.modalBackground
{
background-color: Gray;
filter: alpha(opacity=70);
opacity: 0.7;
}
.modalPopup
{
background-color: #ffffdd;
border-width: 3px;
border-style: solid;
border-color: Gray;
padding: 3px;
width: 250px;
}
.sampleStyleA
{
background-color: #FFF;
}
.sampleStyleB
{
background-color: #FFF;
font-family: monospace;
font-size: 10pt;
font-weight: bold;
}
.sampleStyleC
{
background-color: #ddffdd;
font-family: sans-serif;
font-size: 10pt;
font-style: italic;
}
.sampleStyleD
{
background-color: Blue;
color: White;
font-family: Arial;
font-size: 10pt;
}
</style>
<script type="text/Javascript">
var styleToSelect;
function onOk()
{
$get('Paragraph1').className = styleToSelect;
}
</script>
</head>
<body>
<form id="form1" runat="server">
<ASP:ScriptManager ID="ScriptManager1" runat="server">
</ASP:ScriptManager>
<asp:LinkButton ID="LinkButton1" runat="server">LinkButton</ASP:LinkButton>
<ASP:Panel ID="Panel1" runat="server" Style="display: none">
<ASP:Panel ID="Panel2" runat="server" CSSClass="modalPopup" Width="309px">
<div>
<p>
請選擇頁面風格：</p>
<p>
<input type="radio" name="Radio" id="RadioA" checked="checked" onclick="styleToSelect = 'sampleStyleA';" />
<label for="RadioA" class="sampleStyleA" style="padding: 3px;">
風格樣式一</label>
</p>
<p>
<input type="radio" name="Radio" id="RadioB" onclick="styleToSelect = 'sampleStyleB';" />
<label for="RadioB" class="sampleStyleB" style="padding: 3px;">
風格樣式二</label>
</p>
<p>
<input type="radio" name="Radio" id="RadioC" onclick="styleToSelect = 'sampleStyleC';" />
<label for="RadioC" class="sampleStyleC" style="padding: 3px;">
風格樣式三</label>
</p>
<p>
<input type="radio" name="Radio" id="RadioD" onclick="styleToSelect = 'sampleStyleD';" />
<label for="RadioD" class="sampleStyleD" style="padding: 3px;">
風格樣式四
</label>
</p>
<p>
<%--<label class="sampleStyleD" for="RadioD" style="padding-right: 3px; padding-left: 3px;
padding-bottom: 3px; padding-top: 3px">
<span style="font-size: 12pt"><span style=""><span style="color: #000000"></span></span>
</span>
</label>--%>
<ASP:Button ID="OkButton" runat="server" Text="確定" />
<ASP:Button ID="CancelButton" runat="server" Text="取消" />
</p>
</div>
</ASP:Panel>
</ASP:Panel>
<cc1:modalpopupextender id="ModalPopupExtender" runat="server" targetcontrolid="LinkButton1"
popupcontrolid="Panel1" backgroundCSSclass="modalBackground" okcontrolid="OkButton"
onokscript="onOk()" cancelcontrolid="CancelButton" dropshadow="true" drag="true"
popupdraghandlecontrolid="Panel2" />
<p id="Paragraph1">
今天天氣不錯挺風和日麗的<br />
我們下午沒有課這天氣挺爽的
<br />
我一大中午早早的跑去上自習心裡啄麼著大學生活是多麼美好啊 ……</p>
</form>
</body>
</Html>