Web

Chủ Nhật, 25 tháng 10, 2015

mẫu website đẹp

http://freeweba2z.net/web-mien-phi

http://freeweba2z.net/html-responsive-mien-phi

http://freeweba2z.net/web-mien-phi

Thứ Ba, 20 tháng 10, 2015

Chèn bản đồ Google Map vào website - rất đơn giản

nguồn: http://www.thietkeweb-seo.com/web/chen-ban-do-google-map-vao-website-rat-don-gian/195

Hôm nay mình sẽ tiếp tục chỉ cho bạn cách chèn bản đồ Google Maps vào website.

Lợi ích của việc chèn bản đồ Google map vào website

- Tạo cho người dùng khi ghé thăm website có một cái nhìn tổng quan về địa điểm nơi bán hàng.
- Không sử dụng thông qua một website về địa điểm nào mà vẫn có thể tìm thấy địa điểm cần ghé tới.
- Ghi chú một cách trực quan nhất về địa điểm. Đảm bảo cho bạn có đầy đủ tính năng của một trang LIÊN HỆ - GIỚI THIỆU.

Sau đây là các ví dụ mẫu cho các trường hợp cụ thể. Bạn có thể chọn ví dụ thích hợp nhất để chèn vào website của bạn:

1. Đánh dấu địa điểm trên bản đồ Google Map có ghi chú

Mẫu 1: Định vị địa điểm trên bản đồ kèm theo của sổ ghi chú, hình ảnh doanh nghiệp, công ty...

Source code:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>www.bogiaso.com - Chèn Googel Maps vào website</title>
<!--    Chuỗi khai báo lấy tham số của google maps   -->
<script type="text/javascript" 
src="http://maps.googleapis.com/maps/api/js?sensor=false&language=vi"></script>
<script type="text/javascript">
var map;
function initialize() {
      var myLatlng = new google.maps.LatLng(10.843928,106.717672);
      var myOptions = {
    zoom: 16,
    center: myLatlng,
    mapTypeId: google.maps.MapTypeId.ROADMAP
}
map = new google.maps.Map(document.getElementById("div_id"), myOptions); 
  // Biến text chứa nội dung sẽ được hiển thị
var text;
text= "<b style='color:#00F' " + 
         "style='text-align:center'>Nhà của mình nè!<br />" + 
     "<img src='citihouse-logo.jpg'  /></b>";
   var infowindow = new google.maps.InfoWindow(
    { content: text,
        size: new google.maps.Size(100,50),
        position: myLatlng
    });
       infowindow.open(map);    
    var marker = new google.maps.Marker({
      position: myLatlng, 
      map: map,
      title:"Trường ĐH GTVT TP.HCM!"
  });
}
</script>
</head>
<body onLoad="initialize()">
    <div id="div_id" style="height:500px; width:600px"></div>
</body>
</html>

2. Vị trí hiện tại của tôi trên bản đồ Google Map

Bạn có muốn chia sẽ vị trí hiện tại của mình cho người khác biết? Tôi có thể biết bạn đang ở đâu nếu bạn chia sẽ địa điểm của bạn cho tôi. Trong khi bạn không biết mình đang ở chổ nào.

Trong ví dụ này: Google Maps sẽ theo dõi IP của bạn và xác định bạn đang ở đâu trên bản đồ. Việc của bạn là có nên cho phép Google theo dõi bạn hay không?

Sau khi bạn cho phép,thì Google sẽ hiển thị vị trí hiện tại của bạn trên bản đồ tương ứng. Ví dụ, hiện tại tôi đang ngồi ở quán cà phê và vào website. Hãy xem vị trí của tôi nào:

Mẫu 2: Xác định vị trí hiện tại đang ngồi bằng việc theo dõi IP của người dùng

Google Gears Geolocation API - Đây là bộ công cụ cho phép bạn thao tác với vị trí người dùng hiện tại. Để có thể lấy được địa điểm, bạn nên tải file Google Gearsvề máy hoặc có thể link trực tiếp đến file. sau đó khai báo nó trong thẻ <script>

<script type="text/javascript" src="http://code.google.com/apis/gears/gears_init.js" >
</script>

Chú ý: Vì đây là bộ công cụ hoạt động theo chuẩn W3C định vị, đây là một phần của HTML 5 nên trước khi bắt đầu bạn nên kiểm tra xem trình duyệt có hỗ trợ hay không.

Source code xác định vị trí hiện tại:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Maps API</title>
<script type="text/javascript"
src="http://code.google.com/apis/gears/gears_init.js" ></script>
<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false&language=vi&region=hcm"></script>
<script type="text/javascript">
var map;
function initialize() {
var myLatlng = new google.maps.LatLng(10.790141,106.633301);
var myOptions = {
zoom: 16,
center: myLatlng,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
map = new google.maps.Map(document.getElementById('div_id'),myOptions);

if(navigator.geolocation) {
navigator.geolocation.getCurrentPosition(function(position) {
var pos = new google.maps.LatLng(position.coords.latitude,
position.coords.longitude);
var infowindow = new google.maps.InfoWindow({
map: map,
position: pos,
content: "<b style='color:#00F'>Trần Văn Tiến đang ở đây</b> <br
/>" +
"<img src='avatar.jpg' height='70' width='50' />"
});
map.setCenter(pos);
}, function() {
handleNoGeolocation(true);
});
}
else
{
handleNoGeolocation(false);
}
}
function handleNoGeolocation(errorFlag) {
if (errorFlag) {
var content = 'Quá trình tìm kiếm địa điểm của
bạn không thể thực hiện.';
} else {
var content = 'Trình duyệt của bạn không hỗ trợ ';
}
var infowindow = new google.maps.InfoWindow(options);
map.setCenter(options.position);
}
</script>
</head>
<body onload="initialize()" >
<div id="div_id" style="height:500px; width:500px"></div>
</body>
</html>

Khi xem, trình duyệt sẽ hỏi bạn có muốn chia sẽ vị trí của bạn cho google biết không. Hãy nhấn đồng ý
- Allow : Với Google Chrome
- Share Location : Với firefox.

Geolocation cho phép bạn lấy các thông tin về vị trí hiện tại và kiểm tra tính hỗ trợ về chuẩn W3C định vị. Trong trường hợp kiểm tra trình duyệt không hỗ trợ hoặc quá trình tìm kiếm vị trí hiện tại không thành công thì vị trí do đối tượng myLatlng nắm giữ sẽ được hiển thị trên bản đồ. Sau đó hàm handleNoGeolocation sẽ được gọi với giá trị boolean truyền vào cho biết lỗi do không tìm thấy vị trí hay là lỗi do trình duyệt không hỗ trợ.

Nếu tìm thấy địa điểm thành công thì khởi tạo đối tượng infowindow Nắm giữ thông tin vị trí và hiện thị nó ra bản đồ.

Bạn có thể sử dụng cái này để gọi một hàm javascript ( Ajax ) thực hiện insert tọa độ của người dùng vào CSDL. Đây là cách theo dõi người dùng.

Một số doanh nghiệp muốn mở rộng thị trường chỉ cần biết người dùng vào website của họ ở đâu nhiều nhất, thì họ sẽ tới đó mở một chi nhánh…

Tác giả: Trần Văn Tiến.

Thứ Hai, 19 tháng 10, 2015

popup jquery demo

Thứ Hai, 12 tháng 10, 2015

Download Xampp mới nhất 2013 | Xampp for Windows,MacOS,Linux

http://sinhvienit.net/forum/download-xampp-moi-nhat-xampp-for-windows-macosx-linux.249762.html

Xampp là 1 gói cài đặt có sẵn apache, mysql, php và nhiều tiện ích khác giúp bạn có thể setup 1 webserver 1 cách nhanh chóng. Do tính dễ dàng trong cài đặt, đầy đủ chức năng và thường xuyên cập nhật các phiên bản mới của php, apache, mysql... nên xampp là 1 trong số những bộ cài đặt tích hợp được sử dụng nhiều nhất.

Download xampp mới nhất

Topic này sẽ cập nhật các bản xampp mới nhất cho các bạn download.

Bản Xampp trên windows đã được cài sẵn các thành phần sau

Apache 2.4.4
MySQL 5.6.11
PHP 5.5.3
phpMyAdmin 4.0.4
FileZilla FTP Server 0.9.41
Tomcat 7.0.42 (with mod_proxy_ajp as connector)
Strawberry Perl 5.16.3.1 Portable
XAMPP Control Panel 3.2.1 (from hackattack142)

Trên windows mặc định xampp sẽ cài vào thư mục C:\xampp nếu bạn không thay đổi trong quá trình cài.
Thư mục chứa code web sẽ là C:\xampp\htdocs
User/pass MySQL mặc định là: root (không có mật khẩu)

Download Xampp phiên bản 1.8.3 (Tương thích tốt với Windows 2000, 2003, XP, Vista, and 7):
------
Xampp cho Windows,Linux, MAC OSX:http://file.sinhvienit.net/17f20adf
Link dự phòng 1: http://www.fshare.vn/file/TW0CZV769T/
Link dự phòng 2: http://share.vnn.vn/tai-file-20137245
Link dự phòng 3: http://upfile.vn/ih04
Nếu khi setup xampp trên windows mà gặp lỗi như hình dưới (Warning: XAMPP (PHP) cannot work without the Microsoft Visual C++ 2008 Redistributable Package)

Thì các bạn hãy tải Microsoft Visual C++ 2008 Redistributable package ở link sau về cài trước khi cài xampp
http://file.sinhvienit.net/571a0c54

Hướng dẫn chi tiết cách cài localhost bằng xampp trên windows

Nội dung đã được thu gọnHiện ra

Bản xampp trên linux được cài mặc định vào /otp/lampp/
Để điều khiển xampp trên linux ta dùng lệnh

/opt/lampp/lampp Lệnh

Lệnh có thể là các lệnh sau

start	Starts XAMPP.
stop	Stops XAMPP.
restart	Stops and starts XAMPP.
startapache	Starts only the Apache.
startssl	Starts the Apache SSL support. This command activates the SSL support permanently, e.g. if you restarts XAMPP in the future SSL will stay activated.
startmysql	Starts only the MySQL database.
startftp	Starts the ProFTPD server. Via FTP you can upload files for your web server (user "nobody", password "lampp"). This command activates the ProFTPD permanently, e.g. if you restarts XAMPP in the future FTP will stay activated.
stopapache	Stops the Apache.
stopssl	Stops the Apache SSL support. This command deactivates the SSL support permanently, e.g. if you restarts XAMPP in the future SSL will stay deactivated.
stopmysql	Stops the MySQL database.
stopftp	Stops the ProFTPD server. This command deactivates the ProFTPD permanently, e.g. if you restarts XAMPP in the future FTP will stay deactivated.
security	Starts a small security check programm.

Tổng kết link download Xampp:
Phiên bản Xampp 1.8.3:------
Xampp cho Windows,Linux, MAC OSX:http://file.sinhvienit.net/17f20adf
Link dự phòng 1: http://www.fshare.vn/file/TW0CZV769T/
Link dự phòng 2: http://share.vnn.vn/tai-file-20137245
Link dự phòng 3: http://upfile.vn/ih04

Phiên bản Xampp 1.8.2:------
Xampp trên windows:
Link File.SvIT => http://file.sinhvienit.net/b2b6121d
Link Fshare.vn => http://www.fshare.vn/file/TWFHGKJGAT/
Link upfile.vn => http://upfile.vn/5rht

Thư viện C++ 2008: http://file.sinhvienit.net/571a0c54

Xampp trên linux: http://file.sinhvienit.net/cce10e75

Xampp trên MAC OS X: http://file.sinhvienit.net/a53f0da2