Loading ...
Sorry, an error occurred while loading the content.

YUI Tabview and Maps

Expand Messages
  • jhwrightiii
    Is it possible to embed a map into the tabview widget? If I take the orientation_right tabview example and add the line
    Message 1 of 4 , Dec 12, 2006
    • 0 Attachment
      Is it possible to embed a map into the tabview widget? If I take the
      orientation_right tabview example and add the line <script
      src="http://maps.yahooapis.com/ajaxymap?v=3.4&appid=myID"
      type="text/javascript"></script> anywhere...beginning, end, or
      inbetween the YUI src's I get conflicts.

      Thanks in Advance
    • Eric Miraglia
      jhwrigtiii, One core issue you re running into is that the Maps Widget and the TabView Widget share some common dependencies, and the Maps Widget is trying to
      Message 2 of 4 , Dec 12, 2006
      • 0 Attachment
        jhwrigtiii,

        One core issue you're running into is that the Maps Widget and the TabView Widget share some common dependencies, and the Maps Widget is trying to include some YUI components that you've already included.  Take a look at the source of the script you're including for Maps (http://maps.yahooapis.com/ajaxymap?v=3.4&appid=myID):

        var YAHOO=window.YAHOO||{}; YAHOO.namespace=function(_1){ if(!_1||!_1.length){ return null; } var _2=_1.split("."); var _3=YAHOO; for(var i=(_2[0]=="YAHOO")?1:0;i<_2.length;++i){ _3[_2[i]]=_3[_2[i]]||{}; _3=_3[_2[i]]; } return _3; }; YAHOO.namespace("util"); YAHOO.namespace("widget"); YAHOO.namespace("example"); var YMAPPID = "myID"; function _ywjs(inc) { var o='<'+'script src="'+inc+'"'+' type="text/javascript"><'+'/script>'; document.write(o); } _ywjs('http://us.js2.yimg.com/us.js.yimg.com/lib/common/utils/2/dom_2.0.1-b2.js'); _ywjs('http://us.js2.yimg.com/us.js.yimg.com/lib/common/utils/2/event_2.0.0-b2.js'); _ywjs('http://us.js2.yimg.com/us.js.yimg.com/lib/common/utils/2/dragdrop_2.0.1-b4.js'); _ywjs('http://us.js2.yimg.com/us.js.yimg.com/lib/common/utils/2/animation_2.0.1-b2.js'); _ywjs('http://api.maps.yahoo.com/v3.4/aj/ymapapi.js');

        I would start by not including that base Maps script from the Yahoo server, but rather including all of the separate YUI components you need for TabView plus the ones needed for Maps as specified above.  That would probably best be accomplished by including the combined utilities.js file plus the tabview.js file (and TabView's css file if you're using that).  With those in place, you'd just need to add the last file included by the Maps script above:


        I haven't tried this, and you may run into some versioning issues (it appears that the Maps Widget is based on an older version of YUI than is TabView).  But that should get you one step in the right direction.

        Good luck with your project -- please report back as you make progress.

        Regards,
        Eric

        ______________________________________________
        Eric Miraglia
        Yahoo! Presentation Platform Engineering



        On Dec 12, 2006, at 3:50 PM, jhwrightiii wrote:

        Is it possible to embed a map into the tabview widget? If I take the
        orientation_right tabview example and add the line <script
        src="http://maps.yahooapis.com/ajaxymap?v=3.4&appid=myID"
        type="text/javascript"></script> anywhere...beginning, end, or
        inbetween the YUI src's I get conflicts.

        Thanks in Advance


      • jhwrightiii
        Eric, Thanks for your time. Embarrassingly easy and exactly as you instructed. For Others: Includes:
        Message 3 of 4 , Dec 13, 2006
        • 0 Attachment
          Eric,

          Thanks for your time. Embarrassingly easy and exactly as you instructed.

          For Others:

          Includes:

          <script src="build/yahoo/yahoo.js" type="text/javascript"></script>
          <script src="build/event/event.js" type="text/javascript"></script>
          <script src="build/dom/dom.js" type="text/javascript"></script>
          <script src="build/utilities/utilities.js"
          type="text/javascript"></script>
          <script src="build/tabview/tabview.js" type="text/javascript"></script>
          <script src="http://api.maps.yahoo.com/v3.4/aj/ymapapi.js"
          type="text/javascript"></script>

          Elsewhere:

          var YMAPPID = "myID";

          Thanks

          --- In ydn-javascript@yahoogroups.com, Eric Miraglia <miraglia@...> wrote:
          >
          > jhwrigtiii,
          >
          > One core issue you're running into is that the Maps Widget and the
          > TabView Widget share some common dependencies, and the Maps Widget is
          > trying to include some YUI components that you've already included.
          > Take a look at the source of the script you're including for Maps
          > (http://maps.yahooapis.com/ajaxymap?v=3.4&appid=myID):
          >
          > var YAHOO=window.YAHOO||{}; YAHOO.namespace=function(_1){ if(!_1||!
          > _1.length){ return null; } var _2=_1.split("."); var _3=YAHOO; for
          > (var i=(_2[0]=="YAHOO")?1:0;i<_2.length;++i){ _3[_2[i]]=_3[_2[i]]||
          > {}; _3=_3[_2[i]]; } return _3; }; YAHOO.namespace("util");
          > YAHOO.namespace("widget"); YAHOO.namespace("example"); var YMAPPID =
          > "myID"; function _ywjs(inc) { var o='<'+'script src="'+inc+'"'+'
          > type="text/javascript"><'+'/script>'; document.write(o); } _ywjs
          > ('http://us.js2.yimg.com/us.js.yimg.com/lib/common/utils/2/dom_2.0.1-
          > b2.js'); _ywjs('http://us.js2.yimg.com/us.js.yimg.com/lib/common/
          > utils/2/event_2.0.0-b2.js'); _ywjs('http://us.js2.yimg.com/
          > us.js.yimg.com/lib/common/utils/2/dragdrop_2.0.1-b4.js'); _ywjs
          > ('http://us.js2.yimg.com/us.js.yimg.com/lib/common/utils/2/
          > animation_2.0.1-b2.js'); _ywjs('http://api.maps.yahoo.com/v3.4/aj/
          > ymapapi.js');
          >
          > I would start by not including that base Maps script from the Yahoo
          > server, but rather including all of the separate YUI components you
          > need for TabView plus the ones needed for Maps as specified above.
          > That would probably best be accomplished by including the combined
          > utilities.js file plus the tabview.js file (and TabView's css file if
          > you're using that). With those in place, you'd just need to add the
          > last file included by the Maps script above:
          >
          > http://api.maps.yahoo.com/v3.4/aj/ymapapi.js
          >
          > I haven't tried this, and you may run into some versioning issues (it
          > appears that the Maps Widget is based on an older version of YUI than
          > is TabView). But that should get you one step in the right direction.
          >
          > Good luck with your project -- please report back as you make progress.
          >
          > Regards,
          > Eric
          >
          > ______________________________________________
          > Eric Miraglia
          > Yahoo! Presentation Platform Engineering
          >
          >
          >
          > On Dec 12, 2006, at 3:50 PM, jhwrightiii wrote:
          >
          > > Is it possible to embed a map into the tabview widget? If I take the
          > > orientation_right tabview example and add the line <script
          > > src="http://maps.yahooapis.com/ajaxymap?v=3.4&appid=myID"
          > > type="text/javascript"></script> anywhere...beginning, end, or
          > > inbetween the YUI src's I get conflicts.
          > >
          > > Thanks in Advance
          > >
          > >
          > >
          >
        • Eric Miraglia
          jhwrightiii, One quick correction on this: Strike yahoo, event and dom from your list -- utilities.js includes all of those, plus Drag & Drop (required for
          Message 4 of 4 , Dec 13, 2006
          • 0 Attachment
            jhwrightiii,

            One quick correction on this:  Strike yahoo, event and dom from your list -- utilities.js includes all of those, plus Drag & Drop (required for the Maps Widget), Connection Manager (optional for TabView -- needed if you're using its dataSrc feature), and Animation.

            So the full list would be:

            <script src="build/utilitie
            s/utilities.js" type="text/javascript"></script>
            <script src="build/tabview/
            tabview.js" type="text/javascript"></script>
            <script src="
            http://api.maps.yahoo.com/v3.4/aj/ymapapi.js" type="text/javascript"></script>

            And elsewhere:

            var YMAPPID = "myID";

            Regards,
            Eric

            ______________________________________________
            Eric Miraglia
            Yahoo! Presentation Platform Engineering



            On Dec 13, 2006, at 6:40 AM, jhwrightiii wrote:

            Eric,

            Thanks for your time. Embarrassingly easy and exactly as you instructed.

            For Others:

            Includes:

            <script src="build/yahoo/yahoo.js" type="text/javascript"></script>
            <script src="build/event/event.js" type="text/javascript"></script>
            <script src="build/dom/dom.js" type="text/javascript"></script>
            <script src="build/utilities/utilities.js"
            type="text/javascript"></script>
            <script src="build/tabview/tabview.js" type="text/javascript"></script>
            <script src="http://api.maps.yahoo.com/v3.4/aj/ymapapi.js"
            type="text/javascript"></script>

            Elsewhere:

            var YMAPPID = "myID";

            Thanks

            --- In ydn-javascript@yahoogroups.com, Eric Miraglia <miraglia@...> wrote:
            >
            > jhwrigtiii,
            >
            > One core issue you're running into is that the Maps Widget and the
            > TabView Widget share some common dependencies, and the Maps Widget is
            > trying to include some YUI components that you've already included.
            > Take a look at the source of the script you're including for Maps
            > (http://maps.yahooapis.com/ajaxymap?v=3.4&appid=myID):
            >
            > var YAHOO=window.YAHOO||{}; YAHOO.namespace=function(_1){ if(!_1||!
            > _1.length){ return null; } var _2=_1.split("."); var _3=YAHOO; for
            > (var i=(_2[0]=="YAHOO")?1:0;i<_2.length;++i){ _3[_2[i]]=_3[_2[i]]||
            > {}; _3=_3[_2[i]]; } return _3; }; YAHOO.namespace("util");
            > YAHOO.namespace("widget"); YAHOO.namespace("example"); var YMAPPID =
            > "myID"; function _ywjs(inc) { var o='<'+'script src="'+inc+'"'+'
            > type="text/javascript"><'+'/script>'; document.write(o); } _ywjs
            > ('http://us.js2.yimg.com/us.js.yimg.com/lib/common/utils/2/dom_2.0.1-
            > b2.js'); _ywjs('http://us.js2.yimg.com/us.js.yimg.com/lib/common/
            > utils/2/event_2.0.0-b2.js'); _ywjs('http://us.js2.yimg.com/
            > us.js.yimg.com/lib/common/utils/2/dragdrop_2.0.1-b4.js'); _ywjs
            > ('http://us.js2.yimg.com/us.js.yimg.com/lib/common/utils/2/
            > animation_2.0.1-b2.js'); _ywjs('http://api.maps.yahoo.com/v3.4/aj/
            > ymapapi.js');
            >
            > I would start by not including that base Maps script from the Yahoo
            > server, but rather including all of the separate YUI components you
            > need for TabView plus the ones needed for Maps as specified above.
            > That would probably best be accomplished by including the combined
            > utilities.js file plus the tabview.js file (and TabView's css file if
            > you're using that). With those in place, you'd just need to add the
            > last file included by the Maps script above:
            >
            > http://api.maps.yahoo.com/v3.4/aj/ymapapi.js
            >
            > I haven't tried this, and you may run into some versioning issues (it
            > appears that the Maps Widget is based on an older version of YUI than
            > is TabView). But that should get you one step in the right direction.
            >
            > Good luck with your project -- please report back as you make progress.
            >
            > Regards,
            > Eric
            >
            > ______________________________________________
            > Eric Miraglia
            > Yahoo! Presentation Platform Engineering
            >
            >
            >
            > On Dec 12, 2006, at 3:50 PM, jhwrightiii wrote:
            >
            > > Is it possible to embed a map into the tabview widget? If I take the
            > > orientation_right tabview example and add the line <script
            > > src="http://maps.yahooapis.com/ajaxymap?v=3.4&appid=myID"
            > > type="text/javascript"></script> anywhere...beginning, end, or
            > > inbetween the YUI src's I get conflicts.
            > >
            > > Thanks in Advance
            > >
            > >
            > >
            >


          Your message has been successfully submitted and would be delivered to recipients shortly.