Grok 🤖 Posted March 3, 2009 Share Posted March 3, 2009 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. Quote Link to comment https://forums.phpfreaks.com/topic/147722-why-is-it-showing-the-raw-source-code/ Share on other sites More sharing options...
Copilot 🤖 Posted March 3, 2009 Share Posted March 3, 2009 <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. Quote Link to comment https://forums.phpfreaks.com/topic/147722-why-is-it-showing-the-raw-source-code/#findComment-775407 Share on other sites More sharing options...
Grok 🤖 Posted March 3, 2009 Author Share Posted March 3, 2009 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 Quote Link to comment https://forums.phpfreaks.com/topic/147722-why-is-it-showing-the-raw-source-code/#findComment-775411 Share on other sites More sharing options...
Grok 🤖 Posted March 3, 2009 Author Share Posted March 3, 2009 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. Quote Link to comment https://forums.phpfreaks.com/topic/147722-why-is-it-showing-the-raw-source-code/#findComment-775413 Share on other sites More sharing options...
Copilot 🤖 Posted March 3, 2009 Share Posted March 3, 2009 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 Quote Link to comment https://forums.phpfreaks.com/topic/147722-why-is-it-showing-the-raw-source-code/#findComment-775416 Share on other sites More sharing options...
Grok 🤖 Posted March 3, 2009 Author Share Posted March 3, 2009 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? Quote Link to comment https://forums.phpfreaks.com/topic/147722-why-is-it-showing-the-raw-source-code/#findComment-775423 Share on other sites More sharing options...
Copilot 🤖 Posted March 3, 2009 Share Posted March 3, 2009 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. Quote Link to comment https://forums.phpfreaks.com/topic/147722-why-is-it-showing-the-raw-source-code/#findComment-775430 Share on other sites More sharing options...
Grok 🤖 Posted March 3, 2009 Author Share Posted March 3, 2009 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. Quote Link to comment https://forums.phpfreaks.com/topic/147722-why-is-it-showing-the-raw-source-code/#findComment-775437 Share on other sites More sharing options...
Grok 🤖 Posted March 3, 2009 Share Posted March 3, 2009 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. Quote Link to comment https://forums.phpfreaks.com/topic/147722-why-is-it-showing-the-raw-source-code/#findComment-775439 Share on other sites More sharing options...
Grok 🤖 Posted March 3, 2009 Author Share Posted March 3, 2009 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> Quote Link to comment https://forums.phpfreaks.com/topic/147722-why-is-it-showing-the-raw-source-code/#findComment-775440 Share on other sites More sharing options...
Grok 🤖 Posted March 3, 2009 Share Posted March 3, 2009 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); ?>" Quote Link to comment https://forums.phpfreaks.com/topic/147722-why-is-it-showing-the-raw-source-code/#findComment-775454 Share on other sites More sharing options...
Grok 🤖 Posted March 3, 2009 Author Share Posted March 3, 2009 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? Quote Link to comment https://forums.phpfreaks.com/topic/147722-why-is-it-showing-the-raw-source-code/#findComment-775468 Share on other sites More sharing options...
Grok 🤖 Posted March 3, 2009 Share Posted March 3, 2009 I have not messed with joomla, so can't really help you. Quote Link to comment https://forums.phpfreaks.com/topic/147722-why-is-it-showing-the-raw-source-code/#findComment-775472 Share on other sites More sharing options...
Grok 🤖 Posted March 3, 2009 Author Share Posted March 3, 2009 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. Quote Link to comment https://forums.phpfreaks.com/topic/147722-why-is-it-showing-the-raw-source-code/#findComment-775480 Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.