Home
Im trying to get my chatbox up more out of the corner.
[img]
[/img]
I want it on the right still but more towards the middle right of the page.
[img]
[/img]I want it on the right still but more towards the middle right of the page.
- Code:
$(function() {
window.$chatBoxLateral = {
open : 'http://i21.servimg.com/u/f21/19/08/97/95/cresce18.png',
close : 'http://i21.servimg.com/u/f21/19/08/97/95/cresce17.png',
height : '400px',
width : '800px',
toggle : function() {
var container = document.getElementById('chatbox_container').style;
if (this.src == $chatBoxLateral.open) {
container.width = $chatBoxLateral.width;
this.src = $chatBoxLateral.close;
} else {
container.width = '0px';
this.src = $chatBoxLateral.open;
}
}
};
var container = document.createElement('DIV'),
button = document.createElement('IMG'),
// container styles
style = {
height : '-1px',
width : '0px',
position : 'fixed',
right : '0px',
bottom : '0px',
zIndex : '99999',
transition : '300ms'
}, i;
button.id = 'chatbox_button';
button.src = $chatBoxLateral.open;
button.style.position = 'absolute';
button.style.left = '-100px';
button.onclick = $chatBoxLateral.toggle;
container.id = 'chatbox_container';
container.innerHTML = '<iframe src="/chatbox" style="width:100%;height:100%;border:none;"></iframe>';
container.insertBefore(button, container.firstChild);
for (i in style) container.style[i] = style[i];
document.body.appendChild(container);
});
