Using jQuery tooltips in a jQuery auto-refreshing div

I'm having issues getting jQuery tooltips (using Tipsy) to work. The tooltips work fine on regular pages, but I actually need the tooltips on a page that I am including through PHP. The reason why I'm including that page, is because I'm also using jQuery to auto-refresh that included page every x milliseconds.

It appears that this auto-refresh mechanism is keeping the tooltips from functioning properly. When I remove that mechanism, the tooltips appear but that part of the page obviously does not reload itself anymore at an interval. I'm looking for a way to get Tipsy to work while making sure my included page refreshes itself.

I include my page as follows:

<div id="vardisplay"> <?php include("vardisplay.php"); ?> </div>

I then use the following script to refresh the "vardisplay" DIV, resulting in my included page to be reloaded:

<script> $(document).ready(function() { $('#vardisplay').load('editarticle.php?bid=<?php echo $bnummer ?> #vardisplay'); var refreshId = setInterval(function() { $('#vardisplay').load('editarticle.php?bid=<?php echo $bnummer ?> #vardisplay')}, 750); $.ajaxSetup({ cache: false }); }); </script>

The object I would want a Tipsy tooltip on (within my included page) could be something like:

<div id="TipsyMe" title="I got tipsied"> <p>Testpiece</p> </div>

I'm currently trying to achieve that particular tooltip by putting this script on that page, which is supposed to show "I got tipsied" in a Tipsy tooltip:

<script> $(function() { $("#TipsyMe").tipsy({gravity: 's'}); }); </script>

What ends up showing is a regular browser tooltip where jQuery is fully ignored. Again, it works fine when I remove the auto-refresh mechanism on the main page.

I'm dumbfounded at this point. I've been Googling for the past few hours without any result what-so-ever. Any help would be greatly appreciated!

-------------Problems Reply------------

in the tipsy doc, you can stumble upon an option called "live"

$(function() {
$("#TipsyMe").tipsy({
gravity: 's',
live: true
});
});

shall do it. (as you seem new, accepting answer will attract people for your future answer hint hint hint :P)

be careful thou: "live tooltips do not support manual triggering." (from the doc)

EDIT: didn't see properly your code:

$(function() {
$("div.someTotal").tipsy({
gravity: 's',
live: true,
title: "I got tipsied"
});
});

"someTotal" is the class for all you "boxes" where you have the edit and delete icon. If you don't have such class yet, you can create one (you can name it tipsy by example) and use it ($("div.tipsy").tipsy({...

Category:php Views:0 Time:2011-11-14

