Why is it showing the raw source code???

[PcGeniusProductions]

Hi, I am setting up a small website for my college, and have come across an issue, which remains firmly in place regardless of any editions I make. I am using Joomla v1.5.9 with the "IceTheme Habitat" template, and the portal is JomSocial using "Bubble" template (powered by "default")

 

I have narrowed the issue down to place the blame firmly on the IceTheme template causing it to corrupt, but I have no idea how, there are no clashing CSS Tags...

 

Here is the problem... Try hovering your cursor over any avatar on the page, and instead of returning the status and info of that user, it outputs a load of de-formatted results.

 

http://******/community

 

I will be more than grateful for someone to help me out here, I have been trying for almost a week and am about to give it up as a bad job. Posting here at PHPFreaks truly is my last resourt.

 

Thanks in advance.

[phant0m]

<img class="avatar hasTip" src="http://******/images/avatar/thumb_38d030efce631817589108e7.jpg" title="Reece::Welcome to my Profile!<br/><hr noshade="noshade" height="1"/><img style="vertical-align:middle;padding: 0px 4px;" src="http://v3.coldcast.co.uk/components/com_community/assets/status_offline.png" />Offline | <img style="vertical-align:middle;padding: 0px 4px;" src="http://******/components/com_community/assets/default-favicon.png" />3 friends" width="45" height="45" />

As you can see, the title attribute contains a lot of wrong info. I think something is messed up in the template.

[PcGeniusProductions]

Hi, thanks for replying.

The code is fine. It is outputted this way because it supposed to result in a formatted tool-tip, but as you can see, it ditches the formatted tooltip and goes with the default browser version, resulting in this mess. I will switch my joomla template to a compatible one so you understand what I meen. Try the page again.

 

http://******/community

[PcGeniusProductions]

Note: It also corrupts every other tool-tip on the page. E.g. Photos and Online Users pictures. It is supposed to display a "html" tooltip on mouse-over but instead it display that mess you saw earlier.

[phant0m]

You cannot format the title-tooltip using HTML!

 

You have to create your own tooltip using a div.

When hovering above the image, call some JS function in order to display the tooltip-div

[PcGeniusProductions]

This is already done. The system I am using is JomSocial and does this for me. My primary issue is that if I use the IceTheme template, the div-tooltip does not load and it replaced by the default one.  If you know what I meen?

[phant0m]

I think I now understand what you mean...

 

Do you know how it is supposed to load that tooltip?

I think a little more information is needed to solve your problem.

[PcGeniusProductions]

I have no idea. I am a designer, not a programmer. Logically it would be JavaScript, but there is no JS files in any of the directories. I would hazard a guess at CSS, but like I said, I am no programmer. I'm not even certain CSS can load a DIV in this way.

[killah]

Your code supposed to be something like this.

 

<img src="image link" onmouseover="tooltip('html code');" />

 

Your using the standard "title" attribute which does not return html code.

 

replace tooltip with your javascript function.

[PcGeniusProductions]

Ahh... I think I know what you mean... It has no onLoad function, but instead has this in the title area...

 

title="<?php echo cAvatarTooltip($row); ?>"

 

Here is the whole script for that section...

 

<a href="<?php echo CRoute::_('index.php?option=com_community&view=profile&userid='.$row->id ); ?>"><img class="avatar hasTip" src="<?php echo $row->smallAvatar; ?>" title="<?php echo cAvatarTooltip($row); ?>" width="64" height="64" /></a>

[killah]

The "title" attribute won't return such html code.

 

change it to

 

if function is javascript:

onmouseover="cAvatarTooltip('<?php echo $row; ?>');"

 

if function is php:

onmouseover="<?php echo cAvatarTooltip($row); ?>"

[PcGeniusProductions]

I understand what you meen, having looked at it, I realize the title cannot load html like this, but I don't understand, why it worked using this method before, but not now. Nothing has changed. And if I was to revert the 3rdparty template back to the old one, it would work. There is something forcing it to act like this and changing codes on the core aint gonna fix it. It is an issue with the main joomla template. Do you know what I meen?

[killah]

I have not messed with joomla, so can't really help you.

[PcGeniusProductions]

Okay. I am just scouring the deepest bits of code for any CSS Clashes. Thanks for your help though, very much appreciated. I have just found out how it is "supposed" to load the tooltip. It calls a variable which in turn loads a 3rdparty PHP file, but that would only restyle the "title" tag which as you say, is impossible. I am going to try to apply the same method, but using a mouse-over tag. Possibly the developers at Azrul made a mistake.

 

To everyone in this topic, thank you very much for your help, but I believe only I can fix this as I am the only one who knows the whole setup and what needs doing. Thanks again.