vb.org Archive

vb.org Archive (https://vborg.vbsupport.ru/index.php)
-   vBulletin 3.8 Add-ons (https://vborg.vbsupport.ru/forumdisplay.php?f=235)
-   -   Miscellaneous Hacks - Floating notice box in forumhome. (https://vborg.vbsupport.ru/showthread.php?t=228646)

Simon Lloyd 11-22-2009 10:00 PM
Floating notice box in forumhome.
 
1 Attachment(s)
This "Mod" will allow you to have a floating notice box in your Forumhome, however it can easily be adapted to show wherever you like!

The original javascript for the float and the box are from here http://www.jtricks.com/javascript/na.../floating.html all the information here does is help you understand where to put the code and how to use it etc

Go to AdminCp>Style Manager>YOUR STYLE>Header and underneath
PHP Code:
$ad_headerEnd 
add this (currently it is set to only show to unregistered users)
PHP Code:
<!-- float div -->
<if condition="THIS_SCRIPT == 'index' AND is_member_of($bbuserinfo,1)"><script type="text/javascript"><!--
/* Script by: www.jtricks.com
 * Version: 20071017
 * Latest version:
 * www.jtricks.com/javascript/navigation/floating.html
 */
var floatingMenuId = 'floatdiv';
var floatingMenu =
{
    targetX: -290,
    targetY: 90,

    hasInner: typeof(window.innerWidth) == 'number',
    hasElement: typeof(document.documentElement) == 'object'
        && typeof(document.documentElement.clientWidth) == 'number',

    menu:
        document.getElementById
        ? document.getElementById(floatingMenuId)
        : document.all
          ? document.all[floatingMenuId]
          : document.layers[floatingMenuId]
};

floatingMenu.move = function ()
{
    floatingMenu.menu.style.left = floatingMenu.nextX + 'px';
    floatingMenu.menu.style.top = floatingMenu.nextY + 'px';
}

floatingMenu.computeShifts = function ()
{
    var de = document.documentElement;

    floatingMenu.shiftX =  
        floatingMenu.hasInner  
        ? pageXOffset  
        : floatingMenu.hasElement  
          ? de.scrollLeft  
          : document.body.scrollLeft;  
    if (floatingMenu.targetX < 0)
    {
        floatingMenu.shiftX +=
            floatingMenu.hasElement
            ? de.clientWidth
            : document.body.clientWidth;
    }

    floatingMenu.shiftY = 
        floatingMenu.hasInner
        ? pageYOffset
        : floatingMenu.hasElement
          ? de.scrollTop
          : document.body.scrollTop;
    if (floatingMenu.targetY < 0)
    {
        if (floatingMenu.hasElement && floatingMenu.hasInner)
        {
            // Handle Opera 8 problems
            floatingMenu.shiftY +=
                de.clientHeight > window.innerHeight
                ? window.innerHeight
                : de.clientHeight
        }
        else
        {
            floatingMenu.shiftY +=
                floatingMenu.hasElement
                ? de.clientHeight
                : document.body.clientHeight;
        }
    }
}

floatingMenu.calculateCornerX = function()
{
    if (floatingMenu.targetX != 'center')
        return floatingMenu.shiftX + floatingMenu.targetX;

    var width = parseInt(floatingMenu.menu.offsetWidth);

    var cornerX =
        floatingMenu.hasElement
        ? (floatingMenu.hasInner
           ? pageXOffset
           : document.documentElement.scrollLeft) + 
          (document.documentElement.clientWidth - width)/2
        : document.body.scrollLeft + 
          (document.body.clientWidth - width)/2;
    return cornerX;
};

floatingMenu.calculateCornerY = function()
{
    if (floatingMenu.targetY != 'center')
        return floatingMenu.shiftY + floatingMenu.targetY;

    var height = parseInt(floatingMenu.menu.offsetHeight);

    // Handle Opera 8 problems
    var clientHeight = 
        floatingMenu.hasElement && floatingMenu.hasInner
        && document.documentElement.clientHeight 
            > window.innerHeight
        ? window.innerHeight
        : document.documentElement.clientHeight

    var cornerY =
        floatingMenu.hasElement
        ? (floatingMenu.hasInner  
           ? pageYOffset
           : document.documentElement.scrollTop) + 
          (clientHeight - height)/2
        : document.body.scrollTop + 
          (document.body.clientHeight - height)/2;
    return cornerY;
};

floatingMenu.doFloat = function()
{
    // Check if reference to menu was lost due
    // to ajax manipuations
    if (!floatingMenu.menu)
    {
        menu = document.getElementById
            ? document.getElementById(floatingMenuId)
            : document.all
              ? document.all[floatingMenuId]
              : document.layers[floatingMenuId];

        initSecondary();
    }

    var stepX, stepY;

    floatingMenu.computeShifts();

    var cornerX = floatingMenu.calculateCornerX();

    var stepX = (cornerX - floatingMenu.nextX) * .07;
    if (Math.abs(stepX) < .5)
    {
        stepX = cornerX - floatingMenu.nextX;
    }

    var cornerY = floatingMenu.calculateCornerY();

    var stepY = (cornerY - floatingMenu.nextY) * .07;
    if (Math.abs(stepY) < .5)
    {
        stepY = cornerY - floatingMenu.nextY;
    }

    if (Math.abs(stepX) > 0 ||
        Math.abs(stepY) > 0)
    {
        floatingMenu.nextX += stepX;
        floatingMenu.nextY += stepY;
        floatingMenu.move();
    }

    setTimeout('floatingMenu.doFloat()', 20);
};

// addEvent designed by Aaron Moore
floatingMenu.addEvent = function(element, listener, handler)
{
    if(typeof element[listener] != 'function' || 
       typeof element[listener + '_num'] == 'undefined')
    {
        element[listener + '_num'] = 0;
        if (typeof element[listener] == 'function')
        {
            element[listener + 0] = element[listener];
            element[listener + '_num']++;
        }
        element[listener] = function(e)
        {
            var r = true;
            e = (e) ? e : window.event;
            for(var i = element[listener + '_num'] -1; i >= 0; i--)
            {
                if(element[listener + i](e) == false)
                    r = false;
            }
            return r;
        }
    }

    //if handler is not already stored, assign it
    for(var i = 0; i < element[listener + '_num']; i++)
        if(element[listener + i] == handler)
            return;
    element[listener + element[listener + '_num']] = handler;
    element[listener + '_num']++;
};

floatingMenu.init = function()
{
    floatingMenu.initSecondary();
    floatingMenu.doFloat();
};

// Some browsers init scrollbars only after
// full document load.
floatingMenu.initSecondary = function()
{
    floatingMenu.computeShifts();
    floatingMenu.nextX = floatingMenu.calculateCornerX();
    floatingMenu.nextY = floatingMenu.calculateCornerY();
    floatingMenu.move();
}

if (document.layers)
    floatingMenu.addEvent(window, 'onload', floatingMenu.init);
else
{
    floatingMenu.init();
    floatingMenu.addEvent(window, 'onload',
        floatingMenu.initSecondary);
}

//--></script><script type="text/javascript"><!--
/* Script by: www.jtricks.com
 * Version: 20080801
 * Latest version:
 * www.jtricks.com/javascript/navigation/floating_close.html
 */
floatingMenu.hide = function()
{
    floatingMenu.menu.style.display='none';
    return false;
}

floatingMenu.show = function()
{
    floatingMenu.menu.style.display='block';
    return false;
}
//--></script>
</if>
<!-- float div end --> 
Now go to Headinclude and right at the very bottom add
PHP Code:
<if condition="THIS_SCRIPT == 'index' AND is_member_of($bbuserinfo,1)"><<div id="floatdiv" style="   
    position:absolute;   
    width:200px;height:50px;left:0px;top:0px;   
    padding:16px;background:#FFFFFF;   
    border:2px double #2266AA">   
This is a floating javascript menu.   
</div>  </if> 
the reason for capturing the SCRIPT and the USERGROUP in both places is to prevent a page script error (denoted by a little yellow triangle at the bottom left of your browser)

I used a little css to jazz mine up, again go to your style>Main CSS and in the additional CSS Definitions add this
PHP Code:
/* ***** Notice colours ***** */
.notice,{padding:.8em;margin-bottom:1.6em;border:2px solid #ddd;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.notice a {color:#514721; background:none; padding:0; margin:0; } 
now in your headinclude change this
PHP Code:
<div id="floatdiv" style="   
    position:absolute;   
    width:200px;height:50px;left:0px;top:0px;   
    padding:16px;background:#FFFFFF;   
    border:2px solid #2266AA"> 
for this
PHP Code:
<div id="floatdiv" style="position:absolute" class="notice"><img src="images/statusicon/announcement_new.gif" alt=""/> 
And thats it, you should now be able to see the floating box with your message when you aren't logged in at your forumhome.

I'm not a coder but will help as much as i can with problems on this!

AS THERE IS NO FILE TO DOWNLOAD IF YOU USE THIS PLEASE MARK AS INSTALLED

Support will be given to those that have marked this installed!

Reycer 11-23-2009 01:14 AM
nice idea. This sounds like a good idea for an ad banner. Any screenshots?

Simon Lloyd 11-23-2009 01:56 AM
1 Attachment(s)
Here you go, but you can see it in action at http://www.thecodecage.com/forumz
Attachment 106592

Frank Sinatra 11-23-2009 03:17 AM
thanks lets try it

saadessa 11-23-2009 03:21 AM
Nice Thank You

Reycer 11-23-2009 08:47 AM
Cool Thanks for this.

yamahapaul 11-23-2009 12:30 PM
Great work Simon I was going to suggest that you do this, believe it or not :D One question before I install it, which I think I know the answer to but I want to check first, does it take the colour from whatever your standard notice background is, ie default, or do you adjust it to your own preference?

Simon Lloyd 11-23-2009 12:34 PM
Quote:
Originally Posted by yamahapaul (Post 1919463)
Great work Simon I was going to suggest that you do this, believe it or not :D One question before I install it, which I think I know the answer to but I want to check first, does it take the colour from whatever your standard notice background is, ie default, or do you adjust it to your own preference?
If you follow the instructions given and do the CSS part you can choose to have the floating box whatever colour you desire, you can match it to your background, notices.....etc its just a matter of changing the colour in the css.

Simon Lloyd 11-23-2009 12:35 PM
Quote:
Originally Posted by Frank Sinatra (Post 1919301)
thanks lets try it
Quote:
Originally Posted by saadessa (Post 1919302)
Nice Thank You
Quote:
Originally Posted by mdelcour (Post 1919401)
Cool Thanks for this.
Glad it was of some use to you :)

If you haven't done so don't forget to click installed.

Abhik 02-25-2010 04:59 AM
Installed :)

LeatherNeck 02-27-2010 06:48 PM
Just what I needed, thanks :) ****INSTALLED****

ricardoNJ 07-21-2010 04:47 AM
Hi. How can I add a link?

Simon Lloyd 07-25-2010 06:37 AM
Add a link to what? if you mean a html link the like this: <a href="http://www.mysite.com">My Site</a> so it would look like this:
PHP Code:
<if condition="THIS_SCRIPT == 'index' AND is_member_of($bbuserinfo,1)"><div id="floatdiv" style="    
    position:absolute;    
    width:200px;height:50px;left:0px;top:0px;    
    padding:16px;background:#FFFFFF;    
    border:2px double #2266AA">    
<a href="http://www.mysite.com">My Site</a>  
</div>  </if> 

wangyu1314 06-28-2012 12:46 PM
nice market

matrex722 07-01-2012 08:32 PM
nice work
thanks

Nocturnal222 08-14-2012 03:51 AM
can 4.2 vb versions use this?

Simon Lloyd 08-14-2012 05:34 AM
Yep should be no issue using this :)

