📄 defaultcs.aspx
字号:
<%@ Register TagPrefix="telerik" TagName="Footer" Src="~/Common/Footer.ascx" %>
<%@ Register TagPrefix="telerik" TagName="HeadTag" Src="~/Common/HeadTag.ascx" %>
<%@ Register TagPrefix="telerik" TagName="Header" Src="~/Common/Header.ascx" %>
<%@ Register TagPrefix="telerik" Namespace="Telerik.QuickStart" Assembly="Telerik.QuickStart" %>
<%@ Register TagPrefix="radTlb" Namespace="Telerik.WebControls" Assembly="RadToolbar" %>
<%@ Page language="c#" Codebehind="DefaultCS.aspx.cs" AutoEventWireup="false" Inherits="Telerik.ToolbarExamplesCS.Toolbar.Examples.Functionality.Templates.DefaultCS" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<telerik:headtag runat="server" ID="Headtag1"></telerik:headtag>
<link rel="stylesheet" type="text/css" href="Styles.css">
<link rel="stylesheet" type="text/css" href="eCard/Styles/eCard.css">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251"/>
<script type="text/javascript" src="eCard/ecard.js"></script>
<script type="text/javascript" src="eCard/ColorPicker/color.js"></script>
<script type="text/javascript"/>
var myTestColorObj;
function initializePicker()
{
myTestColorObj = new ColorPopup("myTestColor", "myTestColorObj", function()
{
document.getElementById('cardControls').style.backgroundColor = this.selectedColor; });
myTestColorObj.enable();
}
</script>
</head>
<body class="BODY">
<form runat="server" id="mainForm" method="post" style="WIDTH:100%">
<telerik:header XhtmlCompliant="false" NavigationLanguage="CS" id="Header1" runat="server"></telerik:header>
<div class="eCardContainer">
<div class="clips" onclick="hideCalendar()"><img src="eCard/Img/clips.gif" height="67" width="657" alt=""></div>
<div>
<div style="FLOAT: left" onclick="hideCalendar()"><img src="eCard/Img/clipLeft.gif" height="57" width="108" alt=""></div>
<div class="eCardToolbar" style="FLOAT: left">
<div style="MARGIN-TOP: 13px; MARGIN-LEFT: 26px">
<radtlb:radtoolbar id="RadToolbar1" runat="server" skin="eCard" UseFadeEffect="true">
<items>
<radtlb:radtoolbartemplatebutton runat="server" ID="Radtoolbartemplatebutton1">
<buttontemplate>
<div style="position:relative;top:-5px;">
<select id="greetingType" onchange="setGreetingText()">
<option selected value="">Greeting</option>
<option value="Happy Birthday">Birthday</option>
<option value="Hugs and Kisses">Hugs</option>
<option value="Cheers">Cheers</option>
<option value="I wish you all the best">All the best</option>
</select>
</div>
</buttontemplate>
</radtlb:radtoolbartemplatebutton>
<radtlb:radtoolbartemplatebutton runat="server" ID="Radtoolbartemplatebutton2">
<buttontemplate>
<div id="myTestColor" style="margin-bottom:5px;width:27px;margin-left:3px;">
<img style="position:absolute" src="eCard/ColorPicker/Img/t.gif" />
<div style="margin-top:4px;margin-left:4px;width:15px;height:13px;">
<img src="eCard/ColorPicker/Img/nocolor.gif" style="margin-top:1px;margin-left:2px;display:none;" />
</div>
</div>
<object id="dlgHelper" CLASSID="clsid:3050f819-98b5-11cf-bb82-00aa00bdce0b" width="0px"
height="0px" VIEWASTEXT>
</object>
</buttontemplate>
</radtlb:radtoolbartemplatebutton>
<radtlb:radtoolbarbutton Width="50px" Height="34px" DisplayType="TextImage" id="button_cal" CommandName="open" ButtonText="Date" ButtonImage="calendar.gif"
onclick="toggleCalendar()" runat="server" />
<radtlb:radtoolbartemplatebutton runat="server" ID="Radtoolbartemplatebutton3" NAME="Radtoolbartemplatebutton3">
<buttontemplate>
<div id="Calendar1" style="display:none">
<asp:calendar id="Calendar1" OnSelectionChanged="on_cal_sel_changed" CssClass="Calendar1" runat="server" Width="200px" BackColor="White"
DayNameFormat="FirstLetter" ForeColor="#e60b0b" Height="180px" Font-Size="8pt" Font-Names="Verdana"
BorderColor="#999999" CellPadding="4">
<todaydaystyle forecolor="Black" backcolor="#ffc000"></todaydaystyle>
<selectorstyle backcolor="#CCCCCC"></selectorstyle>
<nextprevstyle verticalalign="Bottom"></nextprevstyle>
<dayheaderstyle font-size="7pt" font-bold="True" backcolor="#ffc000"></dayheaderstyle>
<selecteddaystyle font-bold="True" forecolor="White" backcolor="#666666"></selecteddaystyle>
<titlestyle font-bold="True" bordercolor="#ffde00" backcolor="#ffde00"></titlestyle>
<weekenddaystyle backcolor="#ff9000"></weekenddaystyle>
<othermonthdaystyle forecolor="#808080"></othermonthdaystyle>
</asp:calendar>
<div>
</buttontemplate>
</radtlb:radtoolbartemplatebutton>
<radtlb:radtoolbarbutton Height="34px" DisplayType="TextImage" ButtonText="Preview" commandname="preview" buttonimage="preview.gif" onclick="previewGreeting();" Width="70px" />
<radtlb:radtoolbarbutton Height="34px" DisplayType="TextImage" ButtonText="Reset" commandname="clearForm" buttonimage="reset.gif" onclick="document.getElementById('mainForm').reset();" Width="60px" />
<radtlb:radtoolbarbutton Height="34px" DisplayType="TextImage" ButtonText="Send" commandname="sendFrm" buttonimage="send_greeting.gif" onclick="alert('Your Greeting has been sent.');document.getElementById('mainForm').reset();" Width="50px" />
</items>
</radtlb:radtoolbar>
</div>
</div>
<div style="FLOAT: right" onclick="hideCalendar()"><img src="eCard/Img/clipRight.gif" height="57" width="154" alt=""></div>
</div>
<div>
<div class="cardPreview" onclick="hideCalendar()"><img src="eCard/Img/card_01.gif" height="429" width="422" alt="Happy Birthday"></div>
<div class="cardControls" id="cardControls" onclick="hideCalendar()">
<br>
<br>
<br>
<table cellpadding="0" cellspacing="6" class="cardDetails">
<tr>
<td colspan="2">
Customize your e-card:
</td>
</tr>
<tr>
<td>title:</td>
<td><input type="text" id="greetingText" class="cardText" runat="server"></td>
</tr>
<tr>
<td>date:</td>
<td><input type="text" id="sendDate" class="cardText" runat="server"></td>
</tr>
<tr>
<td>to:</td>
<td><input type="text" id="recipientName" class="cardText" runat="server"></td>
</tr>
<tr>
<td>email:</td>
<td><input type="text" id="recipientEmail" class="cardText" runat="server"></td>
</tr>
<tr>
<td>from:</td>
<td><input type="text" id="senderName" class="cardText" runat="server"></td>
</tr>
<tr>
<td>email:</td>
<td><input type="text" id="senderEmail" class="cardText" runat="server"></td>
<tr>
<td>text:</td>
<td><textarea id="greeting" class="cardText" style="OVERFLOW: hidden; HEIGHT: 100px" runat="server">Wish you all the best and as much happiness as your heart can take!</textarea></td>
</tr>
</table>
</div>
</div>
<div id="previewWindow"></div>
</div>
<telerik:footer id="Footer1" runat="server"></telerik:footer>
</form>
</body>
</html>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -