Chủ Nhật, 16 tháng 8, 2015

Margin padding của bootstrap

Bootstrap có quy định
- container, col : padding: 0 15px;
- row: margin : 0 -15px;
Như vậy xem hình như sau:



Thứ Năm, 13 tháng 8, 2015

How to make items to div center in css. (vertical-align)

First you mush set type of his parent to : POSITION: RELATIVE
Then, you set type of them to : POSITION : ABSOLUTE 
Now, you set it :
TOP: 50%;
LEFT: 50%;
TRANSLATE(-50%,-50%)

It will go to center of div. thanks all to watch my topic about "How to make items to div center in css. (vertical-align)"

Thứ Sáu, 29 tháng 5, 2015

Cách lấy class ở vị trí index nào trong div bằng javascript, jquery

<div class="class1 class2 class3"></div>

- Lấy div có class= class2:

Bằng Jquery:


 $("div").attr(class).split(" ")[1]
hoặc $("div").prop("classList").[1];

Thứ Tư, 27 tháng 5, 2015

Không click được sự kiện click event trong javascript, jquery.

Dòng lệnh $(document).ready()  nó sẽ được gọi khi tất cả code html của trang load xong
khi đó, nó sẽ lấy tất cả các thẻ có class “abc” đi đăng ký vào sự kiện onclick
 nhưng mà những thẻ div mình tạo sau khi nó đăng ký thì nó lại không nhận sự kiện
do đó, cách tốt nhất là dùng ‘onclick=“fucntion”.
Còn nếu dùng jquery thì phải:

$(document).delegate(".group-member-name", 'click', function(){
  alert("Test");
 });
cái delegate nó sẽ tác động đến tất cả các thẻ có có class group-member-name cả trước và sau khi ready

Thứ Năm, 14 tháng 5, 2015

thêm thẻ mới vào đối tượng selector bằng append()

ta có 1 thẻ <div> , ko chứ dữ liệu, bây giờ muốn thêm 1 đoạn văn vào

<div></div>// sẽ được thêm vào nội dung ở thẻ div khi thêm append
<buton>nút</button>

<script>
$(document).ready(function(){
   $('button').click(functon(){
       $('div').append('<h1>Them 1 dong mới vào</h1>');

});
</script>

Hiệu ứng Click chuột : fucus , blur

--Focus: click vùng chọn
$('#id').focus(function(){
    $(this).css('background-color','red');

});

--Blur : rời khỏi vùng chọn

$('#id').blur(function(){
    $(this).css('background-color','blue'')

});

Cách viết trong Jquery

cách thứ nhất:
$(document).ready(){
....
}

cách thứ 2:

$()ready(function(){
.....
})

cách thứ 3:

$(function(){
....
})