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

Re: [ydn-javascript] newbie trying tooltip

Expand Messages
  • Arnel
    I see that you didn¹t enclose your script in tags. The DIV id is there to link the tooltip with DIV, using the ³context² property you specify (look
    Message 1 of 2 , Mar 1, 2009
    • 0 Attachment
      Re: [ydn-javascript] newbie trying tooltip I see that you didn’t enclose your script in <script> tags.  

      The DIV id is there to link the tooltip with DIV, using the “context” property you specify (look at the Tooltip constructor).


      On 2/28/09 11:45 AM, "pmollomo" <pmollomo@...> wrote:


       

      i'd like to use yui server option instead of downloading/uploading
      yui files to my server. (using wamp server local machine for web dev).

      i'm lost about where to create div id's (sounds like css?) and
      clueless about yahoo widget containers. here's how i've included in
      app; you'll see i'm putting script in <head> and guessing on the
      <body> html, with no idea where to create the id's or where the
      widget.Tooltip is supposed to go.

      i'm not finding these basic steps in the documentation.  

      thanks for help or direction.

      <head>
      <!-- Dependencies -->
      <script type="text/javascript"
      src="http://yui.yahooapis.com/2.7.0/build/yahoo-dom-event/yahoo-dom-
      event.js"></script>

      <!-- OPTIONAL: Animation (only required if using ContainerEffect) -->
      <script type="text/javascript"
      src="http://yui.yahooapis.com/2.7.0/build/animation/animation-
      min.js"></script>

      <!-- OPTIONAL: Connection (only required if using
      Dialog/SimpleDialog) -->
      <script type="text/javascript"
      src="http://yui.yahooapis.com/2.7.0/build/connection/connection-
      min.js"></script>

      <!-- OPTIONAL: Drag & Drop (only required if enabling Drag & Drop for
      Panel/Dialog/SimpleDialog) -->
      <script type="text/javascript"
      src="http://yui.yahooapis.com/2.7.0/build/dragdrop/dragdrop-
      min.js"></script>

      <!-- OPTIONAL: YUI Button (only required if using Dialog/SimpleDialog
      with YUI Buttons) -->
      <!--
       You only need to include element and button if you're using
      Dialog or SimpleDialog
       and want the Dialog or SimpleDialog to use YUI Buttons, instead
      of HTML Buttons
      -->
      <script type="text/javascript"
      src="http://yui.yahooapis.com/2.7.0/build/element/element-
      min.js"></script>
      <script type="text/javascript"
      src="http://yui.yahooapis.com/2.7.0/build/button/button-
      min.js"></script>

      <!-- Source file -->
      <script type="text/javascript"
      src="http://yui.yahooapis.com/2.7.0/build/container/container-
      min.js"></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" });

      </head>

      <body class="yui-skin-sam">

      <div id="ctx">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>

      <div class="textCenter">
      <input type="submit" value="Process" class="buttons">

      </div>

        
          


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