vb.org Archive

vb.org Archive (https://vborg.vbsupport.ru/index.php)
-   vBulletin 3.6 Add-ons (https://vborg.vbsupport.ru/forumdisplay.php?f=194)
-   -   Forum Home Enhancements - AJAX - Mouseover Profile Preview (https://vborg.vbsupport.ru/showthread.php?t=123687)

PatrickAdrichem 08-14-2006 06:02 PM

Ok i fixed it It was best for me to remove all the code of the pointer so that the pointer was gone. then change left: 18px; to right: 18px; and top from 0px to 15px;

under: #ajax_tooltipObj .ajax_tooltip_content{
in file: ajax-tooltip.css

the file for the arabic made it dodgy because the tooltip was over the names.

Now it would be nice though if it could auto resize based on the profile picture because some people have big pics at my forum well the exact same size as the box and then you get unusable scroll-bars.

for now i just made it bigger myself though.

bada_bing 08-14-2006 06:06 PM

Anyone test this on vb 3.5.4?

ericgtr 08-14-2006 06:10 PM

Quote:

Originally Posted by bada_bing
Anyone test this on vb 3.5.4?

Someone reported that it didn't work. I think there have been too many code revisions in 3.6 for this to be backwards compatible.

firstrebel 08-14-2006 06:21 PM

Quote:

Originally Posted by ericgtr
Hmm.. This only happens after applying the change to Paul's Visitors Today code?

No, I reverted the plugin code and it was the same.

Bob

ericgtr 08-14-2006 06:26 PM

Quote:

Originally Posted by firstrebel
No, I reverted the plugin code and it was the same.

Bob

Okay, for the forumhome_logged in user, what if you revert back to just this?
Code:

$stylevar[dirmark]<a href="member.php?$session[sessionurl]u=$loggedin[userid]"onmouseover="ajax_showTooltip('member_ajax.php?$session[sessionurl]u=$loggedin[userid]',this);return false" onmouseout="ajax_hideTooltip()">  $loggedin[musername]</a>$loggedin[invisiblemark]$loggedin[buddymark]

firstrebel 08-14-2006 06:57 PM

I decided to put this on the live forum and so I started from scratch...and...it all works OK now. I don't know why I had the problem on the dev site as it is an exact copy of the live site. Anyway, thanks for the help.

It would be nice to find a way to resolve the issue with the popup disappearing off to the right without reducing the width of the forum as that would break a few other things I have done.

Regards.

Bob

BETIServices 08-18-2006 06:47 AM

I like to ge tthe hack working, can somebody point me in the right direction, I have everything working but I do not know how to do the following:

Create a new template:

Name: member_ajax

Contents:
PHP Code:

<tr valign="top">
<
strong>$userinfo[username]</strong>
<
br />
            <if 
condition="$show['avatar']">
                <
td><img src="$userinfo[avatarurl]$userinfo[avatarsizealt="<phrase 1="$userinfo[username]">$vbphrase[xs_avatar]</phrase>" border="0" style="border:1px solid $stylevar[tborder_bgcolor]; border-top:none" /></td>
            <else />
                <
td>&nbsp;</td>
            </if>
            <
td class="smallfont" valign="bottom" align="$stylevar[right]">
                <if 
condition="$show['lastactivity']">
                    <
div>$vbphrase[last_activity]: $userinfo[lastactivitydate] <span class="time">$userinfo[lastactivitytime]</span>&nbsp;</div>
                </if>
                <if 
condition="$show['currentlocation']">
                    <
div>$userinfo[action$userinfo[where]<if condition="$show['detailedtime']"> - <else /> @ </if> $userinfo[time]&nbsp;</div>
                </if>
            </
td>
        </
tr


y2krazy 08-18-2006 12:52 PM

Styles & Templates > Style Manager > Find Your Style > Dropdown Box > Scroll to the Top > Add New Template

:)

BETIServices 08-18-2006 03:02 PM

Quote:

Originally Posted by y2krazy
Styles & Templates > Style Manager > Find Your Style > Dropdown Box > Scroll to the Top > Add New Template

:)

Excelent and perfect instructions :D

Demo: http://www.betisforum.com

ericgtr 08-18-2006 03:13 PM

Quote:

Originally Posted by BETIServices
Excelent and perfect instructions :D

Demo: http://www.betisforum.com

Cool, looks good. However it looks like you have the online turned off for guests, when I mouse over I get the access denied page. You can either turn it on or turn off the mouseover for registered users to get it to match up. Also, please don't forget to click install :)

BETIServices 08-18-2006 03:16 PM

I think the option is under groups to enable to see the forums and should be working now, I click on installed already :D

ericgtr 08-18-2006 04:46 PM

Quote:

Originally Posted by BETIServices
I think the option is under groups to enable to see the forums and should be working now, I click on installed already :D

Actually, you need to go into the Unregistered Users group and allow them to view who's online, then it will show for unregistered users. :)

BETIServices 08-18-2006 04:55 PM

Thank you I updated now, I forgot I turn that option off.
Thank you again!

upsetter 08-22-2006 05:23 AM

this plug in wont work for me, i have 3.6.0. and if you go over the user name with the mouse its all blank, and shows nothing in the profile box... what could be wrong, my forum is at http://boostconcept.com/forum/ :cross-eyed:

ericgtr 08-22-2006 01:00 PM

Quote:

Originally Posted by upsetter
this plug in wont work for me, i have 3.6.0. and if you go over the user name with the mouse its all blank, and shows nothing in the profile box... what could be wrong, my forum is at http://boostconcept.com/forum/ :cross-eyed:

Did you add the template?

kabadayi 08-22-2006 01:09 PM

worked 3.6.0

Snake 08-25-2006 12:35 PM

Awesome!

kabadayi 08-26-2006 12:39 PM

Thanks Worked 3.6.0

www.e-forumturk.com

craiovaforum 08-26-2006 04:13 PM

i'm not sure if this happened to others. but for me, when i hovered over my own username it said "unknown location", as shown in the attached image.

i added this at the top of member_ajax.php and it solved the problem:
PHP Code:

define('LOCATION_BYPASS'1); 

also, i dont understand why you use another css than vbulletin. that screwed up some colors on my board :)
i edited ajax-tooltip.css, deleted the whole 'demo' part and left only these:

PHP Code:

/* CSS needed for the script */

#ajax_tooltipObj{
        
z-index:1000000;
        
text-align:left;
}
#ajax_tooltipObj div{
        
