1 Hướng dẫn sử dụng js resize Element mặc định của Forumotion 20/4/2012, 10:07 pm
Founder
Admin
resizeElement là một javascript plugin mặc định của Forumotion có tác dụng thay đổi chiều cao của phần tử. Cách sử dụng như sau:
[+] Nếu bạn muốn resize phần tử nào thì hãy thược hiện 3 bước sau:
Bước 1: Thêm thuộc tính style sau cho phần tử đó:
Bước 2: Đặt một trong 2 đoạn code dưới đây vào vị trí bên dưới phần tử muốn resize:
Bước 3: Thay id-Element trong bước 2 bằng id của phần tử bạn muốn resize.
Ví dụ: Bạn có một thẻ div có id là FMvi-group và muốn resize:
Demo: http://www.fmvi.org/h40-demo-resize-element
- Code:
resizeElement(event,id)
[+] Nếu bạn muốn resize phần tử nào thì hãy thược hiện 3 bước sau:
Bước 1: Thêm thuộc tính style sau cho phần tử đó:
- Code:
style="overflow:none;height:300px;"
Bước 2: Đặt một trong 2 đoạn code dưới đây vào vị trí bên dưới phần tử muốn resize:
- Thanh resize nằm ngang, bên dưới phần tử:
- Code:
<div onmousedown="javascript:resizeElement(event, 'id-Element');" style="background: url("http://i48.servimg.com/u/f48/16/58/89/73/grippi11.png") no-repeat scroll center 2px #EEEEEE; border-color: #DDDDDD; border-style: solid; border-width: 0 1px 1px; cursor: s-resize; height: 9px; overflow: hidden;"></div>
- Thanh resize nằm bên phải, phía dưới phần tử:
- Code:
<div align="right"><b><img style="cursor:se-resize;" onmousedown="javascript:resizeElement(event, 'id-Element');" src="http://2img.net/i/fa/resize.gif"></b></div>
Bước 3: Thay id-Element trong bước 2 bằng id của phần tử bạn muốn resize.
Ví dụ: Bạn có một thẻ div có id là FMvi-group và muốn resize:
- Code:
<div class="forum" id="FMvi-group"></div>
- Code:
<div class="forum" id="FMvi-group" style="overflow:none;height:300px;"></div>
<div onmousedown="javascript:resizeElement(event, 'FMvi-group');" style="background: url("
http://i48.servimg.com/u/f48/16/58/89/73/grippi11.png
") no-repeat scroll center 2px #EEEEEE; border-color: #DDDDDD; border-style: solid; border-width: 0 1px 1px; cursor: s-resize; height: 9px; overflow: hidden;"></div>
Demo: http://www.fmvi.org/h40-demo-resize-element
Viết bởi baivong - FMvi.org