titodj 01-17-2013 05:58 PM
How do I add multiple user groups?

($bbuserinfo,1,4,7,8) etc?

Simon Lloyd 01-18-2013 09:03 AM
Exactly like that :)
HTML Code:
<if condition="THIS_SCRIPT == 'index' AND is_member_of($bbuserinfo,1,4,7,8)">

bnimbhal 01-19-2013 06:13 AM
Hi,

I am using vb 4.2 version, can you please update for vb 4.2, and if the procedure is same then plz plz plz explain :

Go to AdminCp>Style Manager>YOUR STYLE>Header and underneath

As I am not able to find the code in header template $ad_headerEnd

And where is underneath template.

Waiting for your reply

Million Thanks in Advance.

Simon Lloyd 01-19-2013 06:44 AM
Try adding it under
HTML Code:
<div class="ad_global_header">
                {vb:raw ad_location.global_header1}
                {vb:raw ad_location.global_header2}
        </div>
        <hr />
and dont forget that any IF condition needs to be changed from <if.....></if> to <vb:if....></vb:if>

bnimbhal 01-19-2013 09:56 AM
Hi,

Thanks its working :)

1 more question :

How to implement it on thread and category page.

Simon Lloyd 01-19-2013 10:10 AM
Change all of these
HTML Code:
<vb:if condition="THIS_SCRIPT == 'index'
to
HTML Code:
<vb:if condition="in_array(THIS_SCRIPT, array('index', 'forumdisplay', 'showthread'))
obviosuly change the script names to suit what you are trying to do.

