Lập Trình .NET: HTML

Hiển thị các bài đăng có nhãn HTML. Hiển thị tất cả bài đăng

Thứ Hai, 27 tháng 10, 2014

Remove Html Tag, Html Encode/Decode, Url Encode/Decode

Thỉnh thoảng cần dùng, lưu lại cho nhớ.

        public static string RemoveHtml(this string text)
        {
            return Regex.Replace(text, "<[^>]*>", string.Empty);
        }

        public static string HtmlEncode(this string src)
        {
            return System.Net.WebUtility.HtmlEncode(src);
        }

        public static string HtmlDecode(this string src)
        {
            return System.Net.WebUtility.HtmlDecode(src);
        }

        public static string UrlEncode(this string src)
        {
            return System.Web.HttpUtility.UrlEncode(src);
        }

        public static string UrlDecode(this string src)
        {
            return System.Web.HttpUtility.UrlDecode(src);
        }

Thứ Hai, 18 tháng 6, 2012

Check All và UnCheck All CheckBoxList ASP.NET

Có thể xử lý check all hoặc uncheck all bên phía server hoặc client nhưng mình thích sử dụng javascript trên client hơn vì không phải postback lên server. Đặc biệt nữa là sử dụng javascript thì không phụ thuộc vào công nghệ nào cả, có thể sử dụng cho nhiều công nghệ làm web khác nhau.

Hàm js sử dụng để check all hoặc uncheck all các item trong control CheckBoxList ASP.NET

<script language="javascript" type="text/javascript">
function SetAllStateCheckBoxList(chkID, state) {
var chk = document.getElementById(chkID);
var items = chk.getElementsByTagName("input");
for (var i = 0; i < items.length; i++) {
items[i].checked = state;
}
}
</script>

Sử dụng:

<input type="button" value="chọn hết" onclick="SetAllStateCheckBoxList('<%=CheckBoxList1.ClientID %>',true)" />
<input type="button" value="bỏ chọn hết" onclick="SetAllStateCheckBoxList('<%=CheckBoxList1.ClientID %>',false)" />
<asp:CheckBoxList ID="CheckBoxList1" runat="server">
</asp:CheckBoxList>

Chủ Nhật, 10 tháng 6, 2012

Sử dụng Cookie bằng javascript

Hôm nay mình làm chức năng đăng nhập bằng javascript, cần sử dụng cookie để lưu trữ thông tin đăng nhập cho phần nhớ mật khẩu. Đây là đoạn code javascript để sử dụng cookie mình tham khảo trên w3schools:

function getCookie(c_name) {
var i, x, y, ARRcookies = document.cookie.split(";");
for (i = 0; i < ARRcookies.length; i++) {
x = ARRcookies[i].substr(0, ARRcookies[i].indexOf("="));
y = ARRcookies[i].substr(ARRcookies[i].indexOf("=") + 1);
x = x.replace(/^\s+|\s+$/g, "");
if (x == c_name) {
return unescape(y);
}
}
}
function setCookie(c_name, value, exdays) {
var exdate = new Date();
exdate.setDate(exdate.getDate() + exdays);
var c_value = escape(value) + ((exdays == null) ? "" : "; expires=" + exdate.toUTCString());
document.cookie = c_name + "=" + c_value;
}

Xem thêm Sử dụng Cookie trong ASP.NET

Thứ Hai, 26 tháng 12, 2011

Mã Html của một số ký tự đặc biệt

Do một số ký tự đăc biệt bị trùng với các từ khóa cú pháp của html nên phải chuyển qua dạng mã để không bị lỗi hoặc bị trình duyệt hiển thị nhầm. Đặc biệt trong trường hợp cần truyền tham số là 1 chuỗi html vào 1 hàm javascript.

Kết quả	Loại	Tên của ký tự	Số
	một khỏang trắng
<	nhỏ hơn	<	<
>	lớn hơn	>	>
&	dấu và	&	&
“	ngoắc kép	"	"
‘	ngoặc đơn	' (does not work in IE)	'

tham khảo: http://hocvietcode.eu5.org/cac-ky-tu-dac-biet/

Chủ Nhật, 20 tháng 11, 2011

Tự động xuống dòng khi chuỗi quá dài trong html

Thường thường khi ta đặt 1 chuỗi quá dài trong 1 thẻ html có kích thước cố định nào đó, nếu chuỗi có ngắt khoảng trắng từng từ thì trình duyệt sẽ tự động xuống hàng khi độ dài của chuỗi vượt quá kích thước của thẻ html
Trong trường hợp chuỗi kí tự viết liền nhau không có ngắt từ thì chuỗi sẽ bị vượt ra ngoài thẻ html.
Những người mới viết web người ta thường ít chú ý đến điều này vì khi test chuỗi nhập vào hợp lệ. Nếu người dùng nhập 1 đoạn liên tục nhau và không có khoảng trắng thì khi hiển thị lên sẽ bị vượt ra ngoài và layout sẽ bị bể.

Trường hợp nếu bạn muốn chuỗi vẫn nằm gọn trong thẻ html thì cần thêm thuộc tính style='word-wrap:break-word; ' , lúc này chuỗi sẽ tự động xuống dòng khi kích thước vượt quá kích thước của thẻ html.

Chú ý : mặc định nếu chuỗi bao gồm các từ ngắn có ngắt khoảng trắng thì chuỗi sẽ tự động xuống dòng, chỉ với trường hợp chuỗi nhập vào là 1 chuỗi liền nhau không có khoảng trắng ngắt từ (thì sẽ bị hiểu là 1 từ) ta mới phải dùng cách này. Tuy nhiên cách tốt nhất khi design ta lên thêm thuộc tính đó vào vì không thể biết trước được người dùng sẽ nhập cái gì.

Trang