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

Loading image in tooltip

Expand Messages
  • velankarsameer
    Hi, I would like to load an image in tooltip instead of text. Is this possible? Thank you for help Sameer
    Message 1 of 9 , Nov 18, 2009
    • 0 Attachment
      Hi,
      I would like to load an image in tooltip instead of text. Is this possible?

      Thank you for help
      Sameer
    • Mauricio Ferreyra
      Hi Sameer, A easy manner to do that is include your image in the text Example: YAHOO.example.container.tt1 = new YAHOO.widget.Tooltip( tt1 , { context: ctx ,
      Message 2 of 9 , Nov 18, 2009
      • 0 Attachment
        Hi Sameer,

        A easy manner to do that is include your image in the text

        Example:

        YAHOO.example.container.tt1 = new YAHOO.widget.Tooltip("tt1", { context:"ctx",
            text:"<img src='http://www.methanetomarkets.org/m2m2009/images/flag_argentina.gif' />My text was set using the 'text' configuration property" }
            );

        greetings!

        Mauricio.


        On Wed, Nov 18, 2009 at 11:35 AM, velankarsameer <svelankar@...> wrote:
         

        Hi,
        I would like to load an image in tooltip instead of text. Is this possible?

        Thank you for help
        Sameer


      • velankarsameer
        Hi Mauricio, Thanks for your reply. I tried what you have suggested but it does not seem to load the image!! Sameer
        Message 3 of 9 , Nov 19, 2009
        • 0 Attachment
          Hi Mauricio,
          Thanks for your reply. I tried what you have suggested but it does not seem to load the image!!

          Sameer

          --- In ydn-javascript@yahoogroups.com, Mauricio Ferreyra <mauriff@...> wrote:
          >
          > Hi Sameer,
          >
          > A easy manner to do that is include your image in the text
          >
          > Example:
          >
          > YAHOO.example.container.tt1 = new YAHOO.widget.Tooltip("tt1", {
          > context:"ctx",
          > text:"<img src='
          > http://www.methanetomarkets.org/m2m2009/images/flag_argentina.gif' />My text
          > was set using the 'text' configuration property" }
          > );
          >
          > greetings!
          >
          > Mauricio.
          >
          >
          > On Wed, Nov 18, 2009 at 11:35 AM, velankarsameer <svelankar@...>wrote:
          >
          > >
          > >
          > > Hi,
          > > I would like to load an image in tooltip instead of text. Is this possible?
          > >
          > > Thank you for help
          > > Sameer
          > >
          > >
          > >
          >
        • Mauricio Ferreyra
          Can you send some lines from your code?
          Message 4 of 9 , Nov 19, 2009
          • 0 Attachment
            Can you send some lines from your code?



            On Thu, Nov 19, 2009 at 6:23 AM, velankarsameer <svelankar@...> wrote:
             

            Hi Mauricio,
            Thanks for your reply. I tried what you have suggested but it does not seem to load the image!!

            Sameer



            --- In ydn-javascript@yahoogroups.com, Mauricio Ferreyra <mauriff@...> wrote:
            >
            > Hi Sameer,
            >
            > A easy manner to do that is include your image in the text
            >
            > Example:
            >
            > YAHOO.example.container.tt1 = new YAHOO.widget.Tooltip("tt1", {
            > context:"ctx",
            > text:"<img src='
            > http://www.methanetomarkets.org/m2m2009/images/flag_argentina.gif' />My text
            > was set using the 'text' configuration property" }
            > );
            >
            > greetings!
            >
            > Mauricio.
            >
            >
            > On Wed, Nov 18, 2009 at 11:35 AM, velankarsameer <svelankar@...>wrote:

            >
            > >
            > >
            > > Hi,
            > > I would like to load an image in tooltip instead of text. Is this possible?
            > >
            > > Thank you for help
            > > Sameer
            > >
            > >
            > >
            >


          • vignes muthu
            Dear velankarsameer, please go through the below url http://cssglobe.com/lab/tooltip/02/ here they used images inside the tooltip instead of text Thanks, --
            Message 5 of 9 , Nov 19, 2009
            • 0 Attachment
              Dear  velankarsameer,

              please go through the below url

                                         http://cssglobe.com/lab/tooltip/02/

              here they used images inside the tooltip instead of text

              Thanks,

              --
              vigneswaran.E
            • vignes muthu
              Dear velankarsameer, i herewith attached the source file for the able mentioned url Thanks, -- vigneswaran.E
              Message 6 of 9 , Nov 19, 2009
              • 1 Attachment
              • 201 KB
              Dear velankarsameer,

              i herewith attached the source file for the
              able mentioned url


              Thanks,

              --
              vigneswaran.E
            • velankarsameer
              this is my code below - var list = document.getElementsByName( ligandTip_SO4 ); var tp= new YAHOO.widget.Tooltip( ligandTip1_SO4 , { context:list[0],
              Message 7 of 9 , Nov 19, 2009
              • 0 Attachment
                this is my code below -

                var list = document.getElementsByName('ligandTip_SO4'); var tp= new YAHOO.widget.Tooltip('ligandTip1_SO4', { context:list[0], text:'<img src="http://www.ebi.ac.uk/pdbe-srv/view/ligand/gif/so4" /> blah blah blah', autodismissdelay: 5000 } );

                the tooltip only shows "blah blah blah" but not the image!!

                Sameer

                --- In ydn-javascript@yahoogroups.com, Mauricio Ferreyra <mauriff@...> wrote:
                >
                > Can you send some lines from your code?
                >
                >
                >
                > On Thu, Nov 19, 2009 at 6:23 AM, velankarsameer <svelankar@...> wrote:
                >
                > >
                > >
                > > Hi Mauricio,
                > > Thanks for your reply. I tried what you have suggested but it does not seem
                > > to load the image!!
                > >
                > > Sameer
                > >
                > >
                > > --- In ydn-javascript@yahoogroups.com <ydn-javascript%40yahoogroups.com>,
                > > Mauricio Ferreyra <mauriff@> wrote:
                > > >
                > > > Hi Sameer,
                > > >
                > > > A easy manner to do that is include your image in the text
                > > >
                > > > Example:
                > > >
                > > > YAHOO.example.container.tt1 = new YAHOO.widget.Tooltip("tt1", {
                > > > context:"ctx",
                > > > text:"<img src='
                > > > http://www.methanetomarkets.org/m2m2009/images/flag_argentina.gif' />My
                > > text
                > > > was set using the 'text' configuration property" }
                > > > );
                > > >
                > > > greetings!
                > > >
                > > > Mauricio.
                > > >
                > > >
                > > > On Wed, Nov 18, 2009 at 11:35 AM, velankarsameer <svelankar@>wrote:
                > >
                > > >
                > > > >
                > > > >
                > > > > Hi,
                > > > > I would like to load an image in tooltip instead of text. Is this
                > > possible?
                > > > >
                > > > > Thank you for help
                > > > > Sameer
                > > > >
                > > > >
                > > > >
                > > >
                > >
                > >
                > >
                >
              • Mauricio Ferreyra
                The problem is that the image url doesn t have extension. Try it var list = document.getElementsByName( ligandTip_SO4 ); var tp= new
                Message 8 of 9 , Nov 19, 2009
                • 0 Attachment
                  The problem is that the image url doesn't have extension.

                  Try it

                  var list = document.getElementsByName('

                  ligandTip_SO4');

                  var tp= new YAHOO.widget.Tooltip('ligandTip1_SO4', { context:list[0], text:'<img src="http://sites.google.com/site/mauriff/GetGif.gif" /> blah blah blah', autodismissdelay: 5000 } );






                  On Thu, Nov 19, 2009 at 10:37 AM, velankarsameer <svelankar@...> wrote:
                   

                  this is my code below -

                  var list = document.getElementsByName('ligandTip_SO4'); var tp= new YAHOO.widget.Tooltip('ligandTip1_SO4', { context:list[0], text:'<img src="http://www.ebi.ac.uk/pdbe-srv/view/ligand/gif/so4" /> blah blah blah', autodismissdelay: 5000 } );

                  the tooltip only shows "blah blah blah" but not the image!!



                  Sameer

                  --- In ydn-javascript@yahoogroups.com, Mauricio Ferreyra <mauriff@...> wrote:
                  >
                  > Can you send some lines from your code?
                  >
                  >
                  >
                  > On Thu, Nov 19, 2009 at 6:23 AM, velankarsameer <svelankar@...> wrote:
                  >
                  > >
                  > >
                  > > Hi Mauricio,
                  > > Thanks for your reply. I tried what you have suggested but it does not seem
                  > > to load the image!!
                  > >
                  > > Sameer
                  > >
                  > >
                  > > --- In ydn-javascript@yahoogroups.com <ydn-javascript%40yahoogroups.com>,

                  > > Mauricio Ferreyra <mauriff@> wrote:
                  > > >
                  > > > Hi Sameer,
                  > > >
                  > > > A easy manner to do that is include your image in the text
                  > > >
                  > > > Example:
                  > > >
                  > > > YAHOO.example.container.tt1 = new YAHOO.widget.Tooltip("tt1", {
                  > > > context:"ctx",
                  > > > text:"<img src='
                  > > > http://www.methanetomarkets.org/m2m2009/images/flag_argentina.gif' />My
                  > > text
                  > > > was set using the 'text' configuration property" }
                  > > > );
                  > > >
                  > > > greetings!
                  > > >
                  > > > Mauricio.
                  > > >
                  > > >
                  > > > On Wed, Nov 18, 2009 at 11:35 AM, velankarsameer <svelankar@>wrote:
                  > >
                  > > >
                  > > > >
                  > > > >
                  > > > > Hi,
                  > > > > I would like to load an image in tooltip instead of text. Is this
                  > > possible?
                  > > > >
                  > > > > Thank you for help
                  > > > > Sameer
                  > > > >
                  > > > >
                  > > > >
                  > > >
                  > >
                  > >
                  > >
                  >


                • velankarsameer
                  Thanks. It now works. Sameer
                  Message 9 of 9 , Nov 20, 2009
                  • 0 Attachment
                    Thanks. It now works.
                    Sameer

                    --- In ydn-javascript@yahoogroups.com, Mauricio Ferreyra <mauriff@...> wrote:
                    >
                    > The problem is that the image url doesn't have extension.
                    >
                    > Try it
                    >
                    > var list = document.getElementsByName('
                    >
                    > ligandTip_SO4');
                    >
                    > var tp= new YAHOO.widget.Tooltip('ligandTip1_SO4', { context:list[0],
                    > text:'<img src="http://sites.google.com/site/mauriff/GetGif.gif<http://www.ebi.ac.uk/pdbe-srv/view/ligand/gif/so4>"
                    > /> blah blah blah', autodismissdelay: 5000 } );
                    >
                    >
                    >
                    >
                    >
                    >
                    > On Thu, Nov 19, 2009 at 10:37 AM, velankarsameer <svelankar@...>wrote:
                    >
                    > >
                    > >
                    > > this is my code below -
                    > >
                    > > var list = document.getElementsByName('ligandTip_SO4'); var tp= new
                    > > YAHOO.widget.Tooltip('ligandTip1_SO4', { context:list[0], text:'<img src="
                    > > http://www.ebi.ac.uk/pdbe-srv/view/ligand/gif/so4" /> blah blah blah',
                    > > autodismissdelay: 5000 } );
                    > >
                    > > the tooltip only shows "blah blah blah" but not the image!!
                    > >
                    > >
                    > > Sameer
                    > >
                    > > --- In ydn-javascript@yahoogroups.com <ydn-javascript%40yahoogroups.com>,
                    > > Mauricio Ferreyra <mauriff@> wrote:
                    > > >
                    > > > Can you send some lines from your code?
                    > > >
                    > > >
                    > > >
                    > > > On Thu, Nov 19, 2009 at 6:23 AM, velankarsameer <svelankar@> wrote:
                    > > >
                    > > > >
                    > > > >
                    > > > > Hi Mauricio,
                    > > > > Thanks for your reply. I tried what you have suggested but it does not
                    > > seem
                    > > > > to load the image!!
                    > > > >
                    > > > > Sameer
                    > > > >
                    > > > >
                    > > > > --- In ydn-javascript@yahoogroups.com<ydn-javascript%40yahoogroups.com><ydn-javascript%
                    > > 40yahoogroups.com>,
                    > >
                    > > > > Mauricio Ferreyra <mauriff@> wrote:
                    > > > > >
                    > > > > > Hi Sameer,
                    > > > > >
                    > > > > > A easy manner to do that is include your image in the text
                    > > > > >
                    > > > > > Example:
                    > > > > >
                    > > > > > YAHOO.example.container.tt1 = new YAHOO.widget.Tooltip("tt1", {
                    > > > > > context:"ctx",
                    > > > > > text:"<img src='
                    > > > > > http://www.methanetomarkets.org/m2m2009/images/flag_argentina.gif'
                    > > />My
                    > > > > text
                    > > > > > was set using the 'text' configuration property" }
                    > > > > > );
                    > > > > >
                    > > > > > greetings!
                    > > > > >
                    > > > > > Mauricio.
                    > > > > >
                    > > > > >
                    > > > > > On Wed, Nov 18, 2009 at 11:35 AM, velankarsameer <svelankar@>wrote:
                    > > > >
                    > > > > >
                    > > > > > >
                    > > > > > >
                    > > > > > > Hi,
                    > > > > > > I would like to load an image in tooltip instead of text. Is this
                    > > > > possible?
                    > > > > > >
                    > > > > > > Thank you for help
                    > > > > > > Sameer
                    > > > > > >
                    > > > > > >
                    > > > > > >
                    > > > > >
                    > > > >
                    > > > >
                    > > > >
                    > > >
                    > >
                    > >
                    > >
                    >
                  Your message has been successfully submitted and would be delivered to recipients shortly.