bnimbhal 01-19-2013 10:35 AM
Hi,

After changing the code Getting error:

Warning: Invalid argument supplied for foreach() in [path]/includes/functions.php on line 3965

vBulletin Message
The following error occurred when attempting to evaluate this template:
%1$s
This is likely caused by a malformed conditional statement. It is highly recommended that you fix this error before continuing, but you may continue as-is if you wish.

Simon Lloyd 01-19-2013 10:46 AM
well it's just that, you've messed up the IF conditional, post it exactly as you've used it in both locations.

bnimbhal 01-19-2013 10:54 AM
I have changed :

<vb:if condition="THIS_SCRIPT == 'index' AND is_member_of($bbuserinfo,1)">

to

<vb:if condition="in_array(THIS_SCRIPT, array('index', 'forumdisplay', 'showthread') AND is_member_of($bbuserinfo,1)">

Please check

Simon Lloyd 01-19-2013 11:06 AM
You are missing a parenthesis, change
HTML Code:
<vb:if condition="in_array(THIS_SCRIPT, array('index', 'forumdisplay', 'showthread') AND is_member_of($bbuserinfo,1)">
for
HTML Code:
<vb:if condition="in_array(THIS_SCRIPT, array('index', 'forumdisplay', 'showthread')) AND is_member_of($bbuserinfo,1)">

