[Solved] rel=&quot;shadowbox&quot; doesnt work

Hi Tschi,

The problem is the editor you are using.

I suspect that you use the TinyMCE editor (Joomla's default editor).
The "mce_" stuff doesn't belong there and causes Shadowbox not to work.

To fix this, go to the Plugin Manager and look for the TinyMCE plugin.
Open/click it and make sure the following settings are:

Code clean up on save = Always

This should remove the "mce_" stuff from the html source code.

I hope this helps.
Let us know how it goes.

Kind regards,
John

Hey,

at first thank you!
The code hasnt mce in it now but it still dont work.
the Code now:
<a href="link_to_big_picture" rel="shadowbox"> <img src="link_to_little_picture" border="0" />

Have you any other Idea that could help?
Tschi

Hi,
Ahh...I see it now.
Seems that there's no closing tag for the link present.

Try this instead:

<a href="link_to_big_picture" rel="shadowbox"><img src="link_to_little_picture" border="0" /></a>

This should do the trick.

Let us know if it works now.

Kind regards,
John

well...ok that was my fault...i forgot to copy the </a> sorry!

this is it now:

Sorry again!
Tschi

Hi Tschi,

No problem :)

Is your issue solved?
Or do you need further help?

Kind regards,
John

Hey,

its still not solved.
I tried some differnt things but nothing helped.
Is it maybe a problem that i own the version 2.0.9?
I also uploaded a screenshot of my current settings.

You don't have access to view the attachments in this post.

Hi Tschi,

Thanks for the screenshot.
Your settings looking fine to me.
The version is not the problem. I think it could be a javascript conflict.

Try to set the "Framework" to "Dojo" instead of "JQuery" (first option straight under Module Parameters).

Maybe this will help.
Otherwise, post a link to the page in question so I can check what could be wrong.

Thanks.

Let us know how it goes.

Kind regards,
John

changed to dojo...same result.

Here is the link to the page of my company:
mytec-solution.de/

I tried it here:
http://mytec-solution.de/hauptmenu/team

with the first picture

Hi Tschi,

Thanks for the link.

I think I know what the problem is.
The link and rel attribute looks fine now.

By inspecting the page I found out that there are no scripts loaded for Ninja Shadowbox.
In order to activate Ninja Shadowbox, make sure that the module is placed in an existing module position of your page.

Looking at your settings, the module is now placed in the "left" module position.
This position might not be available from the template your are currently using.
Meaning that Ninja Shadowbox won't be activated.
Try to choose an appropriate module position from your current template within the settings for Ninja Shadowbox from the "Position" dropdown option at the leftside.

Try module position "footer" for instance.

I hope this helps.
Let us know how you're doing.

Kind regards,
John

I changed it to an available position.
Still the same :(
Maybe Im a dump but have I to add some javascript documents, because i just installed the modul.

john at ninjaforge dot com

Hi Tschi,

First, you are not dumb, ok.
Sometimes things don't work as expected, and that's why we are here for: to help ;)

You need to reinstall Ninja Shadowbox.
Ninja Shadowbox will install also it's needed scripts.
When Ninja Shadowbox is activated it will automatically call the needed scripts in order to run correctly.

Therefor, Ninja Shadowbox module MUST be placed in an existing module position from your current/default template.
This way the scripts from Ninja Shadowbox are loaded in the header of the page AND thus are available for Ninja Shadowbox.

I also spotted the IE8 compatibility meta tag in the header.
Now, if you are using IE7, IE8 or IE9 to test Ninja Shadowbox then this won't work for IE.

To make Ninja Shadowbox compatible with IE7, IE8 and IE9, add the following in the header of the page (your_template.php):

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7; IE=EmulateIE9">

or

<http-equiv="X-UA-Compatible" content="IE=EmulateIE7; IE=EmulateIE9">

Just to add as a suggestion.

I hope you are able to make it work.
If you have difficulties then I will try to get it to work for you.
In case you want me to try, please send me a super admin account to:

Thanks.
Let us know how you are doing.

Kind regards,
John

Hey,
ok I tried both code´s and reinstalled the whole thing. The Module is in a available position and i changed the settings to "dojo" but it dont work.
Something different: Is it possible that the gallery on the top and the modul dont get in common?

Hi Tschi,

Ok, this is not good.
Remove the code(s) please, because you didn't put it in the correct section.
The code is suppose to be between the <head> tags of your default template.php.
Looks like the codes are put between the <body> tags instead.
For now don't bother to use them either because this isn't important at this time.
We first have to find out why Ninja Shadowbox isn't working correct.

I have no solid idea what's going on.
Is it possible that you use a custom build template?
I still can't see the scripts for Ninja Shadowbox are loaded properly.
Normally Ninja Shadowbox isn't that hard to install and to activate.

Please, consider to provide me super admin access and I will do my best to try to make it work for you.
This way I'm able to see what's going on at closer hand and I might be able to provide a much quicker solution or fix.

You can send the credentials to: john at ninjaforge dot com.

Thanks.

Kind regards,
John

Hey,
ok i removed teh code but it was between the <head> tags.
Yes it is a selfmade template! Could be this the problem?
And i will try to do this without giving the admin settings to everyone, I hope you understand this.
If it is really necessary I will ask my boss.

Hi Tschi,

Thanks for your feedback and adjustments.
Yes, I perfectly understand and respect your privacy concerns. No problem.
But it will take much longer time to understand what's going on.

The selfmade template could be a problem but not necessarily.

I assume you used the following in your template.php (or index.php)?:

<jdoc:include type="modules" />

Do you have the same problems with other extensions?
I can't see what scripts/resources are loaded, do you use any extensions or code to hide this from the <head> section?

Kind regards,
John

Hey,
I havent any problems with other module´s.
Yes I used <jdoc... . I dont use any code´s to hide something...I guess^^.

Before i noticed your programm I used a other lighbox (cant remeber how its called) but i couldnt use it anymore, because everytime it started my flashgallery crashed.

I just send you the whole index.php code:

<?php
/*
*
*
*
*/
defined('_JEXEC') or die('Zugriff verboten');
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="<?php echo $this->language; ?>" xml:lang="<?php echo $this->language; ?>">

<head>

<body>

</body>

</html>

Never thought that this could be a problem like this :).
I´ll ask my boss for the ID.
And i will thank you for your great help and support!
Tschi

P.S. No change to get the admin log in sorry BUT you can control my pc over teamviewer.

Hi Tschi,

Thanks for your helpful feedback.

I think you have to add the following code to your index.php.
(put it straight under the opening <head> tag):

<jdoc:include type="head" />

Like so:

<head>

<jdoc:include type="head" />

<meta http-equiv="X-UA-Compatible" content="IE=8" />

<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />

<title>mytec-solution GmbH</title>

<link rel="stylesheet" type="text/css" href="templates/<?php echo $this->template ?>/css/template.css" />

</head>

I hope this does the trick.
Let us know how it goes,

Kind regards,
John

Hey,
WOW THANK U! It works in firefox and IE!
But 1 last thing ;) :
If I open and close a picture in the shadowbox in IE, the flashgallery on the top stops.
Can we fix this too or should I ask in any other forum?, because this isnt a basic ninjaforge problem!?

Thankfull
Tschi

Hi Tschi,

Great to hear it's working now ;)

To fix the flash gallery, try to do the following:

1) in your index.php replace the following:

<meta http-equiv="X-UA-Compatible" content="IE=8" />

with:

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7; IE=EmulateIE9">

2) in case this is done by you (this is not standard by Ninja Shadowbox) >> unload/delete the declaration from the <head> section which calls the Ninja Shadowbox scripts from the /plugins/system/ directory.
3) make sure you have the latest version of Ninja Shadowbox (2.0.9).
4) disable the IE8 fix in Ninja Shadowbox settings (No)
5) set Framework (option/setting should be called "Javascript Library" by default) to Dojo (within Ninja Shadowbox parameter settings)

6) you may also remove (from your index.php):

<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />

Because this is already added by Joomla by default. It's now declared twice :)

If these steps don't help then you have to check the settings for the Flash component/extension.
Remember that this is most likely an IE bug. Joomla and IE don't go happily together now and then.

I hope this helps.

Kind regards,
John

To clarify step number 2:

See screenshot.

As far as I know this part does not need to be loaded in the <head> section (or elsewhere).
Just doesn't belong there and I'm not sure where it's coming from either.
Seems to me it's not a default declaration done by Ninja Shadowbox.

-John

You don't have access to view the attachments in this post.

Hey,
The Problem is fixed! :D
I tried everything you say but nothing worked for me, so I looked up in your javascript documents and changed the "close shadowbox" to a simple "location.reload".
I know this isnt the best solution but it is one! :D

Thank you for all your help! Great support!
Tschi

Hello again,
I wanna ask 1 last thing.
The whole thing works fine
here: http://mytec-solution.de/leistungen/musterloesung-f-schulen
here: http://mytec-solution.de/leistungen/automotive
and here:http://mytec-solution.de/hauptmenu/news

but not here: http://mytec-solution.de/hauptmenu/team

Thats the code from the joomla-article:
<table border="0">
<tbody>
<tr>
<td>
<p><a href="http://mytec-solution.de/_mediadaten/bilder/mytec/team/clausen_gross.jpg" rel="shadowbox"> <img src="http://mytec-solution.de/_mediadaten/bilder/mytec/team/clausen_klein.jpg" border="0" /> </a></p>
<p> </p>
</td>
<td valign="top"></td>
<td valign="top">
<div>Name:<br />Email-Adresse:</div>
</td>
<td valign="top"></td>
<td valign="top">Daniel Clausen<br /><a href="mailto:daniel.clausen@mytec-solution.de">daniel.clausen@mytec-solution.de</a></td>
<td valign="top">Persönliches:<br />Smartphone oder Dosentelefon?<br />Ceranfeld oder Lagerfeuer?<br />... oder doch nur Luft und Liebe?!</td>
</tr>
<tr>
<td>
<p><a href="http://mytec-solution.de/_mediadaten/bilder/mytec/team/elsner_gross" rel="shadowbox"><img src="http://mytec-solution.de/_mediadaten/bilder/mytec/team/elsner_klein.jpg" border="0" /></a></p>
<p> </p>
</td>
<td valign="top"></td>
<td valign="top">
<div>Name:<br />Email-Adresse:</div>
</td>
<td></td>
<td valign="top">Ulf Elsner<br /><a href="mailto:ulf.elsner@mytec-solution.de">ulf.elsner@mytec-solution.de</a></td>
<td valign="top">Persönliches:</td>
</tr>
<tr>
<td>
<p><a href="http://mytec-solution.de/_mediadaten/bilder/mytec/team/illenseer_gross" rel="shadowbox"><img src="http://mytec-solution.de/_mediadaten/bilder/mytec/team/illenseer_klein.jpg" border="0" /></a></p>
<p> </p>
</td>
<td valign="top"></td>
<td valign="top">
<div>Name:<br />Email-Adresse:</div>
</td>
<td></td>
<td valign="top">Martin Illenseer<br /><a href="mailto:martin.illenseer@mytec-solution.de">martin.illenseer@mytec-solution.de</a></td>
<td valign="top">Persönliches:<br />Würde gerne eine “solare“ Stadt aufbauen die nur mit erneuerbaren Energien versorgt wird und danach ganz Deutschland.</td>
</tr>
<tr>
<td valign="top">
<p><a href="http://mytec-solution.de/_mediadaten/bilder/mytec/team/meyer_gross" rel="shadowbox"><img src="http://mytec-solution.de/_mediadaten/bilder/mytec/team/meyer_klein.jpg" border="0" /></a></p>
<p> </p>
</td>
<td valign="top"></td>
<td valign="top">
<div>Name:<br />Email-Adresse:</div>
</td>
<td></td>
<td valign="top">Sven Meyer <br /><a href="mailto:sven.meyer@mytec-solution.de">sven.meyer@mytec-solution.de</a></td>
<td valign="top">
<div>Persönliches:<br />Tanzt gern Standard & Latein und lernt gerade E-Gitarre, aber ist noch in der Anfangsphase. Will also noch niemand wirklich hören. ;)</div>
</td>
</tr>
<tr>
<td>
<p><a href="http://mytec-solution.de/_mediadaten/bilder/mytec/team/swiatlon_gross" rel="shadowbox"><img src="http://mytec-solution.de/_mediadaten/bilder/mytec/team/swiatlon_klein.jpg" border="0" /></a></p>
<p> </p>
</td>
<td valign="top"></td>
<td valign="top">
<div>Name:<br />Email-Adresse:</div>
</td>
<td></td>
<td valign="top">Tommy Swiatlon <br /><a href="mailto:tommy.swiatlon@mytec-solution.de">tommy.swiatlon@mytec-solution.de</a></td>
<td valign="top">
<div>Persönliches:<br />Kann sich nicht entscheiden... <br />Hybrid oder PS Monster...?</div>
</td>
</tr>
</tbody>
</table>

I changed some different things without any solution.
The funny thing is, the first picture works, the others dont.

After this I wont longer disturb you. :P
Tschi

Hello again again^^
I solved it.
Thank you anyway!!
Can i close this thread anywhere or have I to rate?