Related post

  • Auto-refreshing div with jQuery - setTimeout or another method? 2008-10-21

    Hhow exactly do you make an auto-refreshing div with JavaScript (specifically, jQuery)? I knew about the setTimeout method, but is it really a good practice ? Is there a better method? function update() { $.get("response.php", function(data) { $("#so

  • ASP.NET using C#, auto refresh div in a Repeater 2011-09-18

    I use a Repeater control to list the threads. And there is a Div with a Label control for displaying the posted date in Repeater ItemTemplate. here is what I'm doing now, but it's not auto refresh specific div independently. It's auto refresh the who

  • Jquery auto refresh div 2010-06-20

    Jquery auto refresh is using up a LOT of browser memory. Is there a way to stop this. I had a 2 div refreshing every 3 seconds but I moved it up to 9 and 15 seconds, It helped a little bit the longer the window stays open on my site the more memory i

  • Auto-refresh DIVs in a rendered partial (jQuery/Rails) 2011-09-12

    BACKGROUND: For a chat app I'm rendering a partial of all messages in the chat. Each instance of the partial is rendered with the following (time_ago being a custom method) : <%= message.message %><span class="time_ago"><%= time_ago(me

  • Overflow problem when using jquery tooltips inside of jquery jscrollpane 2011-09-05

    I am currently using the jquery jscrollpane plugin (http://jscrollpane.kelvinluck.com/), but the problem is once you initialize the scrollpane, the container changes to overflow:hidden. I have a jquery tooltip inside the panel but is being cut off. A

  • auto refresh div every x seconds and stop to successsful load 2014-09-26

    I need to create a div that will auto refresh every 10 seconds, and stop when it successfully loads. I created this jQuery script: <script type="text/javascript"> $(document).ready(function(){ var j = jQuery.noConflict(); j(document).ready(func

  • jQuery auto refresh div malfunctioning 2012-12-13

    Does anyone know what I'm doing wrong? Basically I'm after loading content (an image) into a div tag, and then refreshing it every x seconds. So this is what I came up with, and it works great until it fades the file back in to which it does a manual

  • auto-refreshing div with jquery 2009-02-02

    When trying to use the code presented here link text I ran into some problems, which was suggested to open up a new question for this problem. Im an using that code here link text trying to create a backchannel for a meeting (it uses the twitter sear

  • Auto refresh multiple divs with Jquery 2010-11-16

    Im creating a dashboard for a large display at work, I have managed to get one div auto refreshing a php request page, but I can't think of a way of using this function on another div for another script without copying the entire function and renamin

  • Stop JQuery refreshing DIV 2011-03-16

    Hi I've been using the suggestion made in auto-refreshing div with jquery to refresh a div. The div is refreshing a php script that is calculating lots of numbers in the background. Does anyone know how I can stop the DIV refreshing once a the calcul

  • Preferred jQuery toolTip? 2009-12-15

    There are a bunch of jquery tooltip plugins out there. Which one should I use? and why? --------------Solutions------------- We've used qTip in one of our projects, because it conforms much all of our requirements, is well-developed and maintained, s

  • jQuery Tooltip plugin and ajax elements 2011-01-15

    i want to apply jquery tooltip plugin from jQuery Tools website (http://flowplayer.org/tools/tooltip/index.html) to some elements loaded by ajax in my page. i know that delegate(0 and live() methods are used for applying events to ajax loaded element

  • jquery auto refresh script problem 2010-02-08

    i wrote myself a block of jquery codes to auto refresh a div just want it to reload every 10 seconds . but problem is after the time i specified in my code script going crazy reload every second <script> var auto_refresh = setInterval(function(

  • Auto Load and Refresh Div every 10 Seconds with jQuery 2010-06-25

    I'm working with a nice little Jquery that auto loads and refreshes a div every bla bla Seconds. Works perfectly on all browsers then I load up IE and bang what a surprise no luck! :( Index.html <script type="text/javascript" src="http://ajax.goog

  • Good way to enable auto refresh of events on the fullCalendar jquery plugin? 2010-12-09

    Is there a good way to have the fullCalendar jquery plugin auto-refresh its events? I am able to simply call 'refetchEvents' using a timer, but that presents issues if the user is currently dragging an event (throwing javascript errors during the ref

  • how to auto refresh php page with jquery 2011-03-11

    as the question stated. everytime auto refresh 5s, its removing the session and give me the errors Notice: undefined variables in get_total_un_booking and get_total_un_booking. before tag ive got php include and classes: session_start(); require_once

  • jquery- stop auto refreshing onClick 2011-05-17

    I'm running a jquery autorefresh code which get active soon the page is loaded. I've set timeinterval to 1second.which means that for every 1 sec page gets refreshed. I want to know is there any method to stop auto refreshing onclick? Code: $(documen

  • Setting radio buttons with jQuery while auto-refreshing the page 2012-02-08

    I have written the following jQuery for autorefreshing a page containing a poll (to keep updating the current winning option) function update() { var vote_radio = $('input:radio[name=vote_radio]:checked').val(); $.ajax({ type: 'POST', url: 'index.php

  • Auto Load and Refresh div every 10sec jquery mobile 2012-03-09

    I'm using jquery mobile and want to refresh the div in particular time interval. I tried using var auto_refresh = setInterval(function() { $("#zabar").load(location.href+" #zabar>*","").fadeIn("slow") },15000); but what happens that the css stylin

Copyright (C) dskims.com, All Rights Reserved.

processed in 0.254 (s). 11 q(s)