rottenberg on Monday, February 11 2013, 06:06 PM

Jquery, mootools problem with templatedeal plazza

Hello

I have a problem after installing Templateplazza deal in a site :
This site uses Nonumber.nl Tabs plugin .

I have joined 2 urls :
the first one tiptopvisit.vitrinactiv is the erroneous page. it may content 2 tabs : 1 with the description and one with a google map. Thewhole content is inside but the tabs are not displayed.

the second one bibliactiv.vitrinactiv is the godd one with tabs.
Both sites have the same architecture : templateplazza deal, nonyumber plugins, flexicontent CCK.

The only difference between them is the using of responsive slider in bibliactiv and not in tiptopvisit.

I have contacted Nonumber.nl developper.
He told me :
No idea. You probably have a mootools/jquery conflict on your site. This is often the case when multiple mootools or jquery scripts are loaded. Or if jQuery is not run in noConflict mode.


Can you help me finding the conflict. I have no idea where to seqrch.

I have tested with the free shape 5 template the tabs are displayed correctly

thenak yuou for help

best regards
Michel
10 responses Add Yours
       
  • Replied by erwinschro on Monday, February 11 2013, 07:30 PM · Hide· #1
    Can you take a look at FlexyContent configuration if there's any option to un-load jQuery library. If there is one then you can de-select from there and see if that helps.
  •  
  • Replied by rottenberg on Tuesday, February 12 2013, 01:58 PM · Hide· #2
    Hello,
    I have found the origin or the problem, but I don't know how to solve it.

    The problem doesn't come from Flexicontent but from an incompatibility between Templateplazza Deals template and Googlemap plugin from Reumer.net :

    when Reumer.net googlemap is on a templated Templateplazza deals page the nonumber tab plugin iis not working.

    I have done a test with the Shape5 Vertex2 template : the 3 components are working.
    I join an exemple of the problem (2 urls the same page with Templateplazza and with Vertex2 template) :

    Template plazza : http://www.tiptopvisit.com/index.php/item/55-palais-de-versailles
    Vertex 2 : http://www.tiptopvisit.com/index.php/item/55-palais-de-versailles?template=shape5_vertex

    I have sent also a mail to reumer.net (googlemap plugin)
    How can I solve the incompatibiity ?

    thank you for help
    best regards

    Michel
  •  
  • Replied by sikumbang on Wednesday, February 13 2013, 02:47 AM · Hide· #3
    From what I see on the website source code, your website loads mootools-more.js 3 times.
    One on /templates/deals_plazza/js/template.js.php and 2 more on /media/system/js/mootools-more.js.
    It's probably called by your map plugin, so try to disable it from it because mootools-core.js has already included - built in with the template
  •  
  • Replied by rottenberg on Saturday, February 16 2013, 06:14 PM · Hide· #4
    Hello,
    I come back with the Jquery problem I have using Templateplazza.
    I have received some informations from the Flexicontent developer
    I give you a copy of what I have received :
    _______________________________________
    I see in your page an Javascript error that probably stops Javascript execution.

    -- It looks like your template code is at fault,
    it tries to manipulate your menu before page has completed load the fact that it works in one site is pure luck depending on time it is called

    CODE: SELECT ALL
    jQuery(function(){
    jQuery('ul.menusuperfish')
    .superfish({animation: {opacity:'show', height:'show', width:'show'},delay:0,speed:'fast',dropShadows: false, });
    });


    must (probably) become:

    CODE: SELECT ALL
    jQuery(document).ready(function(){
    jQuery('ul.menusuperfish')
    .superfish({animation: {opacity:'show', height:'show', width:'show'},delay:0,speed:'fast',dropShadows: false, });
    });


    -- please contact the template makers with the fix,

    -- meanwhile you can try doing a text search in your template files for :
    jQuery('ul.menusuperfish')

    and try to test the fix yourself

    Regards
    FLEXIcont
    _______________________________________________________

    I'll try to do the correction in my site. After that I will give you the result.

    Best regards
    Michel
  •  
  • Replied by sikumbang on Sunday, February 17 2013, 03:08 AM · Hide· #5
    Hi Michael,
    Ahh yes sorry that was missed. Please try to replace the template.js with this one attached (extract it first pls)

    Attachments:

  •  
  • Replied by sikumbang on Sunday, February 17 2013, 03:11 AM · Hide· #6
    Please let me know the result when you have applied it. Thanks :)
  •  
  • Replied by rottenberg on Sunday, February 17 2013, 09:11 AM · Hide· #7
    It's not working
    I have send Flexicontent developer also to Miker reumer (tech.reumer.net) the developer of the googlemaps plugin.

    I have attached the informations about the site and another one with the same structure which works well

    thanks for help
    best regards
    Michel
  •  
  • Replied by sikumbang on Sunday, February 17 2013, 09:16 AM · Hide· #8
    Micahel, Are you sure you have replaced the template.js?
    When I look at here it seems the you're still using the old one :
    http://www.tiptopvisit.com/templates/deals_plazza/js/template.js
  •  
  • Replied by rottenberg on Sunday, February 17 2013, 11:54 AM · Hide· #9
    I have attached a private message to this post

    besr regards
    Michel
  •  
  •  
    Replied by rottenberg on Sunday, February 17 2013, 05:01 PM · Hide· #10
    I have received a mail from Mike Reumer (plugin Googlemap).
    I attach the content of the mail to this post in the site detail.

    Now the site is working normally (test and explotation).

    As I'm not a Javascript, Jquery specialist , I suggest to contact directly Mike Reumer to see together how to fix the Javascript problem, if any.

    Best regards
    Michel
Your Response
Please login first in order for you to submit comments