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:

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;"

... có thể thêm thuộc tính này trong CSS, trong đó 300 là chiều cao ban đầu của phần tử, bạn có thể thay thế nó bằng số bạn muốn.

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 id="FMvi-group"></div>

...bạn chỉ cần làm theo hướng dẫn trên, thêm CSS, đặt code resize bên dưới, thay đổi id-Element:

Code:

    <div 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: [You must be registered and logged in to see this link.]

Viết bởi baivong - FMvi.vn