Popup Chatbox is not working correctly.

Go down

In progress Popup Chatbox is not working correctly.

Post by Kite Trojan on January 25th 2014, 4:19 am

 The Popup Chatbox is not working correctly. 

 
Code:
   /*Chatbox*/
    #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:#257;
    border:1px solid #146;
    font-weight:bold;
    font-size:10px;
    z-index:999;
    color:#fff;
    }
    #chatButton:hover{
    cursor:pointer;
    color:#ff8;
    background-color:#368;
    }
    #chatBox iframe{
    z-index:999;
    border:none;
    height:50%;
    width:65%;
    }

Added The Javascript Code
Code:
  jQuery(document).ready(function(){
    jQuery('body').append('<span id="chatButton" title="Open/Close Chatbox">Open Chat</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();
    });
    });

Put the result is above the beginning of this topic.
avatar
Kite Trojan
Forumember

Male Posts : 823
Reputation : 19
Language : English

http://galacticda.forumotion.com/

Back to top Go down

In progress Re: Popup Chatbox is not working correctly.

Post by Ange Tuteur on January 25th 2014, 5:23 am

Hello,

Are you using a small screen ?

If so try setting the dimension values in pixels :
Code:
   #chatBox iframe{
    z-index:999;
    border:none;
    height:250px;
    width:500px;
    }
avatar
Ange Tuteur
Forumaster

Male Posts : 13202
Reputation : 2917
Language : EN10, FR5, JA5
Location : Macungie, PA

https://github.com/SethClydesdale

Back to top Go down

In progress Re: Popup Chatbox is not working correctly.

Post by Kite Trojan on January 25th 2014, 5:23 am

No I am not. I used snipping tool and use that image only.
avatar
Kite Trojan
Forumember

Male Posts : 823
Reputation : 19
Language : English

http://galacticda.forumotion.com/

Back to top Go down

In progress Re: Popup Chatbox is not working correctly.

Post by Ange Tuteur on January 25th 2014, 5:28 am

Did you try changing your CSS to what I posted above ?
avatar
Ange Tuteur
Forumaster

Male Posts : 13202
Reputation : 2917
Language : EN10, FR5, JA5
Location : Macungie, PA

https://github.com/SethClydesdale

Back to top Go down

In progress Re: Popup Chatbox is not working correctly.

Post by Kite Trojan on January 25th 2014, 5:32 am

Yes, I just just have, but still nothing.
avatar
Kite Trojan
Forumember

Male Posts : 823
Reputation : 19
Language : English

http://galacticda.forumotion.com/

Back to top Go down

In progress Re: Popup Chatbox is not working correctly.

Post by Ange Tuteur on January 25th 2014, 5:40 am

perchance are you setting the dimensions of all iframes ?

You can try this :
Code:
#chatBox iframe { width:500px !important; height:250px !important; }
avatar
Ange Tuteur
Forumaster

Male Posts : 13202
Reputation : 2917
Language : EN10, FR5, JA5
Location : Macungie, PA

https://github.com/SethClydesdale

Back to top Go down

In progress Re: Popup Chatbox is not working correctly.

Post by Kite Trojan on January 25th 2014, 5:47 am

Code:
/*Chatbox*/
    #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:#257;
    border:1px solid #146;
    font-weight:bold;
    font-size:10px;
    z-index:999;
    color:#fff;
    }
    #chatButton:hover{
    cursor:pointer;
    color:#ff8;
    background-color:#368;
    }
    #chatBox iframe { width:500px !important; height:250px !important; }
    }
it says there's something wrong with the code
avatar
Kite Trojan
Forumember

Male Posts : 823
Reputation : 19
Language : English

http://galacticda.forumotion.com/

Back to top Go down

In progress Re: Popup Chatbox is not working correctly.

Post by Ange Tuteur on January 25th 2014, 5:52 am

You have an extra curly bracket at the bottom.

