Map doesn't work anymore

Ce fil est résolu. Voici une description du problème et la solution proposée.

Problem: I am trying to display a map, but it does not load. I see an error in the JavaScript console:

Uncaught TypeError: Cannot read property 'top' of undefined

Solution: Fix JavaScript errors related to undefined elements by testing to see if those elements exist before performing calculations on them.

jQuery(document).ready(function($){
     
var $el = $('.bloc-localisation');  //record the elem so you don't crawl the DOM everytime  
// stop here if no bloc-localisation element exists on the current page
if( $el.length == 0 ) {
  return;
}
var bottom = $el.offset().top + $el.outerHeight(true); // passing "true" will also include the top and bottom margin
console.log('bottom bloc gauche : '+bottom);

Relevant Documentation:
http://api.jquery.com/

This support ticket is created Il y a 5 années et 10 mois. There's a good chance that you are reading advice that it now obsolete.

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

Aucun de nos assistants n'est disponible aujourd'hui sur le forum Jeu d'outils. Veuillez créer un ticket, et nous nous le traiterons dès notre prochaine connexion. Merci de votre compréhension.

Sun	Mon	Tue	Wed	Thu	Fri	Sat
8:00 – 12:00	8:00 – 12:00	8:00 – 12:00	8:00 – 12:00	8:00 – 12:00	-	-
13:00 – 17:00	13:00 – 17:00	13:00 – 17:00	13:00 – 17:00	13:00 – 17:00	-	-

Supporter timezone: America/New_York (GMT-04:00)

Marqué : Toolset Maps, Views plugin

Ce sujet contient 4 réponses, a 2 voix.

Dernière mise à jour par Franck Il y a 5 années et 10 mois.

Assisté par: Christian Cox.

Auteur

Publications

janvier 3, 2019 at 4:45 pm #1176997

Franck

As, i have written, i give you FTP.

janvier 3, 2019 at 6:07 pm #1177052

Christian Cox

Hello, you have a JavaScript error in your Layouts JS code that is preventing this map from loading as expected. Please open the browser console to see this error:

e33850de63cb5a5f6afa7a2826b4b3e6.js?ver=2.5.1:86 Uncaught TypeError: Cannot read property 'top' of undefined

Refers to the second line of this code in Layouts JS:

var $el = $('.bloc-localisation');  //record the elem so you don't crawl the DOM everytime  
var bottom = $el.offset().top + $el.outerHeight(true); // passing "true" will also include the top and bottom margin

$el is undefined, because there is no .bloc-localisation item in the DOM. Can you explain this code?

janvier 3, 2019 at 7:12 pm #1177080

Franck

Hi, thanks for your answer.

I am sorry, so it is me the problem 🙁

Before i use to put my JS in layout on the pages.. But you told me to put it in the JS TOOLSET part, so, now i don't know how i can do... 🙁

By the way, i think i have a free plan, because i use TOOLSET since long time. IF you want, you can turn my account to paid account. Because i have asked help many times. I don't know i all people is like me. but i can understand i have to pay.

janvier 3, 2019 at 7:20 pm #1177081

Christian Cox

You could test to see if a .bloc-localisation element exists, or return, like this:

...
jQuery(document).ready(function($){
    
var $el = $('.bloc-localisation');  //record the elem so you don't crawl the DOM everytime  
// stop here if no bloc-localisation element exists on the current page
if( $el.length == 0 ) {
  return;
}
var bottom = $el.offset().top + $el.outerHeight(true); // passing "true" will also include the top and bottom margin
console.log('bottom bloc gauche : '+bottom);
...

janvier 4, 2019 at 10:55 am #1177589

Franck

My issue is resolved now. Thank you!

As i have said, if i have to turn my account to a paid account, i will understand.