2012年5月24日 星期四
唯讀屬性 唯寫屬性 + 簡寫
//唯讀屬性
private string _屬性名;
public string 屬性名 {
get { return _屬性名; }
}
//唯寫屬性
private string _屬性名;
public string 屬性名 {
set { _屬性名 = value; }
}
//唯讀屬性縮寫
public string 屬性名 { get; private set; }
//唯寫屬性縮寫
public string 屬性名 { private get; set; }
2012年5月23日 星期三
2012年5月11日 星期五
jQuery selector + each()
最近開始摸索 selector 跟 each() 方法
我只能說,真是太神奇了,傑克。
舉例來說,有個錯綜複雜的HTML,但是必須把所有的圖片網址抓出來該怎麼做
連 display: none 的圖也抓的到。
很神奇吧,羅絲。
2012年5月6日 星期日
JQuery iframe 操作 趴兔
誠如先前(JQuery iframe 操作)所說,透過J蛞蝓可以進行主頁跟 iframe 兩端的 DOM 操作
但是如果你的主頁根本沒引用J蛞蝓勒?
很簡單,你會失敗。
parent.$("#哀低") 在 iframe 裡是有用的,但是你的主頁並不認識他,所以白搭。
怎麻半?人家只會用J蛞蝓,沒了他,人家就像個殘廢。
那就想辦法讓主頁引用J蛞蝓就好了。
雖然這回J蛞蝓行不通,但別忘了還有第一百零一招
Kumakichi表示:J蛞蝓也只不過是被 Javascript Frameworks 玩弄於股掌之間的一名犧牲者而已
悄悄地在 iframe 頁的head裡加入這個
<script
type="text/javascript">
var
js = window.parent.document.createElement("script");
js.src = 'http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js';
window.parent.document.getElementsByTagName("head")[0].appendChild(js);
</script>
as your wish & enjoy it
JQuery iframe 操作
<head>
<script
src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"
type="text/javascript"></script>
<script
type="text/javascript">
$(function () {
$('#A_btn1').click(function () {
$('#A_txt').val($('#iframe1').contents().find('#B_txt').val());
});
$('#A_btn2').click(function () {
$('#iframe1').contents().find('#B_txt').val($('#A_txt').val());
});
});
</script>
<style
type="text/css">
body {
background: pink;
}
#iframe1 {
width: 300px;
height: 200px;
border: 0;
}
</style>
</head>
<body>
<form
id="form1"
runat="server">
<div>
<span>A</span><br />
<input type="text" id="A_txt"
/>
<input type="button"
id="A_btn1"
value="B to
A" />
<input type="button"
id="A_btn2"
value="A to
B" /><br />
<iframe
id='iframe1' src="Default2.aspx"></iframe>
</div>
</form>
</body>
<head>
<script
src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"
type="text/javascript"></script>
<script
type="text/javascript">
$(function () {
$('#B_btn1').click(function () {
parent.$("#A_txt").val($("#B_txt").val());
//$("#A_txt",
parent.document.body).val($("#B_txt").val());
});
$('#B_btn2').click(function () {
$("#B_txt").val(parent.$("#A_txt").val());
//$("#B_txt").val($("#A_txt", parent.document.body).val());
});
});
</script>
<style
type="text/css">
body {
background: yellow;
}
</style>
</head>
<body>
<form
id="form1"
runat="server">
<div>
<span>B</span><br />
<input type="text" id="B_txt"
/>
<input type="button"
id="B_btn1"
value="B to
A" />
<input type="button"
id="B_btn2"
value="A to
B" />
</div>
</form>
</body>
2012年5月1日 星期二
textarea css hack
基本上各家瀏覽器對 HTML CSS 的解釋各不相同,是一件很急敗的事
個人不是很喜歡 css hack 所以遇到 CSS 版型的問題,都試著改寫法盡量讓各家瀏覽器符合
直到遇到了 textarea 這個鬼東西,他連最基本的外型、捲軸、長寬有差異化,逼不得已還是只能用 css hack
由於 css hack 根本不是標準寫法,所以一定一堆警告毛蟲,所以我乾脆把所有用 css hack 的都放在另一個 .css 檔裡,主檔再 @import
/* Safari chrome */
#inputArea {
min-width: 529px;
max-width: 529px;
min-height: 54px;
max-height: 54px;
}
/* Firefox */
@-moz-document url-prefix() {
#inputArea {
min-width: 533px;
max-width: 533px;
min-height: 58px;
max-height: 58px;
}
}
/* Opera */
@media all and (-webkit-min-device-pixel-ratio:10000), not all
and (-webkit-min-device-pixel-ratio:0) {
head~body #inputArea
{
min-width: 531px;
max-width: 531px;
min-height: 56px;
max-height: 56px;
}
}
/* IE */
#inputArea{
min-width: 531px\9;
max-width: 531px\9;
min-height: 56px\9;
max-height: 56px\9;
}
好啦,妖魔鬼怪們,乖乖聽令!