Forum Replies Created

Viewing 8 replies - 1 through 8 (of 8 total)
  • Thread Starter Supersonic Sites

    (@rgstream)

    I’m sending a big fat thank you via paypal! You are awesome!

    Thread Starter Supersonic Sites

    (@rgstream)

    I’ve switched back to legacy mode. This way the header doesn’t freeze. The Google Map doesn’t work thou.

    Thanks for your work.

    Thread Starter Supersonic Sites

    (@rgstream)

    Yes, I was testing if it would change something. I’ve put it back like it was before. What if I gave you a user and pass so you can check it out in the back-end? (We have to deliver this website soon and at this point you solving this issue is worth $$) ??

    Thank you for all the trouble.

    PS: The Legacy mode works to make it sticky but without it, it does what you see on the page.

    Thread Starter Supersonic Sites

    (@rgstream)

    ??
    I followed the instructions above, I have turned off the Legacy Mode and turned on the Debug mode.

    See my test page: https://platform4(dot)steamtrainstation.com/accommodations/spring-cove/

    Now the header menu doesn’t collapse and the sidebar isn’t sticking anymore… :-/

    What may I be doing wrong?

    Thread Starter Supersonic Sites

    (@rgstream)

    In the sidebar we have put:

    <div id="map" class="et_pb_map" style="height:500px !important;width:350px !important";></div>

    and in the header:

    <script src="https://maps.googleapis.com/maps/api/js"></script>
    <script type="text/javascript">
        var red_icon = new google.maps.MarkerImage("https://maps.gstatic.com/mapfiles/ms2/micons/red.png");
        red_icon.size = new google.maps.Size(35, 35);
        red_icon.anchor = new google.maps.Point(0, 35);
        var yellow_icon = new google.maps.MarkerImage("https://maps.gstatic.com/mapfiles/ms2/micons/yellow.png");
        yellow_icon.size = new google.maps.Size(35, 35);
        yellow_icon.anchor = new google.maps.Point(0, 35);
        var markers = [];
        var infowindow = new google.maps.InfoWindow();
        var bounds = new google.maps.LatLngBounds();
        function initialize() {
    var locations = [
                {
                    name: 'The Sabbatical',
                    position: {
                        lat: 48.9297,
                        lng: -125.53667
                    }
                },
                {
                    name: 'Happy Cabin',
                    position: {
                        lat: 48.92794,
                        lng: -125.5379
                    }
                },
                {
                    name: 'Surf Loft',
                    position: {
                        lat: 48.93033,
                        lng: -125.53568
                    }
                },
            ];
    var map = new google.maps.Map(document.getElementById('map'), {
                zoom: 4,
                center: locations[0].position,
                mapTypeId: google.maps.MapTypeId.SATELLITE
            });
            for(i in locations) {
                console.log(locations[i]);
    
                markers[i] = new google.maps.Marker({
                    position: locations[i].position,
                    map: map,
                    title: locations[i].name,
                    icon: red_icon
                });
                bounds.extend(markers[i].getPosition());
                google.maps.event.addListener(markers[i], "click", function() {
                    infowindow.setContent(this.title);
                    infowindow.setPosition(this.getPosition());
                    infowindow.open(map, this);
                });
            }
    
            map.fitBounds(bounds);
    var tables = [
                'sab2b',
                'sab1b',
                'happycabin',
                'SurfLoft'
            ];
    for(j in tables) {
                var element = document.getElementById("tablepress-"+tables[j]);
                if(j == 1) {
                    element.setAttribute('marker', 0);
                } else {
                    element.setAttribute('marker', j);
                }
                element.onmouseover = function () {
                    var marker = this.getAttribute('marker');
                    markers[marker].setIcon(yellow_icon);
                };
                element.onmouseout = function () {
                    var marker = this.getAttribute('marker');
                    markers[marker].setIcon(red_icon);
                };
            }
    
        }
        google.maps.event.addDomListener(window, 'load', initialize);
    </script>

    Thread Starter Supersonic Sites

    (@rgstream)

    Anything you need us to help you, let us know. I am going ahead and leaving you a 5 star review right now! ??

    Thread Starter Supersonic Sites

    (@rgstream)

    https://platform4(dot)steamtrainstation.com/accommodations/ (I have 4 pages total with the issue)

    Wow! That was fast! Les meilleurs developpeurs sont a Montreal!
    What is your paypal account so that we can send you some money for that?

    Thread Starter Supersonic Sites

    (@rgstream)

    How much $$ would you like to make it worth your while to add this feature? ??

Viewing 8 replies - 1 through 8 (of 8 total)