Missing Javascript file

This topic has 12 replies, 3 voices, and was last updated 8 years, 6 months ago by Dhuan.

Viewing 13 posts - 1 through 13 (of 13 total)

Author

Posts

March 21, 2015 at 9:25 am #53869

Participant

Thanks for the free theme, I’m learning how to adjust all of the settings. While using my Chrome browser in debug mode I found that you are missing a file in your theme folder: jquery.cycle2.js.map

I had to find and upload this myself to fix the error.

March 21, 2015 at 6:54 pm #53904

Sakin

Keymaster

@tualatinweb: I am not being able to find this issue. But search in Google I see this script has issue. Which file did you added in.

Also the map is for development version of site and it is not necessary for the production version. So, we will remove that in next version udpate.

March 21, 2015 at 10:55 pm #53990

tualatinweb

Participant

Sakin,
Install this theme and then in your browser debugger look for Javascript errors and you will find that there’s one missing file reported: jquery.cycle2.js.map

This file needs to be added to the theme folder under /js/jquery.cycle/jquery.cycle2.min.js

March 21, 2015 at 11:05 pm #53991

Sakin

Keymaster

@tualatinweb: The worst part is I am not able to find the issue but I see the issue has been reported in https://github.com/malsup/cycle2/issues/384

So, you fix that error by uploading jquery.cycle2.js.map file in
catch-responsive/js/jquery.cycle/

March 21, 2015 at 11:09 pm #53992

tualatinweb

Participant

Yes, the fix is to upload the missing jquery.cycle2.js.map file into your theme folder.

March 21, 2015 at 11:21 pm #53995

Sakin

Keymaster

@tualatinweb: Thanks we will work on it.

March 22, 2015 at 9:52 am #54017

Sakin

Keymaster

@tualatinweb: Thanks we have uploaded new version in WordPress.org and now need to wait for WordPress.org theme review team to make it live soon.

October 5, 2015 at 4:14 pm #67908

Dhuan

Member

I do not know whether it is connected but to ask.
Put a piece of code, google map and it does not appear, if it shows things are blurry fields directions not work, displace and it does not work as it should.html file will open in your browser is all right I want to put it, as a publication and do it as a text editor
The question is how to visualize Google maps.

October 5, 2015 at 5:58 pm #67910

Dhuan

Member

this code

<!DOCTYPE html>
<html>
  <head>
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
    <meta charset="utf-8">
    <title>Displaying text directions with <code>setPanel()</code></title>
    <style>
      html, body {
        height: 100%;
        margin: 0;
        padding: 0;
      }
      #map {
        height: 100%;
      }
#floating-panel {
  position: absolute;
  top: 10px;
  left: 25%;
  z-index: 5;
  background-color: #fff;
  padding: 5px;
  border: 1px solid #999;
  text-align: center;
  font-family: 'Roboto','sans-serif';
  line-height: 30px;
  padding-left: 10px;
}

#right-panel {
  font-family: 'Roboto','sans-serif';
  line-height: 30px;
  padding-left: 10px;
}

#right-panel select, #right-panel input {
  font-size: 15px;
}

#right-panel select {
  width: 100%;
}

#right-panel i {
  font-size: 12px;
}

      #right-panel {
        height: 100%;
        float: right;
        width: 390px;
        overflow: auto;
      }

      #map {
        margin-right: 400px;
      }

      #floating-panel {
        background: #fff;
        padding: 5px;
        font-size: 14px;
        font-family: Arial;
        border: 1px solid #ccc;
        box-shadow: 0 2px 2px rgba(33, 33, 33, 0.4);
        display: none;
      }

      @media print {
        #map {
          height: 500px;
          margin: 0;
        }

        #right-panel {
          float: none;
          width: auto;
        }
      }
    </style>
  </head>
  <body>
    <div id="floating-panel">
      <strong>Start:</strong>
      <select id="start">
        <option value="chicago, il">Chicago</option>
        <option value="st louis, mo">St Louis</option>
        <option value="joplin, mo">Joplin, MO</option>
        <option value="oklahoma city, ok">Oklahoma City</option>
        <option value="amarillo, tx">Amarillo</option>
        <option value="gallup, nm">Gallup, NM</option>
        <option value="flagstaff, az">Flagstaff, AZ</option>
        <option value="winona, az">Winona</option>
        <option value="kingman, az">Kingman</option>
        <option value="barstow, ca">Barstow</option>
        <option value="san bernardino, ca">San Bernardino</option>
        <option value="los angeles, ca">Los Angeles</option>
      </select>
      <br>
      <strong>End:</strong>
      <select id="end">
        <option value="chicago, il">Chicago</option>
        <option value="st louis, mo">St Louis</option>
        <option value="joplin, mo">Joplin, MO</option>
        <option value="oklahoma city, ok">Oklahoma City</option>
        <option value="amarillo, tx">Amarillo</option>
        <option value="gallup, nm">Gallup, NM</option>
        <option value="flagstaff, az">Flagstaff, AZ</option>
        <option value="winona, az">Winona</option>
        <option value="kingman, az">Kingman</option>
        <option value="barstow, ca">Barstow</option>
        <option value="san bernardino, ca">San Bernardino</option>
        <option value="los angeles, ca">Los Angeles</option>
      </select>
    </div>
    <div id="right-panel"></div>
    <div id="map"></div>
    <script>
function initMap() {
  var directionsDisplay = new google.maps.DirectionsRenderer;
  var directionsService = new google.maps.DirectionsService;
  var map = new google.maps.Map(document.getElementById('map'), {
    zoom: 7,
    center: {lat: 41.85, lng: -87.65}
  });
  directionsDisplay.setMap(map);
  directionsDisplay.setPanel(document.getElementById('right-panel'));

  var control = document.getElementById('floating-panel');
  control.style.display = 'block';
  map.controls[google.maps.ControlPosition.TOP_CENTER].push(control);

  var onChangeHandler = function() {
    calculateAndDisplayRoute(directionsService, directionsDisplay);
  };
  document.getElementById('start').addEventListener('change', onChangeHandler);
  document.getElementById('end').addEventListener('change', onChangeHandler);
}

function calculateAndDisplayRoute(directionsService, directionsDisplay) {
  var start = document.getElementById('start').value;
  var end = document.getElementById('end').value;
  directionsService.route({
    origin: start,
    destination: end,
    travelMode: google.maps.TravelMode.DRIVING
  }, function(response, status) {
    if (status === google.maps.DirectionsStatus.OK) {
      directionsDisplay.setDirections(response);
    } else {
      window.alert('Directions request failed due to ' + status);
    }
  });
}

    </script>
    <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAlOwaZBwKTyxujkjgBj9aHwPwp84uK5Oc&signed_in=true&callback=initMap"
        async defer></script>
  </body>
</html>

displayed so

http://prikachi.com/images.php?images/285/8391285y.png

use theme Catch Box

October 5, 2015 at 6:09 pm #67912

Sakin

Keymaster

@Dhuan: This is not related at all. That was for slider and this is different. Please check in your script and if you have issue the please post new question with your site URL. So, that I can check in.

October 5, 2015 at 6:41 pm #67915

Dhuan

Member

my mind was whether to include jquery and maps. I do not know I have no idea
I think the script is correct

October 5, 2015 at 9:12 pm #67923

Sakin

Keymaster

@Dhuan: I don’t get it what are you trying to do with custom coding. Also where did you add that code. It all depends on your uses. So, if you want to use in your page, then I suggest using google map plugin instead of custom script. For adding custom script, you need to build child theme and then add script in your php template.

October 6, 2015 at 1:14 am #67944

Dhuan

Member

Sakin, the problem is not the topic. please delete the above comments not relate to this topic. please excuse me