100% Chat Height

by **zagor256** » Thu Oct 07, 2010 7:51 pm

Hi.

After some research I find a way how to have a chat on whole browser screen.

OPEN
data/public/js/pfcclient.js

Find

refreshGUI: function()
{

AFTER ADD

Code: Select all: var myWidth; var myHeight; if( typeof( window.innerWidth ) == 'number' ) { //Non-IE myWidth = window.innerWidth; myHeight = window.innerHeight; } else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) { //IE 6+ in 'standards compliant mode' myWidth = document.documentElement.clientWidth; myHeight = document.documentElement.clientHeight; } else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) { //IE 4 compatible myWidth = document.body.clientWidth; myHeight = document.body.clientHeight; } document.getElementById("pfc_container").style.height = (myHeight - 60) + "px"; document.getElementById("pfc_channels_content").style.height = (myHeight - 260)+ "px";

Adjust last two lines to match your style. (change: myHeight -260 to lower or higher value)

by **OldWolf** » Mon Oct 11, 2010 8:09 pm

I think you've just answered a very long standing question.

I'll sticky it for you, thanks!

by **todhend** » Wed Nov 10, 2010 1:47 am

this works great, thanks

by **radionow** » Mon Dec 13, 2010 9:17 pm

awesome, thank you very much for this.

by **littleantz** » Tue Apr 19, 2011 12:40 pm

Will this auto fit when chat is inside an iframe?

by **mountpku** » Fri Aug 05, 2011 8:37 am

it works, i also do the some research, but no result
thank you

by **zagor256** » Wed Aug 10, 2011 1:55 pm

Hi. It works also in iframe.

I have also modifed JS code that when you resize browser window when chat is already loaded it also resize chat dimensions.

So you have to do edits from first post and
also put that code in index.php (somewhere between <head> and </head> n) if you also want realtime resizing:

Code: Select all: <script type="text/javascript"> window.onresize = doResize; function doResize() { var myWidth; var myHeight; if( typeof( window.innerWidth ) == 'number' ) { //Non-IE myWidth = window.innerWidth; myHeight = window.innerHeight; } else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) { //IE 6+ in 'standards compliant mode' myWidth = document.documentElement.clientWidth; myHeight = document.documentElement.clientHeight; } else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) { //IE 4 compatible myWidth = document.body.clientWidth; myHeight = document.body.clientHeight; } document.getElementById("pfc_container").style.height = (myHeight - 60) + "px"; document.getElementById("pfc_channels_content").style.height = (myHeight - 260)+ "px"; var divs=document.getElementsByTagName('div'), d, i=0; while(d=divs[i++]){ d.id.match(/pfc_online_/)?d.style.height = (myHeight - 260)+ "px":null; d.id.match(/pfc_channel_content_/)?d.style.height = (myHeight - 260)+ "px":null; d.id.match(/pfc_chat/)?d.style.height = (myHeight - 260)+ "px":null; } } </script>

by **guttastyle** » Sun Mar 04, 2012 8:20 pm

Hello to all,

Does this allow for me to adjust my chat's height to a specific height ? or is this just to make the chat's height 100% / full screen on browser ?

by **xgamer224** » Mon Mar 05, 2012 3:15 am

Nice! It works for me

by **guttastyle** » Mon Mar 05, 2012 5:01 pm

Does this allow you to adjust the chat's height to a specific height ? or is this just to make the chat's height 100% / full screen on browser ?

100% Chat Height

Who is online