2010年5月18日 星期二

動態加入css和js

動態加入一個js
Page.ClientScript.RegisterClientScriptInclude("superTables", ResolveClientUrl("js/superTables.js"));

動態加入一個css
HtmlLink myHtmlLink = new HtmlLink();
myHtmlLink.Href = "css/dialog.css";
myHtmlLink.Attributes.Add("rel", "stylesheet");
myHtmlLink.Attributes.Add("type", "text/css");
Page.Header.Controls.Add(myHtmlLink);

2010年5月4日 星期二

背景圖案不重複(重複)

背景圖案不重複。
p {
background-image:url(yp.jpg);
background-repeat: no-repeat;
}

背景圖案在 x-方向重複。
p {
background-image:url(yp.jpg);
background-repeat: repeat-x;
}

背景圖案在 y-方向重複。
p {
background-image:url(yp.jpg);
background-repeat: repeat-y;
}

背景圖案在 x- 及 y-方向重複。
p {
background-image:url(yp.jpg);
background-repeat: repeat;
}


參考
http://css.1keydata.com/tw/background.php
http://www.hsiu28.net/style/style_3.php

Fckeditor

Fckeditor 幾個重要的網站
http://ckeditor.com/
http://sourceforge.net/projects/fckeditor/files/
http://dev.fckeditor.net/search

Fckeditor2.3 在Google chrome不能正常運作
Fckeditor2.5可以在Google chrome正常運作

-------------------------------------------

不要換行

HTML在 CSS用
div{
white-space:nowrap;
}



C#在DataGrid用
ItemStyle-Wrap="false"

firefox和IE(cursor:hand)

style="cursor:hand;"--在IE正常firefox不正常
style="cursor:pointer;"--在IE、firefox正常

firefox和IE(document.getElementById)

有一個確定的 Button ,在按下確定鈕後,才決定要不要出現confirm。
而confirm 中true和False會做不同事情(導到不同網頁)。
--HTML
< asp:Button id="btnSure" runat="server" OnClick="btnSure_Click" UseSubmitBehavior="false"  Style="display: none" />

< href="#" id="btnSureJavaScript" runat="server" style="display: none"/>


< asp:Button id="btnHidden" runat="server" OnClick="btnHidden_Click" UseSubmitBehavior="false"  Style="display: none" />


--C#
protected void Page_Load(object sender, EventArgs e)
{
if (!IsPostBack)
{
btnSureJavaScript.Attributes["onclick"] = string.Format(@"if (confirm('{0}')) {{document.getElementById('{2}').onclick();}} else {{window.location.href='default.aspx?ActivityId={1}';}}","你要套用嗎", ActivityId.ToString(), btnHidden.ClientID);
}
}

protected void btnHidden_Click(object sender, EventArgs e)
{
}


protected void btnSure_Click(object sender, EventArgs e)
{
string js = string.Format(@"window.setTimeout(""document.getElementById('{0}').onclick();"", 0);", btnSureJavaScript.ClientID);
Page.ClientScript.RegisterStartupScript(GetType(), "EvalList_eventHandle", GenClientScript.JavaScript(js));
}


--重點
UseSubmitBehavior="false" -- Button加上UseSubmitBehavior
document.getElementById('ID').onclick()--用onclick()而不要用click()

2009年12月16日 星期三

利用jQuery自動產生表格的顏色

在寫程式時,我們常常會隱藏某幾行,這時CSS就不能寫固定的。

利用jQuery自動產生表格的顏色,如下:
<script type="text/javascript" src="http://test.waitlonglong.com.my/jquery-1.3.1.js"></script>
<script type="text/javascript"> 
$(document).ready(function() {
 $(".TableAutoColor tr:even").addClass('TblEvenRow');
 $(".TableAutoColor tr:odd").addClass('TblOddRow');
});
</ script> 

Table 屬性多一個class="TableAutoColor"

但是如果表格被 asp:UpdatePanel 包起來那放在(document).ready的功能就會失消,所以我們要再加上一個如下

function load() {
            Sys.WebForms.PageRequestManager.getInstance().add_endRequest(EndRequestHandler);
}
function EndRequestHandler() {
 $(".TableAutoColor tr:even").addClass('TblEvenRow');
 $(".TableAutoColor tr:odd").addClass('TblOddRow');
}
window.onload=load;