Hello everyone,
im facing some problems with my chat lately and i dont know what to do.
First of all, when i press inspect element on my forum, it appears these codes without having any chatbox there lol
Secondly, im trying to use some codes for a popup chatbox. it used to work but lately it doesnt. is it possible to getting "blocked" somehow from another js code?
the codes im using are these:
Thanks for your help
im facing some problems with my chat lately and i dont know what to do.
First of all, when i press inspect element on my forum, it appears these codes without having any chatbox there lol
Secondly, im trying to use some codes for a popup chatbox. it used to work but lately it doesnt. is it possible to getting "blocked" somehow from another js code?
the codes im using are these:
- Spoiler:
js
- Code:
jQuery(document).ready(function(){
jQuery('body').append('<span id="chatButton">Συνομιλία</span><div id="chatBox"><iframe src="/chatbox/index.forum"></iframe></div>');
jQuery('#chatBox').hide();
jQuery('#chatButton').css('position', 'fixed').css('right', '0px').css('bottom', '0px');
jQuery('#chatBox iframe').css('position', 'fixed').css('right', '10px').css('bottom', '45px');
if(!document.getElementById('logout')){
jQuery('#chatButton').hide();
jQuery('#chatBox').hide();}
jQuery('#chatButton').click(function(){
jQuery('#chatBox').fadeToggle();
});
});
css
- Code:
#chatButton{
box-shadow:0px 10px 6px rgba(255,255,255, 0.2) inset, 0px -10px 6px rgba(0,0,0, 0.2) inset;
padding:10px 20px 10px 20px;
background-color:#000000;
border:1px solid #146;
font-weight:bold;
font-size:10px;
z-index:999;
color:#fff;
}
#chatButton:hover{
cursor:pointer;
color:#ff0000;
background-color:#000000;
}
#chatBox iframe{
z-index:999;
border:none;
height:50%;
width:65%;
}
#chatButton{
bottom:20px !important;
}
#chatBox iframe{
bottom:60px !important;
}
Thanks for your help