The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

PopUp Inbox

View previous topic View next topic Go down

PopUp Inbox

Post by Seifer on January 26th 2014, 3:38 pm

Hello. I have been trying all night to get just the inbox to pop open onto the screen. I have a version made but it pops out a whole new webpage. Does anyone know how to make just the inbox pop out?

Here is a link to my Forum: http://animesocial.forumotion.com/

JavaScript
Code:
jQuery(document).ready(function(){
jQuery('body').append('<span id="privateButton" title="Open/Close Inbox">Open Inbox</span>
<div id="privateBox"><iframe src="/privmsg?folder=inbox&nid=3"></iframe></div>');
jQuery('#privateBox').hide();
jQuery('#privateButton').css('position', 'fixed').css('right', '0px').css('top', '30px');
jQuery('#privateBox iframe').css('position', 'fixed').css('right', '10px').css('top', '75px');
if(!document.getElementById('logout')){
jQuery('#privateButton').hide();
jQuery('#privateBox').hide();}
jQuery('#privateButton').click(function(){
jQuery('#privateBox').fadeToggle();
});
});
Css
Code:
/*PrivateBox*/
    #privateButton{
    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:   #2C3539;
    border:1px solid #382F2B;
    font-weight:bold;
    font-size:10px;
    z-index:999;
    color:   #fff;
    }
    #privateButton:hover{
    cursor:pointer;
    color:   #E5E4E2;
    background-color:#565051;
    }
    #privateBox iframe{
    z-index:999;
    border:none;
    height:50%;
    width:65%;
    }


Last edited by Seifer on January 26th 2014, 3:52 pm; edited 2 times in total (Reason for editing : Code, Url)

Seifer
New Member

Posts : 3
Reputation : 1
Language : English

http://animesocial.forumotion.com

Back to top Go down

Re: PopUp Inbox

Post by Mike on January 27th 2014, 9:53 pm

Are you putting the script on every page thru the javascript manager?
Try putting it into the javascript manager, and then don't activate it for any pages, copy the link and in the header of your forum, or if you have templates put:

Code:
<script src="LINK TO JAVASCRIPT FILE" type="text/javascript"></script>

This will make sure that your forum recognizes it for every page.

Mike
Hyperactive

Male Posts : 4242
Reputation : 466
Language : English, HTML, CSS
Location : Bozeman, Montana

Back to top Go down

Re: PopUp Inbox

Post by Seifer on January 30th 2014, 11:35 pm

Thanks but it does not work. Maybe you are misunderstanding what I am asking?

Seifer
New Member

Posts : 3
Reputation : 1
Language : English

http://animesocial.forumotion.com

Back to top Go down

Re: PopUp Inbox

Post by Seifer on February 2nd 2014, 2:56 am

Here is a Test account.

Username: TestAccount123
Password: Testpassword

Seifer
New Member

Posts : 3
Reputation : 1
Language : English

http://animesocial.forumotion.com

Back to top Go down

View previous topic View next topic Back to top


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