A View from My Seat Web Apps

Getting Started

To use our web apps you'll need to created a profile and request an API key.

Seating Chart Gallery

Make it easy to look around your venue when people are deciding wether to buy tickets. Show how cool and fun your venue is & to encourage customers to buy tickets.

Sample gallery

Sample large gallery

Instructions

Create a profile & get your web api key.
Include the code below on the page with your seating chart.
Add this attribute to each link in an image map attached to your seating chart. avfms-section="119"
Download A View From My Seat to your smart phone.
Walk around your venue and upload photos from each section.

As you upload photos from our mobile app, they'll show up in your seating chart automaticially, all season long. As fans share their photos, those photos will show up as well.

Link to this web app




                <script src="http://api.avf.ms/webapps/section_gallery/app.js" type="text/javascript" language="javascript"></script>
                <link  href="http://api.avf.ms/webapps/section_gallery/style.css" type="text/css" rel="stylesheet"/>

In your html head




                <script>
                $(document).ready(function(){
                    $("[avfms-section]").click(function(){
                    
                        var section = $(this).attr("avfms-section");
                        $("#avfms").html("");
                        
                        var venue = "Citizens Bank Park";
                        
                        $.getJSON("http://api.avf.ms/venue.php?jsoncallback=?",
                            {"key": "Your Web Key",
                            "venue": venue,
                            "section": section},
                            function(data){
                                avfms_section(data, venue);
                            });
                        $("#avfms").show();
                        
                    });    
                 });
                </script>

In your html body




                <div id="avfms"></div>

To create the links

Place this attribute on your image map for each section in your venue. Replace the number with the correct section. Clicking the image map, or tag with this attribute will open the seating chart gallery.




                avfms-section="119"

Photo Gallery

This web app can be used to display any set of photos on a single page.

Sample Photo Gallery

Instructions

Create a profile & get your web api key.
Include the code below on your site.
Download A View From My Seat to your smart phone.
Upload a few photos.

As you upload photos from our mobile app, they'll show up on this page automaticially, all season long. As fans share their photos, those photos will show up as well.

Link to this web app




                <script src="http://api.avf.ms/webapps/photo_gallery/app.js" type="text/javascript" language="javascript"></script>
                <link  href="http://api.avf.ms/webapps/photo_gallery/style.css" type="text/css" rel="stylesheet"/>

In your html head




                <script>
                $(document).ready(function(){
                    
                    $.getJSON("http://api.avf.ms/venue.php?jsoncallback=?",
                        {"key": "YOUR KEY",
                        "venue": "Turner Field"},
                        function(data){
                            avfms_photo_gallery(data);
                        });
                        
                 });
                </script>

In your html body

Place this tag in your website where you want the gallery to appear.




                <div id="avfms"></div>