Tuesday, September 29, 2015

Để lấy được nội dung website thông qua một URL bất kì. Việc đầu tiên ta phải lấy về được toàn bộ html của link đó, sau đó phân tích chuỗi html đó, dựa vào các id hoặc name của div, table, span, v.v.... mà ta sẽ lấy được nội dung cần lấy. Để làm được việc này các bạn cần có một chút kiến thức về RegularExpressions.

Do mỗi website có cấu trúc khác nhau nên cách trích lọc và phân tích html cũng khác nhau. Ở đây tôi sẽ ví dụ cho các bạn lấy nội dung tin tức từ website vnexpress.net. Cụ thể tôi sẽ lấy nội dung của link sau: http://vnexpress.net/gl/xa-hoi/2012/08/phu-nu-chet-loa-the-trong-khach-san/

Đầu tiên, các bạn add thêm 4 thư viện sau:


using System.Text.RegularExpressions;
using System.Text;
using System.Net;
using System.IO;

 
Hàm lấy html của link bất kì:
 
public string GetWebContentHTML(string strLink)
    {
        string strContent = "";
        try
        {
            WebRequest objWebRequest = WebRequest.Create(strLink);
            objWebRequest.Credentials = CredentialCache.DefaultCredentials;
            WebResponse objWebResponse = objWebRequest.GetResponse();
            Stream receiveStream = objWebResponse.GetResponseStream();
            StreamReader readStream = new StreamReader(receiveStream, System.Text.Encoding.UTF8);
            strContent = readStream.ReadToEnd();
            objWebResponse.Close();
            readStream.Close();
        }
        catch (Exception ex)
        {
            return ex.Message;
        }
        return strContent;
    }
 
 
Bây giờ công việc tiếp theo là lấy ra từng thành phần mà bạn muốn lấy. 
 
Phân tích lấy phần tiêu đề: Các bạn viết hàm sau:
 
public string LayTieuDe(string Content)
    {
        string pattern = "

[^<]+"

;
        Regex Title = new Regex(pattern);
        Match m = Title.Match(Content);
        if (m.Success)
            return m.Value.Substring(16, m.Value.Length - 16);
        return "";
    }
 
Phân tích lời phần mô tả: Hàm được viết tương tự như sau:
 
public string LayMoTa(string Content)
    {
        string pattern = "

[^<]+"

;
        Regex Title = new Regex(pattern);
        Match m = Title.Match(Content);
        if (m.Success)
            return m.Value.Substring(15, m.Value.Length - 15);
        return "";
    }
 
 
Phân tích lấy phần nội dung. Các bạn tạo hàm sau:
 
public string LayNoiDung(string Content)
    {
        string pattern = "
[^~]+"
;
        Regex Title = new Regex(pattern);
        Match m = Title.Match(Content);
        if (m.Success)
            return m.Value.Substring(16, m.Value.Length - 16).Replace("/Files""http://vnexpress.net/Files").Replace("/gl","http://vnexpress.net/gl");
        return "";
    }
 

Bạn sử dụng một iframe trong website để hiển thị nội dung (nội dung một website khác hoặc nội dung từ các file tài liệu, ....) nhưng bạn gặp một vấn đề về chiều cao của iframe.
Tự động fix chiều cao cho iframe
 Nếu bạn đặt thuộc tính height = "auto" thì iframe không tự động co giãn chiều cao theo nội dung nó chứa mà chỉ hiển thị một phần rất nhỏ. Nếu bạn đặt height = "100%" thì cũng không tác dụng. Còn nếu bạn đặt height="n px" (n là một giá trị cố định bất kì) thì đôi lúc nội dung quá ngắn sẽ xuất hiện một khoảng trắng bên dưới rất xấu, hoặc khi nội dung quá dài thì iframe không hiển thị được hết nội dung. 

Toàn Cầu Web sẽ hướng dẫn các bạn dùng Jquery để iframe tự động fix chiều cao theo nội dung bên trong nó.

Đầu tiên bạn cần tải jquery tại: jquery.com khai báo Jquery:

<script language="javascript" type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>


Sau đó bạn dán javascript sau và trang web của bạn:

<script type="text/javascript">
        //function to fix height of iframe!
        var calcHeight = function () {
            var headerDimensions = $(#mainlivedemo).height();
            var selector = ($(.stretched).length > 0) ? #iframelive : #iframelive iframe;
            $(selector).height($(window).height() - headerDimensions);
        }
        $(document).ready(function () {
            calcHeight();
        });
        $(window).resize(function () {
            calcHeight();
        }).load(function () {
            calcHeight();
        });
              </script>


Bạn lưu ý ID "iframelive", iframe của bạn sẽ được đặt bên trong một DIV có ID "iframelive":

<div id="iframelive">
    <iframe src="http://toancauweb.com/" style="width:100%; border:none;"></iframe>
</div>
 
Như vậy là bạn đã tạo được một iframe có chiều cao tự động fix với nội dung.

Bạn nhận một đơn đặt hàng thiết kế website deal yêu cầu có một đồng hồ thời gian đếm ngược (VD: đấu giá, thời gian khuyến mãi, v.v...) nhưng làm thế nào chèn một bộ đếm thời gian vào website và mỗi khi thời gian nhích một giây vẫn không làm cho trang web bị load lại. Toàn Cầu Web xin trình bày một cách đơn giản để có thể thực hiện được điều này.
Đếm ngược trong ASP.NET
 Tại trang Default.aspx, bạn chèn code sau vào phần source HTML:

<div id="timelabel"></div>
 
<script type="text/javascript">
var leave =<%=seconds %>;
CounterTimer();
var interv=setInterval(CounterTimer,1000);
function CounterTimer()
{
var day = Math.floor(leave / ( 60 * 60 * 24))
var hour = Math.floor(leave / 3600) - (day * 24)
var minute = Math.floor(leave / 60) - (day * 24 *60) - (hour * 60)
var second = Math.floor(leave) - (day * 24 *60*60) - (hour * 60 * 60) - (minute*60)
hour=hour<10 nbsp="" span="" style="color: maroon; margin: 0px;">"0" + hour : hour;
minute=minute<10 nbsp="" span="" style="color: maroon; margin: 0px;">"0" + minute : minute;
second=second<10 nbsp="" span="" style="color: maroon; margin: 0px;">"0" + second : second;
var remain=day + " days   "+hour + ":"+minute+":"+second;
leave=leave-1;
document.getElementById("timelabel").innerHTML=remain;
}
</script>
 
Sau đó bạn chèn code sau vào trang Default.aspx.cs:
 
public double seconds;
    protected void Page_Load(object sender, EventArgs e)
    {
        seconds = (GetEndTime() - GetStartTime()).TotalSeconds;
    }
    private DateTime GetStartTime()
    {
        return DateTime.Now;
    }
    private DateTime GetEndTime()
    {
        return new DateTime(2010, 5, 06, 8, 10, 0);
    }