Thiết kế Web

lập trình web với asp
[ Tài liệu tham khảo:
Thiết kế và Lập trình Web với ASP –
ĐHQG TP.HCM
ASP Databases – NXB TRẺ
Lập trình Web bằng ASP 3.0 – NXB
LAO ĐỘNG ]
Chương 1
NGÔN NGỮ SIÊU VĂN BẢN HTML
1. NGÔN NGỮ HTML
- HTML (Hypertext Markup Language) là ngôn ngữ định dạng văn bản siêu liên kết.
- Là ngôn ngữ lập trình Web căn bản, cho phép định dạng văn bản, bổ xung hình ảnh, âm thanh, video vào một tập tin mà bất kỳ máy tính nào cũng có thể đọc được thông qua trình duyệt Web (Web Browser).
2. LẬP TRÌNH WEB VỚI HTML
2.1 Các thành phần cơ bản của HTML
a) Tag là gì?
- Là một tập các ký hiệu được định nghĩa trong HTML mang một ý nghĩa đặc biệt.
- Tag được bắt đầu bằng ký hiệu nhỏ hơn (<), tiếp theo là một từ khoá và kết thúc bằng ký hiệu lớn hơn (>).
- Tag quy định văn bản được hiển thị trên màn hình như thế nào.
Ví dụ
Tag định phông chữ cho văn bản là chữ đậm
Tag

định dạng một đoạn văn bản
- Có hai loại tag là tag bắt đầu và tag kết thúc, tag kết thúc giống tag bắt đầu nhưng có thêm ký hiệu / ở trước từ khoá. Dữ liệu bị tác động sẽ nằm giữa hai tag này. Tag không phân biệt chữ hoa chữ thường.
Ví dụ

b) Thuộc tính
- Có nhiều tag còn có kèm theo nhiều thuộc tính, thuộc tính đứng sau từ khoá, các thuộc tính được phân cách nhau bởi các khoảng trắng.
- Mỗi thuộc tính của tag có một giá trị, giá trị này được đặt sau dấu bằng (=) và thường được đằt giữa hai dấu nháy kép (“”).
Chú ý
         - Ta có thể sử dụng các tag lồng nhau.
Ví dụ

         - Trình duyệt sẽ bỏ qua khoảng trắng giữa các tag.
         - Có thể tạo trang Web (tập tin HTML) bằng bất cứ chương trình xử lý văn bản nào như Notepad, Word, .. tuy nhiên nên dùng công cụ chuyên dụng như FrontPage, DreamWeaver, EditPlus, ..
         - Nên dùng chữ thường để đặt tên cho các tập tin HTML và đặt phần mở rộng là .htm hoặc html.
2.2 Cấu trúc của một tập tin HTML
- Một trang Web luôn bắt đầu bằng tag và kết thúc bằng tang .
- Hầu hết các trang Web được chia làm hai phần. Phần đầu được đặt giữa hai tag và , phân thân được đặt giữa hai tag và .
Ví dụ
2.3 Xem trang Web
Để xem được nội dung trang web ta phải dùng một trình duyệt Web (Web Browser) như Internet Explorer, Netscape Navigator, Opera,.. theo cách
+ Khởi động trình duyệt
+ Nhập địa chỉ trang Web cần xem vào thanh địa chỉ (Address) và nhấn Enter. (Hoặc vào FileOpen …)
2.4 Các tag cơ bản trong HTML
2.4.1 Tag chú giải
Tag này được dùng để ghi các lời chú giải, trình duyệt không tính nội dung của tag này. Cú pháp của tag như sau.

2.4.2 Tag
Tag được dùng để định dạng văn bản, trong đó có các thuộc tính thường dùng là: + face: tên phông chữ
+ size: cỡ chữ
+ color: mầu chữ
Ví dụ
2.4.3 Tag

Tag

được dùng để phân đoạn văn bản, thuộc tính align được dùng để căn lề cho đoạn văn. Ví dụ:
2.4.4 Tag
Tag được dùng để chèn hình ảnh vào trang Web, các thuộc tính của Tag thường hay sử dụng
+ src : Chứa đường dẫn tới tập tin hình ảnh.
+ border: Thêm đường viền cho hình ảnh.
+ align: Căn lề cho hình ảnh
Ví dụ
2.4.5 Tag
Tag được dùng để tạo liên kết tới các mục khác trong cùng một trang hoặc tới các trang khác. các thuộc tính của thường hay sử dụng
+ href : Chứa đường dẫn tới trang (điểm) cần liên kết.
+ name: Tạo điểm liên kết.
+ target: Chỉ định nơi hiển thị trang liên kết.
Ví dụ
2.4.6 Tag

Tag được dùng để tạo một bảng trên trang. Tag thường sử dụng các thuộc tính sau:
+ bgcolor: Định mầu nền cho bảng
+ border: Độ dày/mảnh của đường viền
+ bordercolor: Mầu đường viền
+ cellpadding: Khoảng cách giữa nội dung và đường viền
+ cellspacing: Khoảng cách giữa các ô
+ height: Chiều cao bảng
+ width: Chiều rộng bảng
+ Tag : Tạo hàng trong bảng
+ Tag