bnimbhal 01-19-2013 11:19 AM
Great :)

Its working on all Thread and Category

but after scrolling down the page the Ad is not showing, go behind the page.

Please check


http://www.consumercourt.in/credit-card/

http://www.consumercourt.in/credit-c...dit-cards.html

Simon Lloyd 01-19-2013 11:28 AM
Add this to style=".... z-index: 100;

bnimbhal 01-19-2013 12:00 PM
Million thanks

I was looking for this for a long time :)

Simon Lloyd 01-19-2013 01:04 PM
Glad to be of service!

titodj 01-20-2013 06:15 AM
Quote:
Originally Posted by Simon Lloyd (Post 2397684)
Exactly like that :)
HTML Code:
<if condition="THIS_SCRIPT == 'index' AND is_member_of($bbuserinfo,1,4,7,8)">
Thank you !!:up:

titodj 01-20-2013 06:28 AM
If they "Hide it" do you have a way to control how often comes back? Does it show in every new page?

Simon Lloyd 01-20-2013 07:05 AM
AFAIK it will reappear with page refresh, i haven't used this in years :), just give it a try in a different browser.

titodj 02-25-2013 07:40 PM
Thank you again, I have two questions.

I cant figure out how to place it in the center of the page.

And cant find how to place a "hide" button on it?

Simon Lloyd 02-25-2013 08:21 PM
I did this a few years ago, if i can find the code for adding a button to get rid of it...etc i'll post it here :)

blackberry 03-14-2013 02:08 PM
figured out.. worked like charm :) thanks


All times are GMT. The time now is 05:50 PM.

Powered by vBulletin® Version 3.8.12 by vBS
Copyright ©2000 - 2025, vBulletin Solutions Inc.

X vBulletin 3.8.12 by vBS Debug Information
  • Page Generation 0.01537 seconds
  • Memory Usage 1,921KB
  • Queries Executed 10 (?)
More Information
Template Usage:
  • (1)ad_footer_end
  • (1)ad_footer_start
  • (1)ad_header_end
  • (1)ad_header_logo
  • (1)ad_navbar_below
  • (7)bbcode_html_printable
  • (7)bbcode_php_printable
  • (5)bbcode_quote_printable
  • (1)footer
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (6)option
  • (1)post_thanks_navbar_search
  • (1)printthread
  • (37)printthreadbit
  • (1)spacer_close
  • (1)spacer_open 
Phrase Groups Available:
  • global
  • postbit
  • showthread
Included Files:
  • ./printthread.php
  • ./global.php
  • ./includes/init.php
  • ./includes/class_core.php
  • ./includes/config.php
  • ./includes/functions.php
  • ./includes/class_hook.php
  • ./includes/modsystem_functions.php
  • ./includes/class_bbcode_alt.php
  • ./includes/class_bbcode.php
  • ./includes/functions_bigthree.php 
Hooks Called:
  • init_startup
  • init_startup_session_setup_start
  • init_startup_session_setup_complete
  • cache_permissions
  • fetch_threadinfo_query
  • fetch_threadinfo
  • fetch_foruminfo
  • style_fetch
  • cache_templates
  • global_start
  • parse_templates
  • global_setup_complete
  • printthread_start
  • bbcode_fetch_tags
  • bbcode_create
  • bbcode_parse_start
  • bbcode_parse_complete_precache
  • bbcode_parse_complete
  • printthread_post
  • printthread_complete