replace by :
Code:
    /*Chatbox*/
        #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:#257;
        border:1px solid #146;
        font-weight:bold;
        font-size:10px;
        z-index:999;
        color:#fff;
        }
        #chatButton:hover{
        cursor:pointer;
        color:#ff8;
        background-color:#368;
        }
        #chatBox iframe { width:500px !important; height:250px !important; }
avatar
Ange Tuteur
Forumaster

Male Posts : 13202
Reputation : 2917
Language : EN10, FR5, JA5
Location : Macungie, PA

https://github.com/SethClydesdale

Back to top Go down

In progress Re: Popup Chatbox is not working correctly.

Post by Kite Trojan on January 25th 2014, 5:53 am

Still the issue :/
avatar
Kite Trojan
Forumember

Male Posts : 823
Reputation : 19
Language : English

http://galacticda.forumotion.com/

Back to top Go down

In progress Re: Popup Chatbox is not working correctly.

Post by Ange Tuteur on January 25th 2014, 6:03 am

Please post a link to the forum you have this applied to.

Thanks in advance Smile
avatar
Ange Tuteur
Forumaster

Male Posts : 13202
Reputation : 2917
Language : EN10, FR5, JA5
Location : Macungie, PA

https://github.com/SethClydesdale

Back to top Go down

In progress Re: Popup Chatbox is not working correctly.

Post by Kite Trojan on January 25th 2014, 6:04 am

avatar
Kite Trojan
Forumember

Male Posts : 823
Reputation : 19
Language : English

http://galacticda.forumotion.com/

Back to top Go down

In progress Re: Popup Chatbox is not working correctly.

Post by Ange Tuteur on January 25th 2014, 6:09 am

The CSS I gave you before should work.

Try placing this at the TOP of your stylesheet :
Code:
#chatBox iframe { width:500px !important; height:250px !important; }

When I look at the bottom of your stylesheet I am seeing a lot of errors. Primarily this :
Code:
\A
}
\A \A #s4 {
\A background:url("http://urldel'image.jpg") no-repeat #030303
}
avatar
Ange Tuteur
Forumaster

Male Posts : 13202
Reputation : 2917
Language : EN10, FR5, JA5
Location : Macungie, PA

https://github.com/SethClydesdale

Back to top Go down

In progress Re: Popup Chatbox is not working correctly.

Post by Kite Trojan on January 25th 2014, 6:12 am

@Ange Tuteur wrote:The CSS I gave you before should work.

Try placing this at the TOP of your stylesheet :
Code:
#chatBox iframe { width:500px !important; height:250px !important; }

When I look at the bottom of your stylesheet I am seeing a lot of errors. Primarily this :
Code:
\A
}
\A \A #s4 {
\A background:url("http://urldel'image.jpg") no-repeat #030303
}
This is not my forum. I am one of the adminstrators and my friend wants me to help. Should we wait for him to come?
avatar
Kite Trojan
Forumember

Male Posts : 823
Reputation : 19
Language : English

http://galacticda.forumotion.com/

Back to top Go down

In progress Re: Popup Chatbox is not working correctly.

Post by Ange Tuteur on January 25th 2014, 6:13 am

Remove the \A's will make the CSS valid.

Did the CSS above work ?
avatar
Ange Tuteur
Forumaster

Male Posts : 13202
Reputation : 2917
Language : EN10, FR5, JA5
Location : Macungie, PA

https://github.com/SethClydesdale

Back to top Go down

In progress Re: Popup Chatbox is not working correctly.

Post by Kite Trojan on January 25th 2014, 6:27 am

No. I think I should wait for my friend to come because I don't know if that will mess up the slides.
avatar
Kite Trojan
Forumember

Male Posts : 823
Reputation : 19
Language : English

http://galacticda.forumotion.com/

Back to top Go down

In progress Re: Popup Chatbox is not working correctly.

Post by Kite Trojan on January 25th 2014, 5:06 pm

I saw nothing in the CSS with the /A. Also on the bottom left of the forum, the "Open Chat" duplicates.
avatar
Kite Trojan
Forumember

Male Posts : 823
Reputation : 19
Language : English

http://galacticda.forumotion.com/

Back to top Go down

Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum