Chatroom window dynamic size
PostPosted: 03 Nov 2011, 01:36
Hi,
yesterday I needed to make the chatroom window bigger but for some reasons you can't declare height in %, you must use px or em so here is a short code you can use to make window size dynamic.
In file /includes/js/arrowchat_core.js
insert at line 10
insert at line 256
After
code
So the window size is edit automatically when you click on the chatroom button.
If you want it to be resized dynamically on browser window resize you can had this code with jquery on your page
Hope this will be useful for some of you
yesterday I needed to make the chatroom window bigger but for some reasons you can't declare height in %, you must use px or em so here is a short code you can use to make window size dynamic.
In file /includes/js/arrowchat_core.js
insert at line 10
- Code: Select all
//MOD Resize Chatroom Window
function resizeChat(){
var H = 0.8 //Edit here for final size in %
var FenH = a("#arrowchat_chatrooms_popup").height();
a("#arrowchat_chatroom_chat").css({ 'height' : Math.floor(FenH * H});
a("#arrowchat_chatroom_room_list").css({ 'height' : Math.floor(FenH * H)});
}
//End
insert at line 256
After
- Code: Select all
a("#arrowchat_chatrooms_button").click(function () {
code
- Code: Select all
resizeChat();
So the window size is edit automatically when you click on the chatroom button.
If you want it to be resized dynamically on browser window resize you can had this code with jquery on your page
- Code: Select all
<script type="text/javascript">
jQuery.noConflict();
//<![CDATA[
jQuery(document).ready(function($) {
function resizeChat(){
var FenH = $("#arrowchat_chatrooms_popup").height();
$("#arrowchat_chatroom_chat").css({ 'height' : Math.floor(FenH * .8)});
$("#arrowchat_chatroom_room_list").css({ 'height' : Math.floor(FenH * .8)});
}
$(window).resize(function () {
resizeChat();
})
});
Hope this will be useful for some of you