Lay Theme Forum

    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Popular
    • Users
    • Search

    Mobile Menu broken because of Custom Javascript

    General Discussion
    2
    2
    91
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • A
      arno_aubry last edited by

      Hello,

      I have used a piece of custom javascript to display temperature and humidity on a website:
      http://jardinc.org

      But it seems it's breaking the mobile menu... Can you help me ?

      Here is the piece of code:

      <script type="text/javascript">
      
      
      const key = 'b2b1b01a9261a8b31e450dffc404f9e9';
      if(key=='') document.getElementById('temp').innerHTML = ('Remember to add your 	api key!');
      
      function weatherBallon( cityID ) {
      fetch('http://api.openweathermap.org/data/2.5/weather?lat=47.204530&lon=-1.563377&appid=b2b1b01a9261a8b31e450dffc404f9e9')  
      .then(function(resp) { return resp.json() }) // Convert data to json
      .then(function(data) {
      	drawWeather(data);
      })
      .catch(function() {
      	// catch any errors
      });
      }
      function drawWeather( d ) {
       var celcius = Math.round(parseFloat(d.main.temp)-273.15);
        var fahrenheit = Math.round(((parseFloat(d.main.temp)-273.15)*1.8)+32);
      var description = d.weather[0].description;
       var humidity = d.main.humidity; 
      
      
      document.getElementById('temp').innerHTML = celcius + '°C';
      document.getElementById('humidity').innerHTML = 'H:' + humidity + '%';
      
       if( description.indexOf('rain') > 0 ) {
      document.body.className = 'rainy';
       } else if( description.indexOf('cloud') > 0 ) {
      document.body.className = 'cloudy';
       } else if( description.indexOf('sunny') > 0 ) {
      document.body.className = 'sunny';
       } else {
      document.body.className = 'clear';
       }
      }
      window.onload = function() {
      weatherBallon( 6167865 );
      }
      
       </script>
      
      1 Reply Last reply Reply Quote 0
      • mariusjopen
        mariusjopen Global Moderator last edited by

        Dear @arno_aubry
        I think the problem might be here:

        window.onload = function() {
        weatherBallon( 6167865 );
        

        http://laytheme.com/documentation.html#custom-javascript

        Best!

        Marius

        www.mariusjopen.world

        1 Reply Last reply Reply Quote 0
        • First post
          Last post
        Post a link to where the problem is
        I don't answer or check forum DMs, please just post on the forum.
        Forgot your key, lost your files, need a previous Lay Theme or Addon version? Go to www.laykeymanager.com

        Before you post:

        Use the Search Feature. Maybe there is already a solution to your issue.

        1. Update Lay Theme and all Lay Theme Addons
        2. Disable all Plugins
        3. Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code ", click "Save Changes"
        4. Now see if your problem solved itself
        5. Go here, see if your problem is listed here:
        Troubleshooting

        When you post:
        1. Post a link to where the problem is
        2. If the problem is difficult to explain, post screenshots / link to a video to explain it

        Thanks!

        Online Users

        D
        C

        Recent Topics

        • L

          HTML

        • M

          Burger menu in desktop and tablet view

        • M

          WPForms Lite not working with new theme update (5.5.5)

        • K

          remove licence from old site

        laytheme.com