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

Tooltip not rendered.

Expand Messages
  • Satish
    This is the tooltip example mentioned on the documentation online; But for some weird reason this doesnt seem to working; I have lib/YahooUI folder which
    Message 1 of 3 , Dec 13, 2006
    • 0 Attachment
      This is the tooltip example mentioned on the documentation online; But for some weird reason this doesnt seem to working; I have lib/YahooUI folder which contains the latest Yahoo UI Library. Can some one help me with this?

      __________________________________________________
      <html>
      <head>
      <title>Untitled Document</title>
      <link type="text/css" rel="stylesheet" href="lib/YahooUI/fonts/fonts.css" >
      <link type="text/css" rel="stylesheet" href="lib/YahooUI/reset/reset.css" >
      <script type="text/javascript" src="lib/YahooUI/yahoo/yahoo.js" />
      <script type="text/javascript" src="lib/YahooUI/event/event.js" />
      <script type="text/javascript" src="lib/YahooUI/dom/dom.js" />
      <script type="text/javascript" src="lib/YahooUI/container/container.js" />
      <link type="text/css" rel="stylesheet" href="lib/YahooUI/container/assets/container.css" />

              <script>
                  YAHOO.namespace("example.container");
              </script>
             
          </head>
          <body>
             
          <div id="ctx" style="background:orange; width:200px; height:200px;">Hover over me to see a Tooltip!</div>
          <a id="link" href="http://www.yahoo.com/" title="Do You Yahoo?">Hover over me to see a Tooltip!</a>
             
              <script>
                  YAHOO.example.container.tt1 = new YAHOO.widget.Tooltip("tt1", { context:"ctx", text:"My text was set using the 'text' configuration property" });
                  YAHOO.example.container.tt2 = new YAHOO.widget.Tooltip("tt2", { context:"link" });
              </script>
         
          </body>
      </html>
      __________________________________________________

    • Steven Peterson
      What JavaScript errors are you receiving? Are you certain that your file paths are correct? You should check those things first, since it looks like the
      Message 2 of 3 , Dec 13, 2006
      • 0 Attachment

        What JavaScript errors are you receiving? Are you certain that your file paths are correct? You should check those things first, since it looks like the example is correct.

         

        Steven Peterson

        Web Developer, Platform Engineering

        Yahoo!

         

         

         

        From: ydn-javascript@yahoogroups.com [mailto:ydn-javascript@yahoogroups.com] On Behalf Of Satish
        Sent: Wednesday, December 13, 2006 12:54 PM
        To: ydn-javascript@yahoogroups.com
        Subject: [ydn-javascript] Tooltip not rendered.

         

        This is the tooltip example mentioned on the documentation online; But for some weird reason this doesnt seem to working; I have lib/YahooUI folder which contains the latest Yahoo UI Library. Can some one help me with this?

        __________________________________________________
        <html>
        <head>
        <title>Untitled Document</title>
        <link type="text/css" rel="stylesheet" href="lib/YahooUI/fonts/fonts.css" >
        <link type="text/css" rel="stylesheet" href="lib/YahooUI/reset/reset.css" >
        <script type="text/javascript" src="lib/YahooUI/yahoo/yahoo.js" />
        <script type="text/javascript" src="lib/YahooUI/event/event.js" />
        <script type="text/javascript" src="lib/YahooUI/dom/dom.js" />
        <script type="text/javascript" src="lib/YahooUI/container/container.js" />
        <link type="text/css" rel="stylesheet" href="lib/YahooUI/container/assets/container.css" />

                <script>
                    YAHOO.namespace("example.container");
                </script>
               
            </head>
            <body>
               
            <div id="ctx" style="background:orange; width:200px; height:200px;">Hover over me to see a Tooltip!</div>
            <a id="link" href="http://www.yahoo.com/" title="Do You Yahoo?">Hover over me to see a Tooltip!</a>
               
                <script>
                    YAHOO.example.container.tt1 = new YAHOO.widget.Tooltip("tt1", { context:"ctx", text:"My text was set using the 'text' configuration property" });
                    YAHOO.example.container.tt2 = new YAHOO.widget.Tooltip("tt2", { context:"link" });
                </script>
           
            </body>
        </html>
        __________________________________________________

      • par_pra_mukh
        Hi Satish, You need to change the following lines
        Message 3 of 3 , Dec 14, 2006
        • 0 Attachment
          Hi Satish,

          You need to change the following lines
          <script type="text/javascript" src="lib/YahooUI/yahoo/yahoo.js" />
          <script type="text/javascript" src="lib/YahooUI/event/event.js" />
          <script type="text/javascript" src="lib/YahooUI/dom/dom.js" />
          <script type="text/javascript" Src="lib/YahooUI/container/container.js" />

          with the following one

          <script type="text/javascript" src="lib/YahooUI/yahoo/yahoo.js" ></script>
          <script type="text/javascript" src="lib/YahooUI/event/event.js" ></script>
          <script type="text/javascript" src="lib/YahooUI/dom/dom.js" ></script>
          <script type="text/javascript"
          Src="lib/YahooUI/container/container.js" ></script>

          Partha

          --- In ydn-javascript@yahoogroups.com, "Satish" <mummsat@...> wrote:
          >
          > This is the tooltip example mentioned on the documentation online; But
          > for some weird reason this doesnt seem to working; I have lib/YahooUI
          > folder which contains the latest Yahoo UI Library. Can some one help me
          > with this?
          >
          > __________________________________________________
          > <html>
          > <head>
          > <title>Untitled Document</title>
          > <link type="text/css" rel="stylesheet"
          > href="lib/YahooUI/fonts/fonts.css" >
          > <link type="text/css" rel="stylesheet"
          > href="lib/YahooUI/reset/reset.css" >
          > <script type="text/javascript" src="lib/YahooUI/yahoo/yahoo.js" />
          > <script type="text/javascript" src="lib/YahooUI/event/event.js" />
          > <script type="text/javascript" src="lib/YahooUI/dom/dom.js" />
          > <script type="text/javascript" src="lib/YahooUI/container/container.js"
          > />
          > <link type="text/css" rel="stylesheet"
          > href="lib/YahooUI/container/assets/container.css" />
          >
          > <script>
          > YAHOO.namespace("example.container");
          > </script>
          >
          > </head>
          > <body>
          >
          > <div id="ctx" style="background:orange; width:200px;
          > height:200px;">Hover over me to see a Tooltip!</div>
          > <a id="link" href="http://www.yahoo.com/" title="Do You
          > Yahoo?">Hover over me to see a Tooltip!</a>
          >
          > <script>
          > YAHOO.example.container.tt1 = new
          > YAHOO.widget.Tooltip("tt1", { context:"ctx", text:"My text was set using
          > the 'text' configuration property" });
          > YAHOO.example.container.tt2 = new
          > YAHOO.widget.Tooltip("tt2", { context:"link" });
          > </script>
          >
          > </body>
          > </html>
          > __________________________________________________
          >
        Your message has been successfully submitted and would be delivered to recipients shortly.