position:relative;
}

/* If you don't want the arrow - Just set the width of this div to 1 or something like that and drop the background selectors from the CSS below */

#ajax_tooltipObj .ajax_tooltip_arrow{   /* Left div for the small arrow */
//      background-image:url('../images/arrow.gif');
        
width:1px;
        
position:absolute;
        
left:0px;
        
top:0px;
        
background-repeat:no-repeat;
        
background-position:center left;
        
z-index:1000005;
        
height:60px;
}

#ajax_tooltipObj .ajax_tooltip_content{
        
border:1px solid #000000;       /* Border width */
        
left:18px;      /* Same as border thickness */
        
top:0px;
        
position:absolute;
        
width:150px;    /* Width of tooltip content */
        
height:250px;   /* Height of tooltip content */
        
background-color:#EBEBEB;       /* Background color */
        
padding:5px;    /* Space between border and content */
        
font-size:0.8em;        /* Font size of content */
        
overflow:auto;  /* Hide overflow content */
        
z-index:1000001;


and ajax-tooltip-demo.css is completely unneeded imho.
my guess is that you copied the demo parts of the css from the original ajax-tooltip plugin.
but you should remove them for the vbulletin plugin since vb has its own css ;)

MediaHound 08-28-2006 01:54 AM

How do I get this to show up for mousing over those usernames listed in the "last post" column of the forum index page?

Puck 24/7 08-28-2006 09:07 AM

Nice hack, however, it does some strange things (tested with IE). I've noticed a scrollbar in the user's name if the contents are too long, but you can't scroll - if you try to move your mouse on the scroll box it goes away. Another thing I noticed is while certain pages load, the screen color flashes a different color other than your default style, in this case mine is light blue. Also, if you click on certain links such as "Register", the lower-half of the screen is that light-blue color again.

MediaHound 08-28-2006 11:28 AM

I get that light blue color as well.
Also have the scrollbar appear if the contents are too long.
Tested with SeaMonkey.

Gnappy 08-28-2006 04:03 PM

very nice, thanks

edit: i have the same light blue on header and background load page, any fix?

Gnappy 08-28-2006 06:34 PM

I readed the post of craiovaforum and with few little fixes here it's a little resume. I hope this post can be useful for someone:
  • Light blu background fix
    in the header template don't add(or remove if you previous added it) the last line of code, in bold here:
    <link rel="stylesheet" href="css/ajax-tooltip-demo.css" media="screen" type="text/css">
    simply add this part of code(without that line):
    HTML Code:

            <script type="text/javascript" src="js/ajax-dynamic-content.js"></script>
            <script type="text/javascript" src="js/ajax.js"></script>
            <script type="text/javascript" src="js/ajax-tooltip.js"></script>       
            <link rel="stylesheet" href="css/ajax-tooltip.css" media="screen" type="text/css">

  • Unknown location for my own username fix
    add this line of code at the top of member_ajax.php to solve the problem:
    PHP Code:

    define('LOCATION_BYPASS'1); 

  • Scrollbars window fix
    Overwrite ALL the ajax-tooltip.css with this code:
    PHP Code:

    /* CSS needed for the script */ 

    #ajax_tooltipObj{ 
            
    z-index:1000000
            
    text-align:left

    #ajax_tooltipObj div{ 
            
    position:relative


    /* If you don't want the arrow - Just set the width of this div to 1 or something like that and drop the background selectors from the CSS below */ 

    #ajax_tooltipObj .ajax_tooltip_arrow{   /* Left div for the small arrow */ 
            
    background-image:url('../images/arrow.gif'); 
            
    width:20px
            
    position:absolute
            
    left:0px
            
    top:0px
            
    background-repeat:no-repeat
            
    background-position:center left
            
    z-index:1000005
            
    height:60px


    #ajax_tooltipObj .ajax_tooltip_content{ 
            
    border:2px solid #317082;  /* Border width */ 
            
    left:18px;      /* Same as border thickness */ 
            
    top:0px
            
    position:absolute
            
    width:170px;    /* Width of tooltip content standard: 150*/ 
            
    height:250px;   /* Height of tooltip content */ 
            
    background-color:#FFF;       /* Background color */ 
            
    padding:5px;    /* Space between border and content */ 
            
    font-size:0.8em;        /* Font size of content */ 
            
    overflow:auto;  /* Hide overflow content */ 
            
    z-index:1000001






Credits to ericgtr and craiovaforum

EasyTarget 08-28-2006 10:51 PM

I've done all of the above but when I mouse over I just see a 'loading content, please wait' then nothing happens.

www.troc.us/forum

ericgtr 08-28-2006 10:59 PM

Tried all of the above meaning just the code in the original mod, right? That being the case make sure you have uploaded the .php file and created the template.

EasyTarget 08-28-2006 11:06 PM

yeah, I did both.. the original and the stuff gnappy had in his post. With the original I got a white box with no content, with his I get the please wait message.

I've uploaded the folders to the forum directory and put the .php file in the forum directory, created the custom member_ajax template and edited the logged in and header templates.

*edit*
nm.. template was named ajax_member instead of member_ajax.

ericgtr 08-28-2006 11:12 PM

Ahh.. okay, glad you got it worked out :) Don't forget the .css stuff:

Code:

        <link rel="stylesheet" href="css/ajax-tooltip.css" media="screen" type="text/css">
        <link rel="stylesheet" href="css/ajax-tooltip-demo.css" media="screen" type="text/css">


EasyTarget 08-28-2006 11:18 PM

when I have both of those then I get just the white box? (avatar shows up if they have it though)

ericgtr 08-28-2006 11:21 PM

You will have to edit the css files, if your text is white that's probably why.

EasyTarget 08-28-2006 11:26 PM

but I'm just using the default files from the zip.. is it pulling some of the info from my forum and some from the zip files?

topsoftware 08-29-2006 09:06 AM

thank for this hack but i have one problem
my forum language is persian and right to left and i can see good in this ajax
can any bosy help me show picture in the right side no left
thanks
www.apadanait.net

MediaHound 08-29-2006 11:44 AM

Quote:

Originally Posted by Gnappy
I readed the post of craiovaforum and with few little fixes here it's a little resume. I hope this post can be useful for someone:
  • Light blu background fix
    in the header template don't add(or remove if you previous added it) the last line of code, in bold here:
    <link rel="stylesheet" href="css/ajax-tooltip-demo.css" media="screen" type="text/css">
    simply add this part of code(without that line):
    HTML Code:

            <script type="text/javascript" src="js/ajax-dynamic-content.js"></script>
            <script type="text/javascript" src="js/ajax.js"></script>
            <script type="text/javascript" src="js/ajax-tooltip.js"></script>       
            <link rel="stylesheet" href="css/ajax-tooltip.css" media="screen" type="text/css">

  • Unknown location for my own username fix
    add this line of code at the top of member_ajax.php to solve the problem:
    PHP Code:

    define('LOCATION_BYPASS'1); 

  • Scrollbars window fix
    Overwrite ALL the ajax-tooltip.css with this code:
    PHP Code:

    /* CSS needed for the script */ 

    #ajax_tooltipObj{ 
            
    z-index:1000000
            
    text-align:left

    #ajax_tooltipObj div{ 
            
    position:relative


    /* If you don't want the arrow - Just set the width of this div to 1 or something like that and drop the background selectors from the CSS below */ 

    #ajax_tooltipObj .ajax_tooltip_arrow{   /* Left div for the small arrow */ 
            
    background-image:url('../images/arrow.gif'); 
            
    width:20px
            
    position:absolute
            
    left:0px
            
    top:0px
            
    background-repeat:no-repeat
            
    background-position:center left
            
    z-index:1000005
            
    height:60px


    #ajax_tooltipObj .ajax_tooltip_content{ 
            
    border:2px solid #317082;  /* Border width */ 
            
    left:18px;      /* Same as border thickness */ 
            
    top:0px
            
    position:absolute
            
    width:170px;    /* Width of tooltip content standard: 150*/ 
            
    height:250px;   /* Height of tooltip content */ 
            
    background-color:#FFF;       /* Background color */ 
            
    padding:5px;    /* Space between border and content */ 
            
    font-size:0.8em;        /* Font size of content */ 
            
    overflow:auto;  /* Hide overflow content */ 
            
    z-index:1000001



Credits to ericgtr and craiovaforum

Worked like a charm, thank you!
How do I get this to show up for mousing over those usernames listed in the "last post" column of the forum index page?

Kihon Kata 08-29-2006 02:23 PM

Installed! Perfect instructions also! How will this effect server load if you have many online like I do?

ericgtr 08-29-2006 02:28 PM

I am not sure on a huge site but I think if you leave it off for guests, it will keep it down.

rberardo 08-29-2006 02:37 PM

It works, but when the little window opens it is blank, and sometimes with scroll, why?

thx

Kihon Kata 08-29-2006 02:48 PM

Eric, where do I stick that NOVIEWFORGUESTS conditional?
Quote:

Originally Posted by ericgtr
I am not sure on a huge site but I think if you leave it off for guests, it will keep it down.


ericgtr 08-29-2006 02:49 PM

Quote:

Originally Posted by rberardo
It works, but when the little window opens it is blank, and sometimes with scroll, why?

thx

Common problems with this, make sure the php file is uploaded and template is created and named correctly. Please read the instructions again to make sure.

ericgtr 08-29-2006 02:50 PM

Quote:

Originally Posted by Kihon Kata
Eric, where do I stick that NOVIEWFORGUESTS conditional?

In the instructions there is an option, so it's one or the other. For example:
OR to turn off for guests

rberardo 08-29-2006 04:04 PM

The image have the same size as the profile, can i show the image smaller?

thx


All times are GMT. The time now is 01:05 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.01738 seconds
  • Memory Usage 1,900KB
  • 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
  • (2)bbcode_code_printable
  • (2)bbcode_html_printable
  • (7)bbcode_php_printable
  • (11)bbcode_quote_printable
  • (1)footer
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (6)option
  • (1)pagenav
  • (1)pagenav_curpage
  • (3)pagenav_pagelink
  • (1)post_thanks_navbar_search
  • (1)printthread
  • (40)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
  • pagenav_page
  • pagenav_complete
  • bbcode_fetch_tags
  • bbcode_create
  • bbcode_parse_start
  • bbcode_parse_complete_precache
  • bbcode_parse_complete
  • printthread_post
  • printthread_complete