Forum | Appery.io

Unfortunately no updates yet. Working on it.

Hi Joe,

On page "Website" there is the following iframe:
code<iframe src="http:&#47;&#47;www&#46;thepedalcollective&#46;com&#47;m" style="border:0px #FFFFFF none;" name="myiFrame" scrolling="yes" frameborder="0" marginheight="20px" marginwidth="0px" height="500px" width="100%"><&#47;iframe>/code
In JS code that we adviced, there is a reference to iFrame named Chat.In HTML code you would need to rename "myiFrame" to "Chat" and add id="Chat" (case sensitive). Then iframe height will be changed when page opening.

I've changed the javascript to add those changes, but for some reason it still doesn't work. Did I add it incorrectly? Is it possible something else might be causing it?

As it stands now, my javascript1 reads:
codevar bikeLayer, directionsDisplay, directionsService;
function initialize() {
bikeLayer = new google&#46;maps&#46;BicyclingLayer('directionsMap');
bikeLayer&#46;setMap(Tiggzi('directionsMap')&#46;gmap);
directionsService = new google&#46;maps&#46;DirectionsService();
directionsDisplay = new google&#46;maps&#46;DirectionsRenderer();
}

function displayDirections(sourceAddress, destinationAddress, map, panel) {
var request = {
origin: sourceAddress,
destination: destinationAddress,
travelMode: google&#46;maps&#46;DirectionsTravelMode&#46;BICYCLING,
avoidHighways: true
};

directionsService&#46;route(request, function(response, status) {
if (panel != null) {
directionsDisplay&#46;setPanel(panel);
}
directionsDisplay&#46;setMap(map);

if (status == google&#46;maps&#46;DirectionsStatus&#46;OK) {
directionsDisplay&#46;setDirections(response);
} else {
alert("Directions query unsuccessful&#46; Response status: " + status);
}
});
}
google_ad_client = "ca-pub-8264282481974683&quot
&#47;* Mobile Ad *&#47;
google_ad_slot = "5144076950&quot
google_ad_width = 320;
google_ad_height = 50;/code

And I removed the initialize () function from the "events" on the page as it is in "javascript1." All that happens now is the source and destination disappear, but no map route is rendered, nor is there a route turn-by-turn list.

Hi Joe, please sorry for delay. Working on it...

Sorry about this post. I actually meant to post it in my "geolocation" discussion, but I accidently put it here.

Thanks for update. Right now we are working on both your posts, I'll update as soon as I get any information.

You're all amazing! Thanks so much.

On your page you have some buttons. You can change iframe heights - subtract panel_46 heights and buttons heights to place all controls on the screen:

codevar minHeight = 170;
var theHeight = $(window)&#46;height()

• $(this)&#46;find('[data-role="header"]')&#46;outerHeight(true)
• $(this)&#46;find('[data-role="footer"]')&#46;outerHeight(true)
• $(this)&#46;find('[dsid="panel_46"]')&#46;outerHeight(true)
• $(this)&#46;find('[dsid="mobilebutton1_47"]')&#46;outerHeight(true)
• $(this)&#46;find('[dsid="mobilebutton1_48"]')&#46;outerHeight(true)
• $(this)&#46;find('[dsid="mobilebutton1_45"]')&#46;outerHeight(true)
• $(this)&#46;find('[dsid="mobilebutton1_41"]')&#46;outerHeight(true)
  -4;
  if (theHeight < minHeight) {
  theHeight = minHeight;
  }
  $("#Chat")&#46;attr("height", theHeight);/code

Where would I place this code?