: Tạo các cột trong bảng, … Ví dụ 2.4.6 Tag Tag được dùng để tạo các form – là thành phần giao tiếp cơ bản giữa người duyệt Web và người tạo Web. Thông tin từ phía người duyệt Web được nhập vào form thông qua các hộp điều khiển như Textbox, Checkbox, Button, .. b) Tạo vùng văn bản (TextArea) <br>c) Tạo nút nhấn (Button)<br><input type=“button/submit” name=“name” value=“nhãn”><br>a) Tạo hộp nhập liệu (Textbox)<br><input type=“text/password” name=“name” <br> Value=“value” Size = n Maxlength = n><br>Ví dụ<br>d) Tạo nút Chọn Radio<br><input type=“radio” name=“name” value=“data” checked><br>e) Tạo ô Chọn Checked<br><input type=“checkbox” name=“name” value=“data” checked><br>Ví dụ<br>f) Tạo danh sách Listbox<br><select name=“name”><br> <option value=“value”>Nhãn</option><br> <option value=“value”>Nhãn</option><br></select><br>Ví dụ<br>2.4.7 Tag <frame><br> - Tag <frame> được dùng để tạo các frame – là thành phần cơ bản của một trang Web. Mỗi trang Web có thể được chia thành nhiều frame, mỗi frame sẽ chứa một trang Web riêng.<br> - Tag <frame> có hai loại là Rows(hàng) và Cols(cột). Tuy nhiên ta cũng có thể kết hợp ca hai dạng này.<br> - Trong một trang nếu đã dùng tag <frame> thì không được dùng tang <body> nữa.<br> - Cách dùng tag <frame> như sau:<br><frameset rows=“n,m,..”><br> <frame name=“name1” src=“url1”><br> <frame naem=“name2” src=“url2”><br> …<br></Frameset> <br>Ví dụ<br>Chương 2<br>GIỚI THIỆU NGÔN NGỮ KỊCH BẢN<br>VBSCRIPT VÀ JAVAS <br>1. GIỚI THIỆU CHUNG<br> - VBScript và JavaScript là ngôn ngữ chạy trên trình duyệt (phía máy khách - Client), các đoạn chương trình viết bằng ngôn ngữ này được nhúng vào trong các trang HTML. Các đoạn chương trình này có khả năng:<br> + Xử lý các thành phần trên trang Web như: Thay đổi mầu chữ, phông chữ, hình ảnh, ..<br> + Được thực thi khi một sự kiện nào đó trên trang web xay ra như: mouseclick, mouseover, mousemove, ..<br> - Cú pháp của VBScript gần giống giống với ngôn ngữ VisualBasic còn cú pháp của JavaScript gần giống với ngôn ngữ C, Java.<br> - VBScript không phân biệt chữ hoa chữ thường trong khi JavaScript lại có phân biệt. JavaScript được hỗ trợ trên hầu hết các trình duyệt trong khi VBScript chỉ được hỗ trợ tốt nhất trên trình duyệt IE.<br>2. NGÔN NGỮ VBSCRIPT<br>2.1 Lời chú thích<br> Cách viết lời chú thích trong VBScript tương tự trong VB được bắt đầu bằng ký tự nháy đơn (‘) và chỉ có tác dụng trên một dòng.<br>Ví dụ<br> Function TinhCV() ‘Hàm tính chu vi<br> …<br> End Function<br>2.2 Khai báo biến, hằng, mảng<br>2.2.1 Khai báo biến<br> - Dùng từ khoá Dim để khai báo biến, biến trong VBScript không cần chỉ định kiểu, nó có thể chứa và chuyển đổi qua lại hầu hết các kiểu dữ liệu<br> - Cú pháp khai báo biến như sau:<br>Dim tên_biến1, tên_biến2, …<br> - Tuy nhiên trong VBScript không nhất thiết phải khai báo biến trước khi sử dụng. Để yêu cầu phải khai báo biến trước khi sử dụng ta dùng lệnh “Option Explicit” ở đầu đoạn chương trình.<br>Ví dụ<br> Dim a, b ‘ Khai bao hai bien<br> a=5<br> b=7<br> c = a+b ‘ Bien c khong khai bao truoc<br>Chú ý<br> - Biến không phân biệt chữ hoa chữ thường.<br> - Chiều dài biến không quá 255 ký tự.<br> - Biến phải bắt đầu bằng ký tự chữ, không chứa dấu cách, không chứa các ký tự đặc biệt.<br>2.2.2 Khai báo hằng<br> - Hằng được định nghĩa bằng từ khoá Const. Giá trị của hằng chỉ được sử dụng, không được thay đổi.<br> - Nên dùng chữ hoa cho hằng, chữ thường cho biến.<br>Ví dụ<br> Const A=100 ‘ Hang A co gia tri 100<br> Const Temp = “Nguyen Van Hoa”<br>2.2.3 Khai báo mảng<br>a. Mảng một chiều<br> - Cú pháp khai báo mảng:<br>Dim Tên_mang(kích thước của mảng)<br> - Số phần tử tối đa của mảng = kích thước của mảng + 1.<br> - Chỉ số của phần tử đầu tiên của mảng là 0, để truy xuất tới phần tử có chỉ số i nào đó của mảng ta dùng Tên_mảng(i)<br>Ví dụ<br>Dim A(50) ‘ Khai bao mang A co 51 phan tư<br>A(10) = 5 ‘ Truy xuat phan tu thu 11<br>A(20) = A(10) <br>a. Mảng hai chiều<br> - Cú pháp khai báo mảng:<br>Dim Tên_mang(số hàng, số cột)<br> - Số phần tử tối đa của mảng = (số hàng +1)*(số cột +1)<br> - Chỉ số của phần tử đầu tiên của mảng là (0,0), để truy xuất tới phần tử ở hàng i, cột j nào đó của mảng ta dùng Tên_mảng(i,j)<br>Ví dụ<br>Dim B(9,9) ‘ Khai bao mang B <br> ‘ co 100 phan tư<br>B(3,5) = 5 ‘ Truy xuat phan tu hang 4 cot 6<br>Chú ý<br> Trong VBScript để khai báo một mảng động thì khi khai bao ta không chỉ rõ kích thước của mảng. Để thay đối kích thước của mảng động ta dùng lệnh ReDim.<br>2.3 Các kiểu dữ liệu<br> - Trong VBScript chỉ có một kiểu dữ liệu duy nhất là Variant. Đây là kiểu dữ liệu có thể chứa các loại giá trị từ kiểu chuỗi, kiểu số cho đến các loại có cấu trúc. Đây cũng là kiểu trả về của các hàm, thủ tục viết bằng VBScript.<br> - Tuỳ theo ngữ cảnh mà môt biến có thể mang giá trị kiểu số, kiểu chuỗi, …<br>Ví dụ<br>Trong biểu thức a = b + 2005 thì a va b mang kiểu số.<br>Trong biểu thức a = b + “2005” thì a và b mảng kiểu chuỗi.<br> - Các kiểu dữ liêu mà một biến Variant có thể lưu trữ là<br>Chú ý<br> Chúng ta có thể chuyển đổi dữ liệu từ kiểu này sang kiểu khác bằng cách dùng các hàm thư viên: Cbyte, Cdate, Cint, CStr, Cbool, …<br>2.4 Các toán tử cơ sở<br>2.4.1 Toán tử gán (=)<br> Tên_biến = Biểu_thức<br>Biểu thức có thể bao gồm các biến, hằng, hàm và các toán tử khác.<br>Ví dụ<br>Dim a, b, c<br>a = 13<br>b = 10<br>c = a*b + 10<br>2.4.2 Toán tử tính toán<br> + (cộng), - (trừ), * (nhân), / (chia), (chia lây phần nguyên), mod (chia lấy phần dư), ^ (luỹ thừa)<br>2.4.3 Toán tử chuỗi<br> &, + (cộng chuỗi)<br>Ví dụ<br> S = “Nguyen” & “ “ & “Hoa”<br>hoặc S = “Nguyen” + “ “ + “Hoa”<br>2.4.4 Toán tử so sánh<br> = (bằng), > (lớn hơn), >= (lớn hơn hoặc bằng), …<br>Kết quả của một biểu thức so sánh sẽ thuộc về kiểu logic (True/False)<br>2.4.5 Toán tử Logic<br> And, Or, Not<br>2.5 Các cấu trúc điều khiển<br>2.5.1 Cấu trúc tuần tự<br> Các lệnh được thực hiện tuần tự từ trên xuống dưới:<br> Lệnh1<br> Lệnh2<br> …<br> Lệnhn<br>Ví dụ<br> Dim a, b, c<br> a = 6<br> b = a + 10<br>2.5.2 Cấu trúc điều kiện<br>a) Cấu trúc If …Then<br> If <btdk> Then<br> Các câu lệnh<br> End If<br>Ví dụ<br> Dim myDate<br> myDate = #1/5/2006#<br> If myDate < Now Then<br> myDate = Now<br> End If<br>b) Cấu trúc If …Then … Else<br> If <btdk> Then<br> Các câu lệnh<br> Else<br> Các câu lệnh <br> End If<br>Ví dụ<br> a = 15<br> If a mod 2 = 0 Then<br> document.Write(“So chan”)<br> Else<br> document.Write(“So le”)<br> End If<br>c) Cấu trúc Select Case<br> Select Case <btdk><br> Case <gt1>:<br> Các câu lệnh<br> Case <gt2>:<br> Các câu lệnh<br> …<br> Case Else:<br> Các lệnh<br> End Select<br>Ví dụ<br> thang = 10<br> document.Write(“Thang “)<br> document.Write(thang)<br> Select Case thang<br> Case 2:<br> document.Write(“Co 28 ngay”)<br> Case 1,3,5,7,8,10,12:<br> document.Write(“ Co 31 ngay”)<br> Case 4,6,9,11:<br> document.Write(“Co 30 ngay”)<br> Case Else<br> document. Write(“Khong hop le”)<br> End Select <br>2.5.3 Cấu trúc lặp <br> Tương tự như NNLT khác, VBScript cung cấp một số cấu trúc lặp như For, While, … Dùng Exit For, Exit While, … để thoát khỏi các cấu trúc lặp tương ứng.<br>a) Cấu trúc Do … Loop<br> Co tất cả 4 dạng Do…Loop<br>+ Dạng 1<br> Do While <btdk><br> Các lệnh<br> Loop<br>+ Dạng 2<br> Do <br> Các lệnh<br> Loop While <btdk><br>+ Dạng 3<br> Do Until <btdk> <br> Các lệnh<br> Loop<br>+ Dạng 4<br> Do <br> Các lệnh<br> Loop Until <btdk><br>Ví du<br> Tính N!<br>Dim N,i,T<br>N = 5<br>T = 1<br>i = 1<br>Do While (i<=n)<br> T = T*i<br> i = i+1<br>Loop<br>b) Cấu trúc While…WEnd<br> While <btdk><br> Các lệnh<br> WEnd<br>Ví du<br> Tính tổng S = 1+2+..+N<br>Dim N,i,S<br>N = 10<br>S = 0<br>i = 1<br>While (i<=N)<br> S = S + i<br> i = i + 1<br>WEnd<br>c) Cấu trúc For…Next<br> Có hai hạng For…Next<br>+ Dạng 1<br>For <bc > to <csc><br> Các lệnh<br>Next<br>+ Dạng 2<br>For <bc > to <csc> Step <bn><br> Các lệnh<br>Next<br>Ví du<br> Tính tổng S = 1+2+..+N<br>Dim N,i,S<br>N = 10<br>S = 0<br>For i = 1 to N<br> S = S + i<br>Next<br>c) Cấu trúc For Each…Next<br> Lặp với mỗi phần tử trong tập hợp<br>Ví du<br>Dim D<br>‘Tao doi tuong Dictionary<br>D = CreateObject(“Scripting.Dictionary”)<br>‘Luu cac phan tu vao D<br>D.Add “0”, “Athens”<br>D.Add “1”, “Belgrade”<br>D.Add “2”, “Cairo”<br>‘ Duyet qua các phan tu<br>For Each I in D<br> document.Write(D.Item(i))<br>Next<br>2.6 Hàm vào thủ tục<br>2.6.1 Khai báo hàm<br> Function Tên_hàm[(các tham số)]<br> Các lệnh<br> End Function<br>Ví dụ<br> Xây dựng hàm tính diện tích hình tròn khi biết bán kính.<br>Function FDtich(R)<br> Dim S<br> S = 3.14*R*R<br> FDtich = S<br>End Function<br>2.6.2 Khai báo thủ tục<br> Sub Tên_thủ _tục [(các tham số)]<br> Các lệnh<br> End Sub<br>Ví dụ<br> Xây dựng thủ tục tính diện tích hình tròn khi biết bán kính.<br>Sub SDtich(R)<br> Dim S<br> S = 3.14*R*R<br> document. Write(“DienTich”,S)<br>End Sub<br>2.6.3 Sử dụng hàm và thủ tục<br> - Hàm được sử dụng trong các biểu thức hoặc trong các hàm vào thủ tục khác.<br> - Thủ tục không được sử dụng trong biêur thức<br> - Cách sử dụng: <br>Tên_hàm[(tham số thực sự)]<br>Tên_thu_tục[ (tham số thực sự)]<br>Ví dụ<br> Sử dụng hàm và thủ tục đã xây dựng ở trên<br>Dim r,dt<br>r = 10<br>dt = FDtich(r)<br>‘ Su dung ham<br>document.Write(“Dien tich = “,dt)<br>‘ Su dung thu tuc<br>Sdtich(r)<br>3. NGÔN NGỮ JAVASCRIPT<br>3.1 Lời chú thích<br> Cách viết lời chú thích trong JavaScript tương tự trong C và Java. Chú thích trên một dòng viết sau hai ký tự gạch chéo (//), chú thích viết trên nhiều dòng đặt giữa hai cặp dấu /* và */<br>Ví dụ<br> // Loi chu thich tren mot dong<br> /* Loi chu thich<br> tren nhieu dong */<br>3.2 Khai báo biến, hằng, mảng<br>3.2.1 Khai báo biến<br> Dùng từ khoá var để khai báo biến. Ta không cần định kiểu khi khai báo nhưng có thể gán giá trị cho biến khi khai bao. Cú pháp:<br>var tên_biến = giá_trị, tb = gt, .., tb = gt;<br>Ví dụ<br> var a = 10, b;<br> var str = “Nguyen Van Hoa”;<br>Chú ý<br> - Biến có phân biệt chữ hoa chữ thường.<br> - Chiều dài biến không quá 255 ký tự.<br> - Biến phải bắt đầu bằng ký tự chữ, không chứa dấu cách, không chứa các ký tự đặc biệt.<br> * Mỗi câu lệnh của JavaScript được kết thúc bằng dấu chấm phẩy (;)<br> - Hằng được định nghĩa bằng từ khoá Const. Giá trị của hằng chỉ được sử dụng, không được thay đổi.<br> - Nên dùng chữ hoa cho hằng, chữ thường cho biến.<br>3.2.2 Khai báo hằng<br>Ví dụ<br> const ERR_INVALID_USERID = 300;<br>3.2.3 Khai báo mảng<br>a) Mảng một chiều<br> - Cú pháp khai báo mảng:<br>var Tên_mang = new Array[kích thước của mảng];<br> - Số phần tử tối đa của mảng = kích thước của mảng . Các phần tử của mảng được đánh chỉ số từ 0. Muốn truy xuất phần tử mảng thứ i ta dùng Tên_mang[i]<br>Ví dụ<br>var intArray = new Array[10];<br>intArray[0] = 10; intArray[1] = 15;<br>intArray[2] = intArray[0] + intArray[1];<br>b) Mảng hai chiều<br> - Cú pháp khai báo mảng:<br>var Tên_mang = new Array[n];<br>for(i=0;i<n;i++)<br> a[i]=new Array[m];<br> - Để truy xuất tới phần tử hàng i cột j ta dùng a[i][j]<br>Ví dụ<br>var intArray = new Array[10];<br>for(i=0;i<10;i++)<br> intArray[i] = new Array[10];<br>intArray[2][3] = 100;<br>3.3 Các kiểu dữ liệu trong JavaScript<br>3.3.1 Kiểu dữ liệu số<br> - Kiểu số có hai loại thông dụng là số nguyên và số thực.<br> - Các phép toán trên kiểu số:<br>  +, +=, -, -=, *, *=, /, /=, %, ++<br>  <, <=, >, >=, ==, !=<br>3.3.2 Kiểu ký tự<br> - Các ký tự được đặt giữa hai dấu nháy đơn.<br> - Các phép toán trên kiểu ký tự:<br> <, <=, >, >=, ==, !=<br>3.3.3 Kiểu chuỗi<br> - Chuỗi là một dãy các ký tự, một hằng chuỗi được đặt giữa hai dấy nháy kép.<br> - Các phép toán trên kiểu ký tự:<br> +, += <br> <, <=, >, >=, ==, !=<br>3.3.4 Kiểu logic<br> - Kiểu logic có hai giá trị là: true và false.<br> - Các phép toán trên kiểu ký tự:<br> &&, ||, ! <br>3.3.5 Kiểu ngày tháng<br> - Là kiểu dữ liệu mô tả thông tin về Ngày, tháng, năm, giờ, phút, giây của hệ thông.<br> - Để xử lý ngày giờ ta có một số hàm sau:<br> - Ngoài các kiểu dữ liệu thông dùng trên còn có kiểu object, null<br>3.4 Các cấu trúc điều khiển<br>3.4.1 Cấu trúc tuần tự<br> Các lệnh được thực hiện tuần tự từ trên xuống dưới:<br> Lệnh1;<br> Lệnh2;<br> …<br> Lệnhn;<br>3.4.2 Cấu trúc điều kiện<br>a) Cấu trúc if <br> if (btdk)<br> khối_lệnh;<br>b) Cấu trúc if else <br> if (btdk)<br> khối_lệnh1;<br> else<br> khối_lệnh2;<br>Ví dụ<br> a = 15;<br> if(a%2 == 0)<br> document.write(“So chan”);<br> else<br> document.write(“So le”);<br>c) Cấu trúc switch case<br> switch(bt)<br> {<br> case gt1:<br> khối_lệnh1; break;<br> case gt2:<br> khối_lệnh2; break;<br> …<br> default:<br> khối_lệnhn; break;<br> }<br>3.4.3 Cấu trúc lặp<br>a) Cấu trúc for<br> for(bt_ktạo;bt_đkhiển;bt_tđổi)<br> khối_lệnh;<br>Ví dụ<br> s = 0;<br> for(i=0;i<10;i++)<br> s+=2*i;<br>b) Cấu trúc while<br> while(btdk)<br> khối_lệnh;<br>Ví dụ<br> s = 0; i=0;<br> while(i<10)<br> {<br> s+=2*i;<br> i++;<br> }<br>c) Cấu trúc do while<br> do<br> khối_lệnh;<br> while(btdk);<br>Ví dụ<br> s = 0; i=0;<br> do<br> {<br> s+=2*i;<br> i++;<br> } while(i<=10);<br>3.5 Định nghĩa và sử dụng hàm<br> - Hàm được định nghĩa theo mẫu sau:<br>function tên_hàm([các tham số hình thức])<br>{<br> các câu lệnh;<br> [return bt;]<br>}<br> - Hàm được sử dụng thông qua lời gọi tới hàm.<br>Ví dụ<br> //định nghĩa hàm<br>function tongn(n)<br>{<br> var s=0;<br> for(i=0;i<=n;i++)<br> s+=i;<br> return s;<br>}<br> //sử dụng hàm<br>var t=tongn(10);<br>document.write(t);<br>4. SỬ DỤNG SCRIPT TRONG WEB<br>4.1 Chèn Script vào trang web<br> - Các đoạn Script được chèn vào trang bằng thẻ <script> theo cách<br><Script Language = “javascipt[/vbscript]”><br><!--<br> Mã lệnh;<br>--><br></script><br> - Trong đó ta dùng <!– và --> để báo cho trình duyệt không hiển thị đoạn mã bên trong nếu không hiểu thẻ<br>Ví dụ<br> //Xem trong viduchuong2vidu2_1<br>4.2 Nhập xuất dữ liệu trong Script<br> - Đối tượng document là đối tượng đại diện cho trang web hiện hành, còn đối tượng window thì đại diện cho cửa sổ trình duyệt mà trang web đang hiển thị.<br> - Để xuất dữ liệu ra trang web ta dùng phương thức write và writeln của đối tương document theo cú pháp:<br> document.write(“Chuỗi hiển thị”)<br> document.writeln(“Chuỗi hiễn thị”)<br> - Chúng ta có thể kết hợp các tag HTML để xuất dữ liệu trong các đoạn script theo cách<br> document.write(“tag chuỗi hiển thị tag”)<br>Ví dụ<br> //Xem trong viduchuong2vidu2_2<br> - Để hiển thị các hộp thông báo ta dùng phương thức alert của đối tượng window theo cú pháp:<br> window.alert(“Chuỗi thông báo”)<br>Ví dụ<br> //Xem trong viduchuong2vidu2_3<br> - Để xác nhận lựa chọn ta dùng phương thức confirm của đối tượng window theo cú pháp:<br> window.confirm(“Chuỗi thông báo”)<br>Ví dụ<br> //Xem trong viduchuong2vidu2_4<br> - Để nhập giá trị cho biến từ bàn phím dùng phương thức prompt của đối tượng window theo cú pháp:<br>tên_biến = window.prompt(“Chuỗi thông báo”,”giá trị mặc đinh”)<br>Ví dụ<br> //Xem trong viduchuong2vidu2_5<br>4.3 Sử lý các sự kiện khi tương tác với các thành phần trên trang Web.<br> Các sự kiện được phát sinh khi ta kích hoạt (onClick, onMouseOver, onMouseOut, ..) các thành phần trên trang web như các nút, các danh sách, các liên kết, …<br> Để xử lý các sự kiện ta tạo Hàm xử lý sự kiện và gắn hàm xử lý sự kiện đó cho tên sự kiện:<br> tên_sự_kiện = hàm_xử_lý_sự_kiện<br>Ví dụ<br> //Xem trong viduchuong2vidu2_6<br>Chương 3<br>NGÔN NGỮ LẬP TRÌNH ASP<br>1. GIỚI THIỆU VỀ ASP<br> ASP (Active Server Page) là một ngôn ngữ lập trình ứng dụng dược chạy trên phía Server. Một trang ASP có các đặc điểm sau:<br> - Một trang ASP được lưu với phần mở rộng .asp<br> - Cung cấp chế độ bảo mật tốt vì các mã code trong trang ASP người duyệt Web không thấy được.<br> - Kết nối với CSDL đơn giản.<br> - Được hỗ trợ bởi trình chủ Web Server IIS (Internet Information Services) và PWS (Personal Web Server).<br> Để thực thi được các trang ASP ta cần cài đặt IIS hoặc PWS. Để cài đặt IIS ta làm như sau:<br> + Chọn Start / Settings / Control Panel / Add or Remove Program. Hộp thoại Add or Remove Program xuất hiện.<br> + Trên hộp thoại Add or Remove Program chọn Add/Remove Windows Components. Hộp thoại Windows Components Wizard xuất hiện.<br> + Trên hộp thoại Windows Components Wizard chọn Internet Information Services và nhấn Next/..Finish.<br>2. NẠP ỨNG DỤNG WEB LÊN IIS<br> Để xem được các trang ASP ta phải nạp nó lên trình chủ Web IIS theo các bước sau:<br> Bước 1: Mở trình chủ Web IIS bằng cách chọn Start / Settings / Control Panel / Addministrative Tools / Internet Services Manager. <br> Bước 2: Tạo thư mục ảo cho ứng dụng như sau:<br> + Trên màn hình Internet Information Services bấm phải chuột vào mục Default Web Site và chọn New/Virtual Directory.<br> + Trên hộp thoại Virtual Directory Creation Wizard nhập bí danh cho thư mục ảo vào hộp Alias rồi bấm Next<br> + Chọn đường dẫn thư mục vật lý chứa ứng dụng cho mục Directory rồi bấm Next.<br> + Đặt quyền cho thư mục ảo rồi bấm nút Next /Finish.<br> Bước 2: Để xem trang Web ta mở trình duyệt Web và gõ địa chỉ URL vào hộp Address.<br>3. CÁC KHÁI NIỆM CƠ BẢN VỀ ASP<br>3.1 Thành phần cơ bản của một trang ASP<br> Một trang ASP thông thường gồm có 4 thành phần:<br> + Dữ liệu văn bản. <br> + Các tag HTML<br> + Các đoạn Script chạy phía Client nằm trong tag <script></script><br> + Các đoạn mã ASP chạy phía Server nằm trong hai cặp dấu <% và %><br> Mã ASP có thể viết bằng một trong hai ngôn ngữ VBScript và JavaScript. Để chỉ rõ là dùng ngôn ngữ nào ta phải khai báo:<br><%@Language = JavaScript/[VBScript]%> ở đầu trang, mặc định là VBScript.<br>3.2 Nhập/xuất dữ liệu<br> Để nhập xuất dữ liệu trong các đoạn mã ASP chạy phía máy chủ ta sử dụng hai đối tượng Request và Response, hai đối tượng này sẽ được nghiên cứu ở mục sau.<br>3.3 Hoạt động của trang ASP<br> Ứng dụng ASP được đặt trên máy chủ (trên trình chủ Web IIS), khi một trang ASP của ứng dụng được yêu cầu từ trình duyệt Browser (từ máy khách) thì trình chủ Web IIS sẽ thực thi các lệnh ASP, kết quả là một trang thuần HTML sẽ được gửi về cho máy khách và hiển thị trên trình duyệt. Người duyệt Web sẽ không thấy được các lệnh ASP.<br>3.4 Ví dụ minh hoạ<br> - Trang ASP với VBScript:<br>Xem: AspPracvbscriptpage.asp<br> - Trang ASP với JavaScript:<br>Xem: AspPracjavascriptpage.asp<br>4. ĐỐI TƯỢNG REQUEST VÀ RESPONSE<br>4.1 Đối tượng Request<br> Đối tượng Request dùng để nhận thông tin yêu cầu được gửi từ máy khách (Browser) đến máy chủ (Server). Đối tượng Request gồm có các thành phần (collection), thuộc tính (property) và các phương thức (method).<br>4.1.1 Request.Form<br> Request.Form trã về thông tin của các trường (field) trong thẻ <form> với phương thức gửi là Post khi người dụng đệ trình (submit) từ máy khách. Cú pháp sử dụng như sau:<br> Request.Form(“fieldname”)<br>Trong đó fieldname là tên các thẻ HTML dạng <input>, <text>, <textarea>, …<br>Ví dụ:<br> Ta xây dựng trang login.asp với form nhận thông tin đăng nhập gồm hai trường là username, password, sau đó xây dựng trang getinforlogin.asp để lấy và hiển thị thông tin đăng nhập. (Mã lệnh hai trang này trong thư mục AspPrac<br>4.1.2 Request.QueryString<br> Request.QueryString dùng để lấy giá trị từ QueryString<br>a) QueryString<br> QueryString được định nghĩa là một chuỗi nằm sau dấu ? trong chuỗi URL (Uniform Rerourse Locator) trên phần Address của trình duyệt khi yêu cầu trang Web. Chẳng hạn, bạn yêu cầu địa chỉ:<br>http://localhost/testing/exam.asp?al=A&page=cust<br> Khi đó QueryString là chuỗi sau:<br> al=A&page=cust<br>trong đó al và page là tham số, A và cust là giá trị. Các cặp tham sô, giá trị được cách nhau bởi dấu &. Để lấy được giá trị của các tham số ta dùng:<br> Request.QueryString(“paraname”)<br>Trong đó paraname là tên tham số, chẳng hạn al, page như trên.<br>Ví dụ:<br> Ta xây dựng trang qsinfor.asp dể minh hoạ . (Mã lệnh trang này trong thư mục AspPrac<br>b) Phương thức GET<br> Để có cặp tham số và giá trị trên chuỗi QueryString , ta có thể khai báo trực tiếp trong thẻ <a> hoặc khai báo phương thức gửi của form nhập liệu là GET.<br>Ví dụ:<br> Ta xây dựng trang qsform.asp và trang getqsform.asp dể minh hoạ . (Mã lệnh hai trang này trong thư mục AspPrac)<br>4.1.3 Request.ServerVariables<br> Khi cần lấy giá trị của các biến môi trường ta dùng thành phần ServerVariables theo cách: <br> Request.ServerVariable(variable) <br> Một số biến môi trường thường dùng:<br>Ví dụ:<br> Xem trang servervariables.asp trong thư mục AspPrac<br>4.2 Đối tượng Response<br> Ngược lại với chức năng của đối tượng Request, đối tượng Response dùng để gửi thông tin ngược lại Client từ Server.<br>4.2.1 Phương thức Write<br> Phương thức Write ghi chuỗi str theo định dạng HTML lên trang hiện hành. Cú pháp của phương thức:<br> Response.Write(str)<br>Ví dụ:<br> Trang writemethod.asp trong thư mục AspPrac<br>4.2.2 Phương thức Redirect<br> Phương thức Redirect chuyển người dùng đến một trang khác được chỉ định bởi URL. Cú pháp của phương thức:<br> Response.Redirect(URL)<br>Ví dụ:<br> Xem các trang minh hoạ trong thư mục AspPracRedirectExm<br>4.2.3 Phương thức And<br> Phương thức End yêu cầu Web Server dùng xử lý những dòng lệnh khai báo sau phương thức End và trả về kết quả hiện tại. Cú pháp của phương thức:<br> Response.End(); //Đối với Java<br> Response.End ‘Đối với VB<br>4.2.4 Thuộc tính Charset<br> Thuộc tính Charset quy định tập ký tự được dùng hiển thị nội dung trang. Hiện tại có rất nhiều tập ký tự khác nhau được sử dụng như ascii, eastern europe, windows-1252, ucs-1, utf-8, utf-16, … tập ký tự thông dụng nhất trên web là utf-8, mặc định là windows-1252.<br> Để quy định tập ký tự ta dùng:<br> Response.Charset = Charsetname<br>Chẳng hạn: Response.Charset = “utf-8”<br>4.2.5 Thuộc tính ContentType<br> Thuộc tính ContentType chỉ định kiểu hiển thị nội dung phúc đáp. Các kiểu thường dùng: text/HTML, image/GIF, image/JPEG, , ..Trong đó mặc định là text/HTML.<br> Để đặt thuộc tính ContentType ta dùng<br> Response.ContentType = contenttype chẳng hạn:<br> Response.ContentType = “text/HTML”<br>Ví dụ:<br> Xem trang contenttype. asp trong thư mục AspPrac<br>4.2.6 Thuộc tính Expires<br> Thuộc tính Expires chỉ định khoảng thời gian tính bằng phút trước khi trang đó được lưu trong bộ nhớ Catch của trình duyệt. Ví dụ<br> Response.Expires = 30<br>5.1 Đối tượng Session<br>5. ĐỐI TƯỢNG SESSION VÀ APPLICATION<br> Khi bạn làm việc với một ứng dụng thông qua việc mở một trang ASP nào đó, thực hiện một số tương tác (xem thông tin, cập nhật dữ liệu, ..), đóng ứng dụng. Các thao tác này được xem là hoạt động trong một phiên làm việc (session). <br> Khi bạn có nhu cầu truyền giá trị từ trang ASP này sang trang ASP khác trong một phiên làm việc, bạn sử dụng đối tượng Session.<br> Web Server tự động tạo ra đối tượng Session, đối tượng này sẽ có chu kỳ sống cho tới khi một trong các điều kiện sau xảy ra:<br> - Người dùng đóng trình duyệt (đóng cửa sổ cuối cùng của cùng một trình duyệt).<br><br> - Thời gian sống của nó hết hạn.<br> - Chúng ta khai báo huỷ bỏ đối tượng Session bằng phương thức của chúng.<br>5.1.1 Thành phần Contents<br> Thành phần Contents cho phép bạn truy nhập các biến Session theo cú pháp:<br> Session.Contents(“name”) = value<br> variable = Session.Contents(“name”)<br>Ví dụ:<br> Trang setsession.asp tạo các biến Session và gán giá trị cho chúng, trang getsession.asp đọc giá trị của các biến Session. <br> Để biết có bao nhiêu biến Session đang tồn tại trong phiên làm việc ta có thể sử dụng thuộc tính Session.Contents.Count<br>5.1.2 Thuộc tính SessionID<br> Mỗi một phiên làm việc có một con số id duy nhất được dùng để nhận diện. Ta có thể lấy được con số này qua thuộc tính Session.SessionID.<br>5.1.3 Thuộc tính TimeOut<br>Ví dụ:<br> Xem trang sessionid.asp<br> Thuộc tính TimeOut chỉ định thời gian sẽ hết hạn của đối tượng Session tính bằng phút nếu người sử dụng không làm tươi (Refresh) hay yêu cầu trang (Request).<br> Để khai báo thời gian này, ta có thể cung cấp tham số trong phần cấu hình ISS, khi đó mọi phiên làm việc đều có TimeOut như nhau. Tuy nhiên ta có thể sử dụng thuộc tính Session.TimeOut để cung cấp các giá trị khác nhau cho mỗi phiên làm việc.<br>5.1.4 Thuộc tính CodePage<br> Thuộc tính Session.CodePage chỉ định kiểu ký tự hiển thị trên trang ASP khi trình bày kết quả cho người sử dụng trong một phiên làm việc theo cú pháp sau:<br> Session.CodePage = CodepageId<br>Trong đó CodepageId là số nguyên ứng với định dạng chuỗi trên trang. Bạn có thể tìm thấy danh sách các số này trong cuột FamilyCodePage tại địa chỉ: http://msdn.microsoft.com/libraly/default.asp?url=/workshop/author/dhtml/reference/charsets/charset4.asp<br>5.1.5 Phương thức Remove<br> Phương thức Remove loại bỏ một biến Session đang tồn tại, cú pháp của phương thức như sau:<br> Session.Contents.Remove(para)<br>Trong đó para là tên của biến Session cần loại bỏ.<br>5.1.6 Phương thức RemoveAll<br> Phương thức RemoveAll loại bỏ tất cả các biến Session đang tồn tại, cú pháp của phương thức như sau:<br> Session.Contents.RemoveAll()<br>5.1.6 Phương thức Abandon<br> Phương thức Abandon giải phóng bộ nhớ đã cấp cho các biến Sessio, cú pháp của phương thức như sau:<br> Session.Contents.Abandon<br>Ví dụ:<br> Xem trang sessionmethod.asp<br>5.1.7 Sự kiện<br> Ngoài các thuộc tính và phương thức nêu ở trên, bạn còn có thể sử dụng các sự kiện Session_OnStart và Session_OnEnd của đối tượng Session. Hai sự kiện này được khai báo trong tập tin Global.asa, trong đó sự kiện Session_OnStart được kích hoạt khi Web Server tạo mới một phiên làm việc, sự kiện Session_OnEnd được kích hoạt khi một phiên làm việc bị huỷ hoặc hết hạn sử dụng.<br>Ví dụ:<br> Xem trang sessionaction.asp và tập tin global.asa<br></div> </div> </div> <div style="font-size:12px;">* Một số tài liệu cũ có thể bị lỗi font khi hiển thị do dùng bộ mã không phải Unikey ...</div> <hr> <div class="row"> <div class="ad-container"> </div> </div> <div class = 'clearfix'></div> <div class="row"> <div class="col-md-6 col-xs-12"> <div><b>Người chia sẻ</b>: <a href="#">Lương Dũng </a></div> <div><b>Dung lượng</b>: | <b>Lượt tài</b>: 0 </div> <div><b>Loại file</b>: </div> <div><b>Nguồn</b> : Chưa rõ </div> <div style="font-size:12px;">(Tài liệu chưa được thẩm định)</div> </div> <div class="col-md-6 col-xs-12"> <div class="btn-preview download-file-btn" style="width:150px;background:#f26c4f;margin:3px;" data-lesson-id = "5cc5e844831f1210308b53b3"> <a data-href="https://thuviengiaovien.com/lesson/download/id/5cc5e844831f1210308b53b3" href= "javascript:void(0)" style="color:#fff;" rel="nofollow"> <i class="fa fa-download" aria-hidden="true" style="font-size:20px;"></i> Tải tài liệu </a> </div> <div><a href="#">Báo cáo sai sót </a></div> <div><a href="#">Đề suất chỉnh sửa , phân lại mục</a> </div> </div> </div> </div> </div> </div> <div class="u-face-cm lazy"> <div class="fb-like" data-href="https://thuviengiaovien.com/thiet-ke-web-751620.html" data-layout="standard" data-action="like" data-show-faces="false" data-share="true" data-width="300"> </div> <div class="fb-comments" data-href="https://thuviengiaovien.com/thiet-ke-web-751620.html" data-width="100%" data-numposts="5" data-colorscheme="light"> </div> </div> </div> <div class="col-lg-4 col-md-4 col-sm-12 pdr-b hidden-xs"> <div class="u-learn-what"> <div class="alert alert-success" role="alert"> <h3>Thư Viện Giáo viên có gì ?!</h3> <hr style="margin:3px 0px;"> <div><i class="fa fa-check" aria-hidden="true"></i> Thư viện tài liệu giáo viên đủ các bậc học </div> <hr style="margin:3px 0px;"> <div><i class="fa fa-check" aria-hidden="true"></i> Tải và chia sẻ tài liệu miễn phí , lưu trữ không giới hạn ... </div> <hr style="margin:3px 0px;"> <div><i class="fa fa-check" aria-hidden="true"></i> Cộng đồng chia sẻ kinh nghiệm dạy học ... </div> <hr style="margin:3px 0px;"> <br /> <center><a class="unica-log-acc" href="/register">Tham gia thư viện > </a></center> </div> </div> <div class="u-learn-what"> <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-4649191202673214" data-ad-slot="2171434249" data-ad-format="auto" data-full-width-responsive="true"></ins> <script>(adsbygoogle=window.adsbygoogle||[]).push({});</script> </div> </div> </div> </div> </div> <br /> </main> <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css" integrity="sha384-mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU" crossorigin="anonymous"> <footer> <div id="footer2"> <div class="container"> <div class="row"> <div class="col-lg-2 col-md-2 col-sm-2 col-xs-6 pdr pdl" style="padding-top:20px;"> <span class="logo-footer"> <a class="navbar-brand" href="/"><img src="/images/logo/logo-tv-gv.png" width="100%"></a> </span> <!--<ul> <li> <i class="fa fa-map-marker" aria-hidden="true"></i> <a href="#">Mai Dịch Cầy Giấy Hà Nội </a> </li> </ul>--> </div> <div class="col-lg-2 col-md-2 col-sm-2 col-xs-6 pdr pdm des-unica"> <h4>Về chúng tôi </h4> <ul> <li><a href="/gioi-thieu">Giới thiệu</a></li> <li><a href="/faq">Câu hỏi thường gặp</a></li> <li><a href="/dieu-khoan-dich-vu.html">Điều khoản dịch vụ</a></li> <li><a href="/blog">Blog chia sẻ </a></li> </ul> </div> <div class="col-lg-2 col-md-2 col-sm-2 col-xs-6 pdr pdm des-unica"> <h4>Hoạt động</h4> <ul> <li><a href="/teacher">Đăng ký / Đăng nhập </a></li> <li><a href="#" target="_blank">Đăng ký hợp tác </a></li> </ul> </div> <div class="col-lg-2 col-md-2 col-sm-2 col-xs-6 pdr des-unica"> <h4>Liên kết hữu ích </h4> <ul> <li><a href="#">Dạy online </a></li> </ul> <span class="social-connect"> <p>Kết nối với </p> <ul> <li><a href="https://www.facebook.com/hoctaphay/" data-bg-color="#3B5998" style="background: rgb(59, 89, 152) !important;"><i class="fa fa-facebook"></i></a></li> <li><a href="# data-bg-color="#C22E2A" style="background: rgb(194, 46, 42) !important;"><i class="fa fa-youtube"></i></a></li> </ul> </span> </div> <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 pdr facebook-box"> <div class="fb-page fb_iframe_widget" data-href="https://www.facebook.com/hoctaphay/" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true" fb-xfbml-state="rendered" fb-iframe-plugin-query="adapt_container_width=true&app_id=1639709859601244&container_width=137&hide_cover=false&href=https%3A%2F%2Fwww.facebook.com%2Funica.vn%2F&locale=vi_VN&sdk=joey&show_facepile=true&small_header=false"><span style="vertical-align: bottom; width: 180px; height: 230px;"></span></div> </div> </div> </div> </div> <div id="footer3"> <div class="container"> <div class="row"> <div class="col-lg-10 col-md-10 col-sm-10 col-xs-12"> <p>© Thư viện giáo viên - Chia sẻ phướng pháp, tài liệu dạy học trực tuyến </p> </div> <div class="col-lg-2 col-md-2 col-sm-2 col-xs-12"> -- </div> </div> </div> </div> </footer> <script type="text/javascript" src="/templates/default/new/js/jquery-3.2.1.min.js?ver=201904261832"></script> <script type="text/javascript" src="/templates/default/new/js/bootstrap.min.js?ver=201904261832"></script> <script type="text/javascript" src="/templates/default/new/js/slick.js?ver=201904261832"></script> <script type="text/javascript" src="/templates/default/new/js/bootstrap.offcanvas.js?ver=201904261832"></script> <script type="text/javascript" src="/templates/default/new/js/sidenav.min.js?ver=201904261832"></script> <script type="text/javascript" src="/templates/default/new/js/amazonmenu.js?ver=201904261832"></script> <script type="text/javascript" src="/templates/default/new/js/sticky-sidebar.js?ver=201904261832"></script> <script type="text/javascript" src="/js/ViewerJS/viewerjs.js?ver=201904261832"></script> <script type="text/javascript"> $.fn.isOverflowed = function(){ var e = this[0]; return e.scrollHeight > e.clientHeight || e.scrollWidth > e.clientWidth; }; </script> <script type="text/javascript"> <!-- $(document).ready(function() { $('.download-file-btn').click(function(){ var _this = $(this); if(_this.data('downloading') != true){ _this.data('downloading',true); _this.data('downloading-error',0); $(this).find('i').addClass('fa-spinner'); $(this).find('i').addClass('fa-spin'); var callback = function(result){ console.log(result); if(result.success == true){ _this.data('downloading',false); // _this.find('i').removeClass('fa-spinner'); // _this.find('i').removeClass('fa-spin'); window.location.href = result.href; }else{ var error = _this.data('downloading-error'); if(error < 3){ _this.data('downloading-error',error + 1); getDownloadUrl({ id : _this.data('lesson-id'), },callback); } } }; getDownloadUrl({ id : _this.data('lesson-id'), },callback); } }); }); function getDownloadUrl(options,callback){ $.ajax({ url : '/lesson/get-download-info', type : 'POST', data : options, success : function(result){ callback(result); }, error : function(){ callback({success : false}); } }); } (function () { function b(a, b) { var c = new XMLHttpRequest; c.onreadystatechange = function () { var a, f; 4 === c.readyState && ((200 <= c.status && 300 > c.status || 0 === c.status) && (a = c.getResponseHeader("content-type")) && q.some(function (b) { return b.supportsMimetype(a) ? (f = b, console.log("Found plugin by mimetype and xhr head: " + a), !0) : !1 }), b(f)) }; c.open("HEAD", a, !0); c.send() } function r(a) { var b; q.some(function (c) { return c.supportsFileExtension(a) ? (b = c, !0) : !1 }); return b } function f(a) { var b = r(a); b && console.log("Found plugin by parameter type: " + a); return b } function x(a) { a = a.split("?")[0].split(".").pop(); var b = r(a); b && console.log("Found plugin by file extension from path: " + a); return b } function s(a) { var b = {}; (a.search || "?").substr(1).split("&").forEach(function (a) { a && (a = a.split("=", 2), b[decodeURIComponent(a[0])] = decodeURIComponent(a[1])) }); return b } var k, q = [function () { var a = "application/vnd.oasis.opendocument.text application/vnd.oasis.opendocument.text-flat-xml application/vnd.oasis.opendocument.text-template application/vnd.oasis.opendocument.presentation application/vnd.oasis.opendocument.presentation-flat-xml application/vnd.oasis.opendocument.presentation-template application/vnd.oasis.opendocument.spreadsheet application/vnd.oasis.opendocument.spreadsheet-flat-xml application/vnd.oasis.opendocument.spreadsheet-template".split(" "), b = "odt fodt ott odp fodp otp ods fods ots".split(" "); return { supportsMimetype: function (b) { return -1 !== a.indexOf(b) }, supportsFileExtension: function (a) { return -1 !== b.indexOf(a) }, path: "./ODFViewerPlugin", getClass: function () { return ODFViewerPlugin } } } (), { supportsMimetype: function (a) { return "application/pdf" === a }, supportsFileExtension: function (a) { return "pdf" === a }, path: "./PDFViewerPlugin", getClass: function () { return PDFViewerPlugin } } ]; $(document).ready(function() { if($('#preview_url').length != 0 && $('#viewer').length != 0 ){ var a = $('#preview_url').val(), e = { 'title' : $('#preview_title').val() }, c; if(a != '' && a != undefined ){ a ? (e.title || (e.title = a.replace(/^.*[\\\/]/, "")), e.documentUrl = a, b(a, function (b) { b || (b = e.type ? f(e.type) : x(a)); b ? "undefined" !== String(typeof loadPlugin) ? loadPlugin(b.path, function () { c = b.getClass(); new Viewer(new c, e) }) : (c = b.getClass(), new Viewer(new c, e)) : new Viewer })) : new Viewer } } }); k = document.createElementNS(document.head.namespaceURI, "style"); k.setAttribute("media", "screen"); k.setAttribute("type", "text/css"); k.appendChild(document.createTextNode(viewer_css)); document.head.appendChild(k); k = document.createElementNS(document.head.namespaceURI, "style"); k.setAttribute("media", "only screen and (max-device-width: 800px) and (max-device-height: 800px)"); k.setAttribute("type", "text/css"); k.setAttribute("viewerTouch", "1"); k.appendChild(document.createTextNode(viewerTouch_css)); document.head.appendChild(k) })(); //--> </script> <script> $(document).ready(function () { $(".remove-navibar").click(function () { $("#js-bootstrap-offcanvas").trigger("offcanvas.toggle"); }); }); jQuery(function () { amazonmenu.init({ menuid: 'mysidebarmenu' }) }) resizeWindow(); window.addEventListener('resize', resizeWindow); function resizeWindow() { $('.slider').slick({ responsive: [{ breakpoint: 2500, settings: "unslick" }, { breakpoint: 640, settings: { dots: true, infinite: true } } ] }); } $('.u-blog-slide').slick({ infinite: true, slidesToShow: 1, slidesToScroll: 1, responsive: [{ breakpoint: 1025, settings: { slidesToShow: 1, slidesToScroll: 1, infinite: true } }, { breakpoint: 769, settings: { slidesToShow: 1, slidesToScroll: 1 } }, { breakpoint: 480, settings: { slidesToShow: 1, slidesToScroll: 1 } } ] }); </script> <script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','https://www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-114571019-15', 'auto'); ga('send', 'pageview'); </script> <div id="fb-root"></div> <script>(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.5&appId=292835638303077"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script> </html>