Results 1 to 8 of 8

Thread: Odd Problem with Link Description

  1. #1
    Join Date
    Dec 2005
    Posts
    133
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Odd Problem with Link Description

    Using this script here:
    http://dynamicdrive.com/dynamicindex5/linkdescribe.htm

    I applied to my postbit_legacy template in vbulletin.

    http://pastebin.com/m7cc5cc32

    They are intended for the 4 small icons on the left side under the user's info. Here is the strange problem. When mousing over the icon, the entire screen bounces rapidly vertically on some icons for certain usernames, while it also only works correctly on the very first username on the page.

    Any tips on this appreciated.

    Talk Jesus Forums [ Over 100 Fulfilled Prophecies in the Bible ]
    .....................................................................................
    LogicWeb [ Awesome Web Hosting Since 2004 ]

  2. #2
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,495
    Thanks
    82
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries
    12

    Default

    This sounds like a layout issue, and it looks like you haven't left any room here:

    Code:
                <div align="center">
                    <a href="member.php?$session[sessionurl]u=$post[userid]" title="View Public Profile" onmouseover="show_text(0,'div1')" onmouseout="resetit('div1')">
                    <img src="images/buttons/folder_user.png" alt="View $post[username]'s Profile" style="border:0" /></a>
                    &nbsp;
                    <a href="album.php?u=$post[userid]" title="View $post[username]'s Album" rel="nofollow" onmouseover="show_text(1,'div1')" onmouseout="resetit('div1')">
                    <img src="images/buttons/add_album.png" alt="View $post[username]'s Photo Album" style="border:0"/></a>
                    &nbsp;
                    <a href="journal.php?$session[sessionurl]do=showjournal&j=$post[journal_id]" title="$post[journaldesc]" onmouseover="show_text(2,'div1')" onmouseout="resetit('div1')">
                    <img src="images/buttons/book_open.png" alt="View $post[username]'s Journal" style="border:0" /></a>
                    &nbsp;
                    <a href="profile.php?$session[sessionurl]do=addlist&amp;userlist=buddy&amp;u=$post[userid]" title="Add $post[username]'s to Your Contacts" rel="nofollow" onmouseover="show_text(3,'div1')" onmouseout="resetit('div1')">
                    <img src="images/buttons/heart_add.png" alt="Add $post[username]'s to Your Contacts" style="border:0" /></a>
                </div>
                <span id="div1"> </span>
    for your div1 contents. In the demo that is accomplished by having a containing p, a line break, and dummy content (an asterisk):

    Code:
    <p>
    <a href="http://www.dynamicdrive.com" onMouseover="show_text(0,'div1')" onMouseout="resetit('div1')">Dynamic Drive</a> | 
    <a href="http://www.javascriptkit.com" onMouseover="show_text(1,'div1')" onMouseout="resetit('div1')">JavaScript Kit</a> | 
    <a href="http://www.freewarejava.com" onMouseover="show_text(2,'div1')" onMouseout="resetit('div1')">Freewarejava</a> 
    <br>
    <span id="div1">*</span>
    
    <p>
    This will leave room for one line of content in the div1 area. There are other ways of doing it, generally you will need about 1.5em of height per line of content. So, if you anticipate only one line of content, you could either sort of follow the demo example (but I assume for layout, you would want to avoid the p element):


    Code:
    <div>            <div align="center">
                    <a href="member.php?$session[sessionurl]u=$post[userid]" title="View Public Profile" onmouseover="show_text(0,'div1')" onmouseout="resetit('div1')">
                    <img src="images/buttons/folder_user.png" alt="View $post[username]'s Profile" style="border:0" /></a>
                    &nbsp;
                    <a href="album.php?u=$post[userid]" title="View $post[username]'s Album" rel="nofollow" onmouseover="show_text(1,'div1')" onmouseout="resetit('div1')">
                    <img src="images/buttons/add_album.png" alt="View $post[username]'s Photo Album" style="border:0"/></a>
                    &nbsp;
                    <a href="journal.php?$session[sessionurl]do=showjournal&j=$post[journal_id]" title="$post[journaldesc]" onmouseover="show_text(2,'div1')" onmouseout="resetit('div1')">
                    <img src="images/buttons/book_open.png" alt="View $post[username]'s Journal" style="border:0" /></a>
                    &nbsp;
                    <a href="profile.php?$session[sessionurl]do=addlist&amp;userlist=buddy&amp;u=$post[userid]" title="Add $post[username]'s to Your Contacts" rel="nofollow" onmouseover="show_text(3,'div1')" onmouseout="resetit('div1')">
                    <img src="images/buttons/heart_add.png" alt="Add $post[username]'s to Your Contacts" style="border:0" /></a>
                </div>
                <br><span id="div1">&nbsp;</span>
    </div>
    , or do something a bit different:

    Code:
                <div align="center">
                    <a href="member.php?$session[sessionurl]u=$post[userid]" title="View Public Profile" onmouseover="show_text(0,'div1')" onmouseout="resetit('div1')">
                    <img src="images/buttons/folder_user.png" alt="View $post[username]'s Profile" style="border:0" /></a>
                    &nbsp;
                    <a href="album.php?u=$post[userid]" title="View $post[username]'s Album" rel="nofollow" onmouseover="show_text(1,'div1')" onmouseout="resetit('div1')">
                    <img src="images/buttons/add_album.png" alt="View $post[username]'s Photo Album" style="border:0"/></a>
                    &nbsp;
                    <a href="journal.php?$session[sessionurl]do=showjournal&j=$post[journal_id]" title="$post[journaldesc]" onmouseover="show_text(2,'div1')" onmouseout="resetit('div1')">
                    <img src="images/buttons/book_open.png" alt="View $post[username]'s Journal" style="border:0" /></a>
                    &nbsp;
                    <a href="profile.php?$session[sessionurl]do=addlist&amp;userlist=buddy&amp;u=$post[userid]" title="Add $post[username]'s to Your Contacts" rel="nofollow" onmouseover="show_text(3,'div1')" onmouseout="resetit('div1')">
                    <img src="images/buttons/heart_add.png" alt="Add $post[username]'s to Your Contacts" style="border:0" /></a>
                </div>
                <div style="height:1.5em;" id="div1">&nbsp;</div>
    Either way should work out, and with the second method you can increase the height if you are anticipating more than one line of content.
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

  3. #3
    Join Date
    Dec 2005
    Posts
    133
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Unfortunately it still does not work. Still bounces, still works only one first username.
    Talk Jesus Forums [ Over 100 Fulfilled Prophecies in the Bible ]
    .....................................................................................
    LogicWeb [ Awesome Web Hosting Since 2004 ]

  4. #4
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,495
    Thanks
    82
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries
    12

    Default

    Where would I have to go to see this problem live?
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

  5. #5
    Join Date
    Dec 2005
    Posts
    133
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Thanks for the help.

    Try this:
    http://www.talkjesus.com/blog/21343-...tml#post109765

    Under whendancer, you can see the text (although bouncy)

    For abigya, nothing happens.

    I just realized this does not work in Opera nor IE
    Talk Jesus Forums [ Over 100 Fulfilled Prophecies in the Bible ]
    .....................................................................................
    LogicWeb [ Awesome Web Hosting Since 2004 ]

  6. #6
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,495
    Thanks
    82
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries
    12

    Default

    I can't seem to get it to do anything, I tried in Opera, and in FF, for abigya, and Whendancer. What exact browser, and what exactly do I have to do to make it happen.
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

  7. #7
    Join Date
    Dec 2005
    Posts
    133
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Try now, any browser.

    Firefox 3 - it shows up but bounces, and only works on first username in the thread

    IE7 / Opera 9 - nothing happens at all

    New problems:

    hover over any username (after 1st on list) and the results show up ONLY on the first username instead of that actual user's profile area.
    Talk Jesus Forums [ Over 100 Fulfilled Prophecies in the Bible ]
    .....................................................................................
    LogicWeb [ Awesome Web Hosting Since 2004 ]

  8. #8
    Join Date
    Dec 2005
    Posts
    133
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    This is what I am using for postbit_legacy template

    http://pastebin.com/m77462d7d

    To sum it up:

    - only firefox works (not IE nor Opera), but only for the first username
    - when hovering over first user's icons, it shows logged in user's name (in my case, my own name Chad) instead of actual user's name of that profile area.
    - nothing works in IE / Opera

    IE gives this error:

    Code:
    Webpage Script Errors
    
    User Agent: Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 6.0; Win64; x64; .NET CLR 2.0.50727; SLCC1; Media Center PC 5.0; .NET CLR 3.0.04506)
    Timestamp: Wed, 28 May 2008 20:51:38 UTC
    
    0.
    Message: Expected ';'
    Line: 1812
    Char: 9
    Code: 0
    URI: http://www.talkjesus.com/blog/21343-2-new-features-2.html
    
    1.
    Message: Expected ';'
    Line: 1812
    Char: 9
    Code: 0
    URI: http://www.talkjesus.com/blog/21343-2-new-features-2.html
    
    2.
    Message: Expected ';'
    Line: 1812
    Char: 9
    Code: 0
    URI: http://www.talkjesus.com/blog/21343-2-new-features-2.html
    
    3.
    Message: Expected ';'
    Line: 1812
    Char: 9
    Code: 0
    URI: http://www.talkjesus.com/blog/21343-2-new-features-2.html
    Source code shows this as line 1812

    Code:
    if (ie) eval("document.all."+whichdiv).innerHTML=' '
    Last edited by Chadi; 05-28-2008 at 08:53 PM.
    Talk Jesus Forums [ Over 100 Fulfilled Prophecies in the Bible ]
    .....................................................................................
    LogicWeb [ Awesome Web Hosting Since 2004 ]

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •