Collaborative Music Playlist/Chat

[Maryna Brodina]

Unfortunately no updates yet. Working on it.

[Kateryna Grynko]

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.

[Joe Paisley]

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?

[Joe Paisley]

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.

[Maryna Brodina]

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

[Joe Paisley]

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

[Maryna Brodina]

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

[Joe Paisley]

You're all amazing! Thanks so much.

[Maryna Brodina]

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

[Joe Paisley]

Where would I place this code?