PDA

View Full Version : Odd Problem with Link Description



Chadi
05-27-2008, 12:44 PM
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.

http://thumbnails2.imagebam.com/687/7d1bc16869258.gif (http://www.imagebam.com/image/7d1bc16869258)

jscheuer1
05-27-2008, 01:14 PM
This sounds like a layout issue, and it looks like you haven't left any room here:


<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):


<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):



<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:


<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.

Chadi
05-27-2008, 02:51 PM
Unfortunately it still does not work. Still bounces, still works only one first username.

jscheuer1
05-27-2008, 04:25 PM
Where would I have to go to see this problem live?

Chadi
05-27-2008, 06:51 PM
Thanks for the help.

Try this:
http://www.talkjesus.com/blog/21343-2-new-features-2.html#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

jscheuer1
05-28-2008, 04:29 PM
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.

Chadi
05-28-2008, 08:21 PM
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.

Chadi
05-28-2008, 08:47 PM
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:


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


if (ie) eval("document.all."+whichdiv).innerHTML=' '