Tháng Ba | 2012 | Trần Quang Trung

BugNet Database Diagram

Tháng Ba 21, 2012 Bạn nghĩ gì về bài viết này?

1. BugNet Permission

2. BugNet ASPNET Membership

Filed under SQL Server Tagged with Diagram

User story point, velocity và lập kế hoạch phát hành

Tháng Ba 13, 2012 Bạn nghĩ gì về bài viết này?

http://hanoiscrum.net/hnscrum/blogs1/120

http://hanoiscrum.net/hnscrum/learning/102

http://hanoiscrum.net/hnscrum/resource/107

Filed under Software engineering

Task Board

Tháng Ba 13, 2012 Bạn nghĩ gì về bài viết này?

Chi tiết tại đây:
http://www.mountaingoatsoftware.com/scrum/task-boards

Filed under Software engineering

Sliding Panel Using jQuery And CSS3

Tháng Ba 7, 2012 Bạn nghĩ gì về bài viết này?

1. Trang tham khảohttp://spyrestudios.com/how-to-create-a-sexy-vertical-sliding-panel-using-jquery-and-css3/
– http://spyrestudios.com/demos/sliding-panel-left/
– http://spyrestudios.com/demos/sliding-panel-right/
– http://spyrestudios.com/demos/sliding-panel-fixed/
http://devsnippets.com/img/demo-jquery/demo1.html (hover effect)
http://www.treegrid.com/treegrid/www/ (hide left menu)

2. Hiêu ứng cho ẩn hiện panel
jQuery – slide right to left?

a. $("#slide").animate({width:'toggle'},350);
EX: thằng này cũng hay

SlideDown:  .animate({ height: 'show' });
SlideUp:    .animate({ height: 'hide });
SlideRight: .animate({ width: 'show' });
SlideLeft:  .animate({ width: 'hide' });

-> Sau khi tham khảo mấy suggest trên thì áp dụng cho thằng ẩn hiện panel từ phải sang trái
$("#lnkStatus").click(function () { $(".toolboxRightPanel").animate({ width: "hide" },"fast"); if ($("#panelStatus").is(":visible") == false) { $("#panelStatus").animate({ width: 'show' }, 500); } }); 
Chi tiết: http://stackoverflow.com/questions/596608/jquery-slide-right-to-left

Filed under ASP.NET

Google Map Experience (Custom Map Controls)

Tháng Ba 7, 2012 Bạn nghĩ gì về bài viết này?

1. Di chuyển panControl, zoomControl sang bên phải sử dụng thuộc tính ControlPosition

TOP_CENTER
TOP_LEFT
TOP_RIGHT
LEFT_TOP
TOP_LEFT
RIGHT_TOP
TOP_RIGHT
LEFT_CENTER
TOP_LEFT
BOTTOM_LEFT
RIGHT_CENTER
TOP_RIGHT
BOTTOM_RIGHT
LEFT_BOTTOM
BOTTOM_LEFT
RIGHT_BOTTOM
BOTTOM_RIGHT
BOTTOM_CENTER
BOTTOM_LEFT
BOTTOM_RIGHT

2. Chi tiết tại:

http://code.google.com/apis/maps/documentation/javascript/controls.html

3. Ví dụ full màn hình với panControl, zoomControl bên phải
<!DOCTYPE html> <html dir="rtl"> <head> <title>Maps API Example: Right-to-Left Text</title> <meta charset="UTF-8"> <link href="/apis/maps/documentation/javascript/examples/default.css" rel="stylesheet" type="text/css">

#map_canvas {
height: 100%;
}

@media print {
html, body {
height: auto;
}

#map_canvas {
height: 650px;

}
}
</style>
<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(21.0288760,105.851292);
var myOptions = {
zoom: 12,
center: myLatlng,
mapTypeId: google.maps.MapTypeId.ROADMAP,
mapTypeControl:true,
mapTypeControlOptions:
{
style: google.maps.MapTypeControlStyle.DROPDOWN_MENU,
position: google.maps.ControlPosition.TOP_RIGHT
},
panControl:true,
panControlOptions:
{
position:google.maps.ControlPosition.RIGHT_TOP
},
zoomControl:true,
zoomControlOptions:
{
style: google.maps.ZoomControlStyle.LARGE,
position:google.maps.ControlPosition.RIGHT_TOP
}
}
map = new google.maps.Map(document.getElementById(“map_canvas”), myOptions);