Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Page 1 of 2 12 LastLast
Results 1 to 15 of 20

Thread: Tooltip Speed

  1. #1
    Regular Coder
    Join Date
    Jun 2006
    Location
    UK
    Posts
    907
    Thanks
    301
    Thanked 2 Times in 2 Posts

    Question Tooltip Speed

    Hi

    Please consider the attached zip file.

    Its a fully functional javascript tooltip script.

    When you run the index.html file in the zip achieve, and you hover on the text, it ill display a baloon tooltip.

    Is there anyway I can make that tooltip delay in showing?

    I mean it should be like that when I mouseover the text, aftr 2 seconds the popup should appear.


    Please tell me which line should I modify to make this happen?


    Many thanks
    Attached Files Attached Files

  • #2
    Regular Coder
    Join Date
    Mar 2008
    Posts
    301
    Thanks
    2
    Thanked 30 Times in 30 Posts
    I'm sure it's a pointlessly idle question. But I'm curious. What's all this:

    Focusinterview.com - PHP Interview Questions & Answers

    openDesk - Support Ticket System

  • Users who have thanked fside for this post:

    phantom007 (07-21-2009)

  • #3
    Regular Coder
    Join Date
    Jun 2006
    Location
    UK
    Posts
    907
    Thanks
    301
    Thanked 2 Times in 2 Posts
    Its not pointless. I need it to implement it on my site. Why on earth do you think its pointless?

  • #4
    Regular Coder
    Join Date
    Mar 2008
    Posts
    301
    Thanks
    2
    Thanked 30 Times in 30 Posts
    Quote Originally Posted by cancer10 View Post
    Why on earth do you think its pointless?
    Are you saying one or more of these sites is experiencing the problem? I didn't know that these bore some connection to your problem, so I thought it a very idle sort of question on my part. But I was curious.

    That's all I meant by it.

  • Users who have thanked fside for this post:

    phantom007 (07-21-2009)

  • #5
    Regular Coder
    Join Date
    Jun 2006
    Location
    UK
    Posts
    907
    Thanks
    301
    Thanked 2 Times in 2 Posts
    Ok, i m facing the issue on a newly site that I am making, hence need the help.


    Thanks

  • #6
    Regular Coder
    Join Date
    Mar 2008
    Posts
    301
    Thanks
    2
    Thanked 30 Times in 30 Posts
    That's a jQuery question, specifically about the Beauty Tips plugin for message popups. And there's a Javascript Framework forum here, whether or not one agrees that jQuery is a framework rather than a library. So jQuery questions go there.

    As for bt, they say you need the hoverintent plugin (http://cherne.net/brian/resources/jq...verIntent.html). That allows for programmed delays before painting the help bubble. Maybe they've included it in the bt demo, because the delay is also demonstrated there.

  • Users who have thanked fside for this post:

    phantom007 (07-21-2009)

  • #7
    Regular Coder
    Join Date
    Jun 2006
    Location
    UK
    Posts
    907
    Thanks
    301
    Thanked 2 Times in 2 Posts
    But there must be something in the bt code itself that is controlling the speed? or can control the speed?

    I dont wanna go for the hoverintent plugin as it has limited features, like, i cannot show an HTML table in the bubble if I use hoverintent because it only allows you to have the text in the TITLE tag if DIV.


    Pls help

  • #8
    Regular Coder
    Join Date
    Mar 2008
    Posts
    301
    Thanks
    2
    Thanked 30 Times in 30 Posts
    You'd have to look at the documentation for bt. But I thought they said they needed the additional script to run a delay.

    Comes down to it, I guess you could use a setTimeout() to call the popup function. Then you control the delay.

  • Users who have thanked fside for this post:

    phantom007 (07-21-2009)

  • #9
    Regular Coder
    Join Date
    Jun 2006
    Location
    UK
    Posts
    907
    Thanks
    301
    Thanked 2 Times in 2 Posts
    can u pls implement it in my script for me? I am new to JS.


    Many thanks

  • #10
    Regular Coder
    Join Date
    Mar 2008
    Posts
    301
    Thanks
    2
    Thanked 30 Times in 30 Posts
    I'm new to such plugins, myself. It looks like hoverIntent requires the popup text to be in the title attribute. That's going to limit you. You'll get the delay in and out, but . . . I wonder if just contacting the guy who wrote Beauty Tips at his site wouldn't be best? and even to ask if he could include timed delays, fades, etc?

    I suppose if it were me, I might be tempted to write something like this myself. In fact, I have something very similar. But I think the best, here, might just be to contact the programmer directly.

  • Users who have thanked fside for this post:

    phantom007 (07-21-2009)

  • #11
    New Coder
    Join Date
    Nov 2008
    Posts
    59
    Thanks
    5
    Thanked 4 Times in 4 Posts
    It seems overly complicated for what it is; I'd be tempted to write my own instead, at least I'd know exactly how it all worked then and could implement new features much more easily (I have exactly zero knowledge of jQuery). I don't know about you.

    If you want to use the script and not HI, best thing to do is probably contact the author, as already suggested.

  • Users who have thanked scrappy for this post:

    phantom007 (07-21-2009)

  • #12
    Regular Coder
    Join Date
    Nov 2007
    Location
    Leeds, UK
    Posts
    514
    Thanks
    24
    Thanked 19 Times in 19 Posts
    erm
    PHP Code:
    var delay 1250// set your time delay
    var funct "alert('hello')"// set your function to call
    eval("setTimeout('"+funct+"',"+delay+")"); 
    That will do it for you
    Working towards a Internet where we don't have website just browser applications Kill the Hyper-link and say hello to 3D Games in the browser :)

  • Users who have thanked barkermn01 for this post:

    phantom007 (07-21-2009)

  • #13
    Supreme Master coder! Philip M's Avatar
    Join Date
    Jun 2002
    Location
    London, England
    Posts
    17,898
    Thanks
    203
    Thanked 2,531 Times in 2,509 Posts
    Quote Originally Posted by barkermn01 View Post
    erm
    PHP Code:
    var delay 1250// set your time delay
    var funct "alert('hello')"// set your function to call
    eval("setTimeout('"+funct+"',"+delay+")"); 
    That will do it for you
    That does not work! Why post untested code?

    Code:
    var delay = 3000; // set your time delay 
    var funct = "alert('Hello!')"; // set your function to call 
    var tim = setTimeout(funct,delay);

  • Users who have thanked Philip M for this post:

    phantom007 (07-21-2009)

  • #14
    Regular Coder
    Join Date
    Mar 2008
    Posts
    301
    Thanks
    2
    Thanked 30 Times in 30 Posts
    Quote Originally Posted by barkermn01 View Post

    That will do it for you
    Even if you had it right, the problem is not knowing the name of the event handler in the first place. The HI does work, but seems to work only on the "title" attribute. And he wants full innerHTML. Plus he didn't want to use - HI.

    As far as the title attribute - maybe I'm missing something with that. Can you include an image tag with url in a title attribute that HI are BT will convert into the proper url in the bubble?

  • Users who have thanked fside for this post:

    phantom007 (07-21-2009)

  • #15
    Regular Coder
    Join Date
    Jun 2006
    Location
    UK
    Posts
    907
    Thanks
    301
    Thanked 2 Times in 2 Posts
    Quote Originally Posted by Philip M View Post
    That does not work! Why post untested code?

    Code:
    var delay = 3000; // set your time delay 
    var funct = "alert('Hello!')"; // set your function to call 
    var tim = setTimeout(funct,delay);


    Where do I paste this code?


    Also, can we have a close button on the balloon, clicking on which would close the tooltip balloon?



    EDIT: I appreciate your help but this is not solving my purpose. The popup does appear after a little delay but I wanted somethng else.

    I wanted the popup to appear after 2 secs only if I am hovering the mouse on the object for 2 seconds. If I mouseover the object for less then 2 seconds it should not appear.


    Can this be done?




    Many thanks
    Last edited by phantom007; 07-21-2009 at 07:09 AM.


  •  
    Page 1 of 2 12 LastLast

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •