Conflict between PowerGallery and DMXzone Calendar

I need to use PowerGallery and DMXzone Calendar on the same page. When I do, the DMXzone Calendar disappear from the page. If I remove the PowerGallery code, the DMXzone Calendar shows up again.

It looks like it is a conflict between PowerGallery and DMXzone Calendar.

Have a look at this page:
detaljer.php?Id=2
PowerGallery is working, but the Calendar at the buttom of the page is not showing

Have a look at this page:
detaljer_2.php?Id=2
On this page I have removed the PowerGallery code, and the calendar at the bottom of the page shows as it should.

I'm attaching my page. Do you see anything wrong ?

Regards
Rune

Hmm

I have looked into it using the W3C Markup Validation Service tool, and the code looks totally broken.

check?uri=http%3A%2F%2Fwww.vestfoldferie.no%2Fdetaljer.php%3FId%3D2&charset=%28detect+automatically%29&doctype=Inline&group=0

I have two doctype definitions, two head regions and two body tags. Is it because of the left menu inserted as a Framework Builder plug in ?

Regards
Rune

Originally Said By: Rune

  I have two doctype definitions, two head regions and two body tags. Is it because of the left menu inserted as a Framework Builder plug in ?  

Hi Rune

That's correct and been reported to WA a couple of times.
You could simply remove the head regions like

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

form the plugin page.

I'm not sure if this gets fixed in an upcoming update to FB or Design Extender, however that has never been a problem to the pages I've made with FB.

I've looked at your page and can only assume, that the code for either DMX calendar or PowerGallery should be moved somewhere else in the source. I've had similar issues with extensions and DWT.-based pages and got them resolved by moving code blocks. Not sure, however, if that's the case with your page.

And, at least for me, that was always some kind of trial-and-error.
so be sure to make copies of your pages.

Another reason might be, that you are possibly referencing two jQuery libraries (just a thought, I'm not sure at all!):

<script type="text/javascript" src="ScriptLibrary/jquery-latest.pack.js"></script>

(That's the DMX version)

and

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>

(That's the one form Power Gallery, I guess)

Like I said, not sure, if that's the reason, but you could try to comment that google-code out for testing.

HTH

Willi

Yes Willi !!!

Commenting out the Google code solved the problem.

Thanks for helping me on this.

Regards
Rune

I think the issue with the gallery and the calendar is a case of clashing frameworks.

the DMX Zone calendar uses the Jquery framework, whereas the gallery uses Mootools

probably the simplest fix will be to embed the gallery on another page and load the gallery as an iFrame, this should prevent the 2 frameworks from clashing.